@tanstack/devtools-vite 0.4.1 → 0.5.1

package/dist/esm/index.d.ts

@@ -1,2 +1,2 @@
 export { devtools, defineDevtoolsConfig } from './plugin.js';
-export type { TanStackDevtoolsViteConfig } from './plugin.js';
+export type { TanStackDevtoolsViteConfig, ConsoleLevel } from './plugin.js';

package/dist/esm/plugin.d.ts

@@ -1,6 +1,7 @@
 import { Plugin } from 'vite';
 import { EditorConfig } from './editor.js';
 import { ServerEventBusConfig } from '@tanstack/devtools-event-bus/server';
+export type ConsoleLevel = 'log' | 'warn' | 'error' | 'info' | 'debug';
 export type TanStackDevtoolsViteConfig = {
     /**
      * Configuration for the editor integration. Defaults to opening in VS code
@@ -53,6 +54,23 @@ export type TanStackDevtoolsViteConfig = {
             components?: Array<string | RegExp>;
         };
     };
+    /**
+     * Configuration for console piping between client and server.
+     * When enabled, console logs from the client will appear in the terminal,
+     * and server logs will appear in the browser console.
+     */
+    consolePiping?: {
+        /**
+         * Whether to enable console piping.
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Which console methods to pipe.
+         * @default ['log', 'warn', 'error', 'info', 'debug']
+         */
+        levels?: Array<ConsoleLevel>;
+    };
 };
 export declare const defineDevtoolsConfig: (config: TanStackDevtoolsViteConfig) => TanStackDevtoolsViteConfig;
 export declare const devtools: (args?: TanStackDevtoolsViteConfig) => Array<Plugin>;

package/dist/esm/plugin.js

@@ -2,13 +2,14 @@ import { devtoolsEventClient } from "@tanstack/devtools-client";
 import { ServerEventBus } from "@tanstack/devtools-event-bus/server";
 import { normalizePath } from "vite";
 import chalk from "chalk";
-import { handleDevToolsViteRequest, readPackageJson } from "./utils.js";
+import { handleDevToolsViteRequest, readPackageJson, stripEnhancedLogPrefix } from "./utils.js";
 import { DEFAULT_EDITOR_CONFIG, handleOpenSource } from "./editor.js";
 import { removeDevtools } from "./remove-devtools.js";
 import { addSourceToJsx } from "./inject-source.js";
 import { enhanceConsoleLog } from "./enhance-logs.js";
 import { detectDevtoolsFile, injectPluginIntoFile } from "./inject-plugin.js";
 import { emitOutdatedDeps, installPackage, addPluginToDevtools } from "./package-manager.js";
+import { generateConsolePipeCode } from "./virtual-console.js";
 const defineDevtoolsConfig = (config) => config;
 const devtools = (args) => {
   let port = 5173;
@@ -17,8 +18,12 @@ const devtools = (args) => {
   const injectSourceConfig = args?.injectSource ?? { enabled: true };
   const removeDevtoolsOnBuild = args?.removeDevtoolsOnBuild ?? true;
   const serverBusEnabled = args?.eventBusConfig?.enabled ?? true;
+  const consolePipingConfig = args?.consolePiping ?? { enabled: true };
+  const consolePipingLevels = consolePipingConfig.levels ?? ["log", "warn", "error", "info", "debug"];
   let devtoolsFileId = null;
   let devtoolsPort = null;
+  let devtoolsHost = null;
+  let devtoolsProtocol = null;
   return [
     {
       enforce: "pre",
@@ -50,9 +55,17 @@ const devtools = (args) => {
       async configureServer(server) {
         if (serverBusEnabled) {
           const preferredPort = args?.eventBusConfig?.port ?? 4206;
+          const isHttps = !!server.config.server.https;
+          const serverHost = typeof server.config.server.host === "string" ? server.config.server.host : "localhost";
+          devtoolsProtocol = isHttps ? "https" : "http";
+          devtoolsHost = serverHost;
           const bus = new ServerEventBus({
             ...args?.eventBusConfig,
-            port: preferredPort
+            port: preferredPort,
+            host: serverHost,
+            // When HTTPS is enabled, piggyback on Vite's server
+            // so WebSocket/SSE connections share the same TLS certificate
+            ...isHttps && server.httpServer ? { httpServer: server.httpServer } : {}
           });
           devtoolsPort = await bus.start();
         }
@@ -75,16 +88,69 @@ const devtools = (args) => {
           }
           await editor.open(path, lineNum, columnNum);
         };
+        const sseClients = [];
+        let sseClientId = 0;
+        const consolePipingEnabled = consolePipingConfig.enabled ?? true;
         server.middlewares.use(
-          (req, res, next) => handleDevToolsViteRequest(req, res, next, (parsedData) => {
-            const { data, routine } = parsedData;
-            if (routine === "open-source") {
-              return handleOpenSource({
-                data: { type: data.type, data },
-                openInEditor
-              });
-            }
-            return;
+          (req, res, next) => handleDevToolsViteRequest(req, res, next, {
+            onOpenSource: (parsedData) => {
+              const { data, routine } = parsedData;
+              if (routine === "open-source") {
+                return handleOpenSource({
+                  data: { type: data.type, data },
+                  openInEditor
+                });
+              }
+              return;
+            },
+            ...consolePipingEnabled ? {
+              onConsolePipe: (entries) => {
+                for (const entry of entries) {
+                  const prefix = chalk.cyan("[Client]");
+                  const logMethod = console[entry.level];
+                  const cleanedArgs = stripEnhancedLogPrefix(
+                    entry.args,
+                    (loc) => chalk.gray(loc)
+                  );
+                  logMethod(prefix, ...cleanedArgs);
+                }
+              },
+              onConsolePipeSSE: (res2, req2) => {
+                res2.setHeader("Content-Type", "text/event-stream");
+                res2.setHeader("Cache-Control", "no-cache");
+                res2.setHeader("Connection", "keep-alive");
+                res2.setHeader("Access-Control-Allow-Origin", "*");
+                res2.flushHeaders();
+                const clientId = ++sseClientId;
+                sseClients.push({ res: res2, id: clientId });
+                req2.on("close", () => {
+                  const index = sseClients.findIndex(
+                    (c) => c.id === clientId
+                  );
+                  if (index !== -1) {
+                    sseClients.splice(index, 1);
+                  }
+                });
+              },
+              onServerConsolePipe: (entries) => {
+                try {
+                  const data = JSON.stringify({
+                    entries: entries.map((e) => ({
+                      level: e.level,
+                      args: e.args,
+                      source: "server",
+                      timestamp: e.timestamp || Date.now()
+                    }))
+                  });
+                  for (const client of sseClients) {
+                    client.res.write(`data: ${data}
+
+`);
+                  }
+                } catch {
+                }
+              }
+            } : {}
           })
         );
       }
@@ -279,6 +345,33 @@ ${chalk.greenBright(`[@tanstack/devtools-vite]`)} Removed devtools code from: ${
         }
       }
     },
+    // Inject console piping code into entry files (both client and server)
+    {
+      name: "@tanstack/devtools:console-pipe-transform",
+      enforce: "pre",
+      apply(config, { command }) {
+        return config.mode === "development" && command === "serve" && (consolePipingConfig.enabled ?? true);
+      },
+      transform(code, id) {
+        if (id.includes("node_modules") || id.includes("dist") || id.includes("?") || !id.match(/\.(tsx?|jsx?)$/)) {
+          return;
+        }
+        if (code.includes("__tsdConsolePipe")) {
+          return;
+        }
+        const isRootEntry = /<html[\s>]/i.test(code) || code.includes("StartClient") || code.includes("hydrateRoot") || code.includes("createRoot") || code.includes("solid-js/web") && code.includes("render(");
+        if (isRootEntry) {
+          const viteServerUrl = `http://localhost:${port}`;
+          const inlineCode = generateConsolePipeCode(
+            consolePipingLevels,
+            viteServerUrl
+          );
+          return `${inlineCode}
+${code}`;
+        }
+        return void 0;
+      }
+    },
     {
       name: "@tanstack/devtools:better-console-logs",
       enforce: "pre",
@@ -307,16 +400,32 @@ ${chalk.greenBright(`[@tanstack/devtools-vite]`)} Removed devtools code from: ${
       }
     },
     {
-      name: "@tanstack/devtools:port-injection",
+      name: "@tanstack/devtools:connection-injection",
       apply(config, { command }) {
         return config.mode === "development" && command === "serve";
       },
       transform(code, id) {
-        if (!code.includes("__TANSTACK_DEVTOOLS_PORT__")) return;
+        const hasPlaceholder = code.includes("__TANSTACK_DEVTOOLS_PORT__") || code.includes("__TANSTACK_DEVTOOLS_HOST__") || code.includes("__TANSTACK_DEVTOOLS_PROTOCOL__");
+        if (!hasPlaceholder) return;
         if (!id.includes("@tanstack/devtools") && !id.includes("@tanstack/event-bus"))
           return;
         const portValue = devtoolsPort ?? 4206;
-        return code.replace(/__TANSTACK_DEVTOOLS_PORT__/g, String(portValue));
+        const hostValue = devtoolsHost ?? "localhost";
+        const protocolValue = devtoolsProtocol ?? "http";
+        let result = code;
+        result = result.replace(
+          /__TANSTACK_DEVTOOLS_PORT__/g,
+          String(portValue)
+        );
+        result = result.replace(
+          /__TANSTACK_DEVTOOLS_HOST__/g,
+          JSON.stringify(hostValue)
+        );
+        result = result.replace(
+          /__TANSTACK_DEVTOOLS_PROTOCOL__/g,
+          JSON.stringify(protocolValue)
+        );
+        return result;
       }
     }
   ];

package/dist/esm/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/plugin.ts"],"sourcesContent":["import { devtoolsEventClient } from '@tanstack/devtools-client'\nimport { ServerEventBus } from '@tanstack/devtools-event-bus/server'\nimport { normalizePath } from 'vite'\nimport chalk from 'chalk'\nimport { handleDevToolsViteRequest, readPackageJson } from './utils'\nimport { DEFAULT_EDITOR_CONFIG, handleOpenSource } from './editor'\nimport { removeDevtools } from './remove-devtools'\nimport { addSourceToJsx } from './inject-source'\nimport { enhanceConsoleLog } from './enhance-logs'\nimport { detectDevtoolsFile, injectPluginIntoFile } from './inject-plugin'\nimport {\n  addPluginToDevtools,\n  emitOutdatedDeps,\n  installPackage,\n} from './package-manager'\nimport type { Plugin } from 'vite'\nimport type { EditorConfig } from './editor'\nimport type { ServerEventBusConfig } from '@tanstack/devtools-event-bus/server'\n\nexport type TanStackDevtoolsViteConfig = {\n  /**\n   * Configuration for the editor integration. Defaults to opening in VS code\n   */\n  editor?: EditorConfig\n  /**\n   * The configuration options for the server event bus\n   */\n  eventBusConfig?: ServerEventBusConfig & {\n    /**\n     * Should the server event bus be enabled or not\n     * @default true\n     */\n    enabled?: boolean // defaults to true\n  }\n  /**\n   * Configuration for enhanced logging.\n   */\n  enhancedLogs?: {\n    /**\n     * Whether to enable enhanced logging.\n     * @default true\n     */\n    enabled: boolean\n  }\n  /**\n   * Whether to remove devtools from the production build.\n   * @default true\n   */\n  removeDevtoolsOnBuild?: boolean\n\n  /**\n   * Whether to log information to the console.\n   * @default true\n   */\n  logging?: boolean\n  /**\n   * Configuration for source injection.\n   */\n  injectSource?: {\n    /**\n     * Whether to enable source injection via data-tsd-source.\n     * @default true\n     */\n    enabled: boolean\n    /**\n     * List of files or patterns to ignore for source injection.\n     */\n    ignore?: {\n      files?: Array<string | RegExp>\n      components?: Array<string | RegExp>\n    }\n  }\n}\n\nexport const defineDevtoolsConfig = (config: TanStackDevtoolsViteConfig) =>\n  config\n\nexport const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {\n  let port = 5173\n  const logging = args?.logging ?? true\n  const enhancedLogsConfig = args?.enhancedLogs ?? { enabled: true }\n  const injectSourceConfig = args?.injectSource ?? { enabled: true }\n  const removeDevtoolsOnBuild = args?.removeDevtoolsOnBuild ?? true\n  const serverBusEnabled = args?.eventBusConfig?.enabled ?? true\n\n  let devtoolsFileId: string | null = null\n  let devtoolsPort: number | null = null\n\n  return [\n    {\n      enforce: 'pre',\n      name: '@tanstack/devtools:inject-source',\n      apply(config) {\n        return config.mode === 'development' && injectSourceConfig.enabled\n      },\n      transform(code, id) {\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          id.includes('dist') ||\n          id.includes('build')\n        )\n          return\n\n        return addSourceToJsx(code, id, args?.injectSource?.ignore)\n      },\n    },\n    {\n      name: '@tanstack/devtools:config',\n      enforce: 'pre',\n      config(_, { command }) {\n        // we do not apply any config changes for build\n        if (command !== 'serve') {\n          return\n        }\n\n        /*  const solidDedupeDeps = [\n          'solid-js',\n          'solid-js/web',\n          'solid-js/store',\n          'solid-js/html',\n          'solid-js/h',\n        ]\n\n        return {\n          resolve: {\n            dedupe: solidDedupeDeps,\n          },\n          optimizeDeps: {\n            include: solidDedupeDeps,\n          },\n        } */\n      },\n    },\n    {\n      enforce: 'pre',\n      name: '@tanstack/devtools:custom-server',\n      apply(config) {\n        // Custom server is only needed in development for piping events to the client\n        return config.mode === 'development'\n      },\n      async configureServer(server) {\n        if (serverBusEnabled) {\n          const preferredPort = args?.eventBusConfig?.port ?? 4206\n          const bus = new ServerEventBus({\n            ...args?.eventBusConfig,\n            port: preferredPort,\n          })\n          // start() now handles EADDRINUSE and returns the actual port\n          devtoolsPort = await bus.start()\n        }\n\n        server.middlewares.use((req, _res, next) => {\n          if (req.socket.localPort && req.socket.localPort !== port) {\n            port = req.socket.localPort\n          }\n          next()\n        })\n        if (server.config.server.port) {\n          port = server.config.server.port\n        }\n\n        server.httpServer?.on('listening', () => {\n          port = server.config.server.port\n        })\n\n        const editor = args?.editor ?? DEFAULT_EDITOR_CONFIG\n        const openInEditor: EditorConfig['open'] = async (\n          path,\n          lineNum,\n          columnNum,\n        ) => {\n          if (!path) {\n            return\n          }\n          await editor.open(path, lineNum, columnNum)\n        }\n        server.middlewares.use((req, res, next) =>\n          handleDevToolsViteRequest(req, res, next, (parsedData) => {\n            const { data, routine } = parsedData\n            if (routine === 'open-source') {\n              return handleOpenSource({\n                data: { type: data.type, data },\n                openInEditor,\n              })\n            }\n            return\n          }),\n        )\n      },\n    },\n    {\n      name: '@tanstack/devtools:remove-devtools-on-build',\n      apply(config, { command }) {\n        // Check both command and mode to support various hosting providers\n        // Some providers (Cloudflare, Netlify, Heroku) might not use 'build' command\n        // but will always set mode to 'production' for production builds\n        return (\n          (command !== 'serve' || config.mode === 'production') &&\n          removeDevtoolsOnBuild\n        )\n      },\n      enforce: 'pre',\n      transform(code, id) {\n        const devtoolPackages = [\n          '@tanstack/react-devtools',\n          '@tanstack/preact-devtools',\n          '@tanstack/solid-devtools',\n          '@tanstack/vue-devtools',\n          '@tanstack/devtools',\n        ]\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          !devtoolPackages.some((pkg) => code.includes(pkg))\n        )\n          return\n        const transform = removeDevtools(code, id)\n        if (!transform) return\n        if (logging) {\n          console.log(\n            `\\n${chalk.greenBright(`[@tanstack/devtools-vite]`)} Removed devtools code from: ${id.replace(normalizePath(process.cwd()), '')}\\n`,\n          )\n        }\n        return transform\n      },\n    },\n    {\n      name: '@tanstack/devtools:event-client-setup',\n      apply(config, { command }) {\n        if (\n          process.env.CI ||\n          process.env.NODE_ENV !== 'development' ||\n          command !== 'serve'\n        )\n          return false\n        return config.mode === 'development'\n      },\n      async configureServer() {\n        const packageJson = await readPackageJson()\n        const outdatedDeps = emitOutdatedDeps().then((deps) => deps)\n\n        // Listen for package installation requests\n        devtoolsEventClient.on('install-devtools', async (event) => {\n          const result = await installPackage(event.payload.packageName)\n          devtoolsEventClient.emit('devtools-installed', {\n            packageName: event.payload.packageName,\n            success: result.success,\n            error: result.error,\n          })\n\n          // If installation was successful, automatically add the plugin to devtools\n          if (result.success) {\n            const { packageName, pluginName, pluginImport } = event.payload\n\n            console.log(\n              chalk.blueBright(\n                `[@tanstack/devtools-vite] Auto-adding ${packageName} to devtools...`,\n              ),\n            )\n\n            const injectResult = addPluginToDevtools(\n              devtoolsFileId,\n              packageName,\n              pluginName,\n              pluginImport,\n            )\n\n            if (injectResult.success) {\n              // Emit plugin-added event so the UI updates\n              devtoolsEventClient.emit('plugin-added', {\n                packageName,\n                success: true,\n              })\n\n              // Also re-read package.json to update the UI with the newly installed package\n              const updatedPackageJson = await readPackageJson()\n              devtoolsEventClient.emit('package-json-read', {\n                packageJson: updatedPackageJson,\n              })\n            }\n          }\n        })\n\n        // Listen for add plugin to devtools requests\n        devtoolsEventClient.on('add-plugin-to-devtools', (event) => {\n          const { packageName, pluginName, pluginImport } = event.payload\n\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Adding ${packageName} to devtools...`,\n            ),\n          )\n\n          const result = addPluginToDevtools(\n            devtoolsFileId,\n            packageName,\n            pluginName,\n            pluginImport,\n          )\n\n          devtoolsEventClient.emit('plugin-added', {\n            packageName,\n            success: result.success,\n            error: result.error,\n          })\n        })\n\n        // Handle bump-package-version event\n        devtoolsEventClient.on('bump-package-version', async (event) => {\n          const {\n            packageName,\n            devtoolsPackage,\n            pluginName,\n            minVersion,\n            pluginImport,\n          } = event.payload\n\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Bumping ${packageName} to version ${minVersion}...`,\n            ),\n          )\n\n          // Install the package with the minimum version\n          const packageWithVersion = minVersion\n            ? `${packageName}@^${minVersion}`\n            : packageName\n\n          const result = await installPackage(packageWithVersion)\n\n          if (!result.success) {\n            console.log(\n              chalk.redBright(\n                `[@tanstack/devtools-vite] Failed to bump ${packageName}: ${result.error}`,\n              ),\n            )\n            devtoolsEventClient.emit('devtools-installed', {\n              packageName: devtoolsPackage,\n              success: false,\n              error: result.error,\n            })\n            return\n          }\n\n          console.log(\n            chalk.greenBright(\n              `[@tanstack/devtools-vite] Successfully bumped ${packageName} to ${minVersion}!`,\n            ),\n          )\n\n          // Check if we found the devtools file\n          if (!devtoolsFileId) {\n            console.log(\n              chalk.yellowBright(\n                `[@tanstack/devtools-vite] Devtools file not found. Skipping auto-injection.`,\n              ),\n            )\n            devtoolsEventClient.emit('devtools-installed', {\n              packageName: devtoolsPackage,\n              success: true,\n            })\n            return\n          }\n\n          // Now inject the devtools plugin\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Adding ${devtoolsPackage} to devtools...`,\n            ),\n          )\n\n          const injectResult = injectPluginIntoFile(devtoolsFileId, {\n            packageName: devtoolsPackage,\n            pluginName,\n            pluginImport,\n          })\n\n          if (injectResult.success) {\n            console.log(\n              chalk.greenBright(\n                `[@tanstack/devtools-vite] Successfully added ${devtoolsPackage} to devtools!`,\n              ),\n            )\n\n            devtoolsEventClient.emit('plugin-added', {\n              packageName: devtoolsPackage,\n              success: true,\n            })\n\n            // Re-read package.json to update the UI\n            const updatedPackageJson = await readPackageJson()\n            devtoolsEventClient.emit('package-json-read', {\n              packageJson: updatedPackageJson,\n            })\n          } else {\n            console.log(\n              chalk.redBright(\n                `[@tanstack/devtools-vite] Failed to add ${devtoolsPackage} to devtools: ${injectResult.error}`,\n              ),\n            )\n\n            devtoolsEventClient.emit('plugin-added', {\n              packageName: devtoolsPackage,\n              success: false,\n              error: injectResult.error,\n            })\n          }\n        })\n\n        // whenever a client mounts we send all the current info to the subscribers\n        devtoolsEventClient.on('mounted', async () => {\n          devtoolsEventClient.emit('outdated-deps-read', {\n            outdatedDeps: await outdatedDeps,\n          })\n          devtoolsEventClient.emit('package-json-read', {\n            packageJson,\n          })\n        })\n      },\n      async handleHotUpdate({ file }) {\n        if (file.endsWith('package.json')) {\n          const newPackageJson = await readPackageJson()\n          devtoolsEventClient.emit('package-json-read', {\n            packageJson: newPackageJson,\n          })\n          emitOutdatedDeps()\n        }\n      },\n    },\n    {\n      name: '@tanstack/devtools:better-console-logs',\n      enforce: 'pre',\n      apply(config) {\n        return config.mode === 'development' && enhancedLogsConfig.enabled\n      },\n      transform(code, id) {\n        // Ignore anything external\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          id.includes('dist') ||\n          id.includes('build') ||\n          !code.includes('console.')\n        )\n          return\n\n        return enhanceConsoleLog(code, id, port)\n      },\n    },\n    {\n      name: '@tanstack/devtools:inject-plugin',\n      apply(config, { command }) {\n        return config.mode === 'development' && command === 'serve'\n      },\n      transform(code, id) {\n        // First pass: find where TanStackDevtools is imported\n        if (!devtoolsFileId && detectDevtoolsFile(code)) {\n          // Extract actual file path (remove query params)\n          const [filePath] = id.split('?')\n          if (filePath) {\n            devtoolsFileId = filePath\n          }\n        }\n\n        return undefined\n      },\n    },\n    {\n      name: '@tanstack/devtools:port-injection',\n      apply(config, { command }) {\n        return config.mode === 'development' && command === 'serve'\n      },\n      transform(code, id) {\n        // Only transform @tanstack packages that contain the port placeholder\n        if (!code.includes('__TANSTACK_DEVTOOLS_PORT__')) return\n        if (\n          !id.includes('@tanstack/devtools') &&\n          !id.includes('@tanstack/event-bus')\n        )\n          return\n\n        // Replace placeholder with actual port (or fallback to 4206 if not resolved yet)\n        const portValue = devtoolsPort ?? 4206\n        return code.replace(/__TANSTACK_DEVTOOLS_PORT__/g, String(portValue))\n      },\n    },\n  ]\n}\n"],"names":[],"mappings":";;;;;;;;;;;AA0EO,MAAM,uBAAuB,CAAC,WACnC;AAEK,MAAM,WAAW,CAAC,SAAqD;AAC5E,MAAI,OAAO;AACX,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,qBAAqB,MAAM,gBAAgB,EAAE,SAAS,KAAA;AAC5D,QAAM,qBAAqB,MAAM,gBAAgB,EAAE,SAAS,KAAA;AAC5D,QAAM,wBAAwB,MAAM,yBAAyB;AAC7D,QAAM,mBAAmB,MAAM,gBAAgB,WAAW;AAE1D,MAAI,iBAAgC;AACpC,MAAI,eAA8B;AAElC,SAAO;AAAA,IACL;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM,QAAQ;AACZ,eAAO,OAAO,SAAS,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM,IAAI;AAClB,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,OAAO;AAEnB;AAEF,eAAO,eAAe,MAAM,IAAI,MAAM,cAAc,MAAM;AAAA,MAC5D;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,GAAG,EAAE,WAAW;AAErB,YAAI,YAAY,SAAS;AACvB;AAAA,QACF;AAAA,MAkBF;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM,QAAQ;AAEZ,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,MACA,MAAM,gBAAgB,QAAQ;AAC5B,YAAI,kBAAkB;AACpB,gBAAM,gBAAgB,MAAM,gBAAgB,QAAQ;AACpD,gBAAM,MAAM,IAAI,eAAe;AAAA,YAC7B,GAAG,MAAM;AAAA,YACT,MAAM;AAAA,UAAA,CACP;AAED,yBAAe,MAAM,IAAI,MAAA;AAAA,QAC3B;AAEA,eAAO,YAAY,IAAI,CAAC,KAAK,MAAM,SAAS;AAC1C,cAAI,IAAI,OAAO,aAAa,IAAI,OAAO,cAAc,MAAM;AACzD,mBAAO,IAAI,OAAO;AAAA,UACpB;AACA,eAAA;AAAA,QACF,CAAC;AACD,YAAI,OAAO,OAAO,OAAO,MAAM;AAC7B,iBAAO,OAAO,OAAO,OAAO;AAAA,QAC9B;AAEA,eAAO,YAAY,GAAG,aAAa,MAAM;AACvC,iBAAO,OAAO,OAAO,OAAO;AAAA,QAC9B,CAAC;AAED,cAAM,SAAS,MAAM,UAAU;AAC/B,cAAM,eAAqC,OACzC,MACA,SACA,cACG;AACH,cAAI,CAAC,MAAM;AACT;AAAA,UACF;AACA,gBAAM,OAAO,KAAK,MAAM,SAAS,SAAS;AAAA,QAC5C;AACA,eAAO,YAAY;AAAA,UAAI,CAAC,KAAK,KAAK,SAChC,0BAA0B,KAAK,KAAK,MAAM,CAAC,eAAe;AACxD,kBAAM,EAAE,MAAM,QAAA,IAAY;AAC1B,gBAAI,YAAY,eAAe;AAC7B,qBAAO,iBAAiB;AAAA,gBACtB,MAAM,EAAE,MAAM,KAAK,MAAM,KAAA;AAAA,gBACzB;AAAA,cAAA,CACD;AAAA,YACH;AACA;AAAA,UACF,CAAC;AAAA,QAAA;AAAA,MAEL;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AAIzB,gBACG,YAAY,WAAW,OAAO,SAAS,iBACxC;AAAA,MAEJ;AAAA,MACA,SAAS;AAAA,MACT,UAAU,MAAM,IAAI;AAClB,cAAM,kBAAkB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEF,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,CAAC,gBAAgB,KAAK,CAAC,QAAQ,KAAK,SAAS,GAAG,CAAC;AAEjD;AACF,cAAM,YAAY,eAAe,MAAM,EAAE;AACzC,YAAI,CAAC,UAAW;AAChB,YAAI,SAAS;AACX,kBAAQ;AAAA,YACN;AAAA,EAAK,MAAM,YAAY,2BAA2B,CAAC,gCAAgC,GAAG,QAAQ,cAAc,QAAQ,IAAA,CAAK,GAAG,EAAE,CAAC;AAAA;AAAA,UAAA;AAAA,QAEnI;AACA,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,YACE,QAAQ,IAAI,MACZ,QAAQ,IAAI,aAAa,iBACzB,YAAY;AAEZ,iBAAO;AACT,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,MACA,MAAM,kBAAkB;AACtB,cAAM,cAAc,MAAM,gBAAA;AAC1B,cAAM,eAAe,iBAAA,EAAmB,KAAK,CAAC,SAAS,IAAI;AAG3D,4BAAoB,GAAG,oBAAoB,OAAO,UAAU;AAC1D,gBAAM,SAAS,MAAM,eAAe,MAAM,QAAQ,WAAW;AAC7D,8BAAoB,KAAK,sBAAsB;AAAA,YAC7C,aAAa,MAAM,QAAQ;AAAA,YAC3B,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,UAAA,CACf;AAGD,cAAI,OAAO,SAAS;AAClB,kBAAM,EAAE,aAAa,YAAY,aAAA,IAAiB,MAAM;AAExD,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,yCAAyC,WAAW;AAAA,cAAA;AAAA,YACtD;AAGF,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAGF,gBAAI,aAAa,SAAS;AAExB,kCAAoB,KAAK,gBAAgB;AAAA,gBACvC;AAAA,gBACA,SAAS;AAAA,cAAA,CACV;AAGD,oBAAM,qBAAqB,MAAM,gBAAA;AACjC,kCAAoB,KAAK,qBAAqB;AAAA,gBAC5C,aAAa;AAAA,cAAA,CACd;AAAA,YACH;AAAA,UACF;AAAA,QACF,CAAC;AAGD,4BAAoB,GAAG,0BAA0B,CAAC,UAAU;AAC1D,gBAAM,EAAE,aAAa,YAAY,aAAA,IAAiB,MAAM;AAExD,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,oCAAoC,WAAW;AAAA,YAAA;AAAA,UACjD;AAGF,gBAAM,SAAS;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAGF,8BAAoB,KAAK,gBAAgB;AAAA,YACvC;AAAA,YACA,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QACH,CAAC;AAGD,4BAAoB,GAAG,wBAAwB,OAAO,UAAU;AAC9D,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,IACE,MAAM;AAEV,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,qCAAqC,WAAW,eAAe,UAAU;AAAA,YAAA;AAAA,UAC3E;AAIF,gBAAM,qBAAqB,aACvB,GAAG,WAAW,KAAK,UAAU,KAC7B;AAEJ,gBAAM,SAAS,MAAM,eAAe,kBAAkB;AAEtD,cAAI,CAAC,OAAO,SAAS;AACnB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,4CAA4C,WAAW,KAAK,OAAO,KAAK;AAAA,cAAA;AAAA,YAC1E;AAEF,gCAAoB,KAAK,sBAAsB;AAAA,cAC7C,aAAa;AAAA,cACb,SAAS;AAAA,cACT,OAAO,OAAO;AAAA,YAAA,CACf;AACD;AAAA,UACF;AAEA,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,iDAAiD,WAAW,OAAO,UAAU;AAAA,YAAA;AAAA,UAC/E;AAIF,cAAI,CAAC,gBAAgB;AACnB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ;AAAA,cAAA;AAAA,YACF;AAEF,gCAAoB,KAAK,sBAAsB;AAAA,cAC7C,aAAa;AAAA,cACb,SAAS;AAAA,YAAA,CACV;AACD;AAAA,UACF;AAGA,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,oCAAoC,eAAe;AAAA,YAAA;AAAA,UACrD;AAGF,gBAAM,eAAe,qBAAqB,gBAAgB;AAAA,YACxD,aAAa;AAAA,YACb;AAAA,YACA;AAAA,UAAA,CACD;AAED,cAAI,aAAa,SAAS;AACxB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,gDAAgD,eAAe;AAAA,cAAA;AAAA,YACjE;AAGF,gCAAoB,KAAK,gBAAgB;AAAA,cACvC,aAAa;AAAA,cACb,SAAS;AAAA,YAAA,CACV;AAGD,kBAAM,qBAAqB,MAAM,gBAAA;AACjC,gCAAoB,KAAK,qBAAqB;AAAA,cAC5C,aAAa;AAAA,YAAA,CACd;AAAA,UACH,OAAO;AACL,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,2CAA2C,eAAe,iBAAiB,aAAa,KAAK;AAAA,cAAA;AAAA,YAC/F;AAGF,gCAAoB,KAAK,gBAAgB;AAAA,cACvC,aAAa;AAAA,cACb,SAAS;AAAA,cACT,OAAO,aAAa;AAAA,YAAA,CACrB;AAAA,UACH;AAAA,QACF,CAAC;AAGD,4BAAoB,GAAG,WAAW,YAAY;AAC5C,8BAAoB,KAAK,sBAAsB;AAAA,YAC7C,cAAc,MAAM;AAAA,UAAA,CACrB;AACD,8BAAoB,KAAK,qBAAqB;AAAA,YAC5C;AAAA,UAAA,CACD;AAAA,QACH,CAAC;AAAA,MACH;AAAA,MACA,MAAM,gBAAgB,EAAE,QAAQ;AAC9B,YAAI,KAAK,SAAS,cAAc,GAAG;AACjC,gBAAM,iBAAiB,MAAM,gBAAA;AAC7B,8BAAoB,KAAK,qBAAqB;AAAA,YAC5C,aAAa;AAAA,UAAA,CACd;AACD,2BAAA;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM,QAAQ;AACZ,eAAO,OAAO,SAAS,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,OAAO,KACnB,CAAC,KAAK,SAAS,UAAU;AAEzB;AAEF,eAAO,kBAAkB,MAAM,IAAI,IAAI;AAAA,MACzC;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,eAAO,OAAO,SAAS,iBAAiB,YAAY;AAAA,MACtD;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YAAI,CAAC,kBAAkB,mBAAmB,IAAI,GAAG;AAE/C,gBAAM,CAAC,QAAQ,IAAI,GAAG,MAAM,GAAG;AAC/B,cAAI,UAAU;AACZ,6BAAiB;AAAA,UACnB;AAAA,QACF;AAEA,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,eAAO,OAAO,SAAS,iBAAiB,YAAY;AAAA,MACtD;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YAAI,CAAC,KAAK,SAAS,4BAA4B,EAAG;AAClD,YACE,CAAC,GAAG,SAAS,oBAAoB,KACjC,CAAC,GAAG,SAAS,qBAAqB;AAElC;AAGF,cAAM,YAAY,gBAAgB;AAClC,eAAO,KAAK,QAAQ,+BAA+B,OAAO,SAAS,CAAC;AAAA,MACtE;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"plugin.js","sources":["../../src/plugin.ts"],"sourcesContent":["import { devtoolsEventClient } from '@tanstack/devtools-client'\nimport { ServerEventBus } from '@tanstack/devtools-event-bus/server'\nimport { normalizePath } from 'vite'\nimport chalk from 'chalk'\nimport {\n  handleDevToolsViteRequest,\n  readPackageJson,\n  stripEnhancedLogPrefix,\n} from './utils'\nimport { DEFAULT_EDITOR_CONFIG, handleOpenSource } from './editor'\nimport { removeDevtools } from './remove-devtools'\nimport { addSourceToJsx } from './inject-source'\nimport { enhanceConsoleLog } from './enhance-logs'\nimport { detectDevtoolsFile, injectPluginIntoFile } from './inject-plugin'\nimport {\n  addPluginToDevtools,\n  emitOutdatedDeps,\n  installPackage,\n} from './package-manager'\nimport { generateConsolePipeCode } from './virtual-console'\nimport type { ServerResponse } from 'node:http'\nimport type { Plugin } from 'vite'\nimport type { EditorConfig } from './editor'\nimport type {\n  HttpServerLike,\n  ServerEventBusConfig,\n} from '@tanstack/devtools-event-bus/server'\n\nexport type ConsoleLevel = 'log' | 'warn' | 'error' | 'info' | 'debug'\n\nexport type TanStackDevtoolsViteConfig = {\n  /**\n   * Configuration for the editor integration. Defaults to opening in VS code\n   */\n  editor?: EditorConfig\n  /**\n   * The configuration options for the server event bus\n   */\n  eventBusConfig?: ServerEventBusConfig & {\n    /**\n     * Should the server event bus be enabled or not\n     * @default true\n     */\n    enabled?: boolean // defaults to true\n  }\n  /**\n   * Configuration for enhanced logging.\n   */\n  enhancedLogs?: {\n    /**\n     * Whether to enable enhanced logging.\n     * @default true\n     */\n    enabled: boolean\n  }\n  /**\n   * Whether to remove devtools from the production build.\n   * @default true\n   */\n  removeDevtoolsOnBuild?: boolean\n\n  /**\n   * Whether to log information to the console.\n   * @default true\n   */\n  logging?: boolean\n  /**\n   * Configuration for source injection.\n   */\n  injectSource?: {\n    /**\n     * Whether to enable source injection via data-tsd-source.\n     * @default true\n     */\n    enabled: boolean\n    /**\n     * List of files or patterns to ignore for source injection.\n     */\n    ignore?: {\n      files?: Array<string | RegExp>\n      components?: Array<string | RegExp>\n    }\n  }\n  /**\n   * Configuration for console piping between client and server.\n   * When enabled, console logs from the client will appear in the terminal,\n   * and server logs will appear in the browser console.\n   */\n  consolePiping?: {\n    /**\n     * Whether to enable console piping.\n     * @default true\n     */\n    enabled?: boolean\n    /**\n     * Which console methods to pipe.\n     * @default ['log', 'warn', 'error', 'info', 'debug']\n     */\n    levels?: Array<ConsoleLevel>\n  }\n}\n\nexport const defineDevtoolsConfig = (config: TanStackDevtoolsViteConfig) =>\n  config\n\nexport const devtools = (args?: TanStackDevtoolsViteConfig): Array<Plugin> => {\n  let port = 5173\n  const logging = args?.logging ?? true\n  const enhancedLogsConfig = args?.enhancedLogs ?? { enabled: true }\n  const injectSourceConfig = args?.injectSource ?? { enabled: true }\n  const removeDevtoolsOnBuild = args?.removeDevtoolsOnBuild ?? true\n  const serverBusEnabled = args?.eventBusConfig?.enabled ?? true\n  const consolePipingConfig = args?.consolePiping ?? { enabled: true }\n  const consolePipingLevels: Array<ConsoleLevel> =\n    consolePipingConfig.levels ?? ['log', 'warn', 'error', 'info', 'debug']\n\n  let devtoolsFileId: string | null = null\n  let devtoolsPort: number | null = null\n  let devtoolsHost: string | null = null\n  let devtoolsProtocol: 'http' | 'https' | null = null\n\n  return [\n    {\n      enforce: 'pre',\n      name: '@tanstack/devtools:inject-source',\n      apply(config) {\n        return config.mode === 'development' && injectSourceConfig.enabled\n      },\n      transform(code, id) {\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          id.includes('dist') ||\n          id.includes('build')\n        )\n          return\n\n        return addSourceToJsx(code, id, args?.injectSource?.ignore)\n      },\n    },\n    {\n      name: '@tanstack/devtools:config',\n      enforce: 'pre',\n      config(_, { command }) {\n        // we do not apply any config changes for build\n        if (command !== 'serve') {\n          return\n        }\n\n        /*  const solidDedupeDeps = [\n          'solid-js',\n          'solid-js/web',\n          'solid-js/store',\n          'solid-js/html',\n          'solid-js/h',\n        ]\n\n        return {\n          resolve: {\n            dedupe: solidDedupeDeps,\n          },\n          optimizeDeps: {\n            include: solidDedupeDeps,\n          },\n        } */\n      },\n    },\n    {\n      enforce: 'pre',\n      name: '@tanstack/devtools:custom-server',\n      apply(config) {\n        // Custom server is only needed in development for piping events to the client\n        return config.mode === 'development'\n      },\n      async configureServer(server) {\n        if (serverBusEnabled) {\n          const preferredPort = args?.eventBusConfig?.port ?? 4206\n          const isHttps = !!server.config.server.https\n          const serverHost =\n            typeof server.config.server.host === 'string'\n              ? server.config.server.host\n              : 'localhost'\n\n          devtoolsProtocol = isHttps ? 'https' : 'http'\n          devtoolsHost = serverHost\n\n          const bus = new ServerEventBus({\n            ...args?.eventBusConfig,\n            port: preferredPort,\n            host: serverHost,\n            // When HTTPS is enabled, piggyback on Vite's server\n            // so WebSocket/SSE connections share the same TLS certificate\n            ...(isHttps && server.httpServer\n              ? { httpServer: server.httpServer as HttpServerLike }\n              : {}),\n          })\n          // start() now handles EADDRINUSE and returns the actual port\n          devtoolsPort = await bus.start()\n        }\n\n        server.middlewares.use((req, _res, next) => {\n          if (req.socket.localPort && req.socket.localPort !== port) {\n            port = req.socket.localPort\n          }\n          next()\n        })\n        if (server.config.server.port) {\n          port = server.config.server.port\n        }\n\n        server.httpServer?.on('listening', () => {\n          port = server.config.server.port\n        })\n\n        const editor = args?.editor ?? DEFAULT_EDITOR_CONFIG\n        const openInEditor: EditorConfig['open'] = async (\n          path,\n          lineNum,\n          columnNum,\n        ) => {\n          if (!path) {\n            return\n          }\n          await editor.open(path, lineNum, columnNum)\n        }\n\n        // SSE clients for broadcasting server logs to browser\n        const sseClients: Array<{\n          res: ServerResponse\n          id: number\n        }> = []\n        let sseClientId = 0\n        const consolePipingEnabled = consolePipingConfig.enabled ?? true\n\n        server.middlewares.use((req, res, next) =>\n          handleDevToolsViteRequest(req, res, next, {\n            onOpenSource: (parsedData) => {\n              const { data, routine } = parsedData\n              if (routine === 'open-source') {\n                return handleOpenSource({\n                  data: { type: data.type, data },\n                  openInEditor,\n                })\n              }\n              return\n            },\n            ...(consolePipingEnabled\n              ? {\n                  onConsolePipe: (entries) => {\n                    for (const entry of entries) {\n                      const prefix = chalk.cyan('[Client]')\n                      const logMethod = console[entry.level as ConsoleLevel]\n                      const cleanedArgs = stripEnhancedLogPrefix(\n                        entry.args,\n                        (loc) => chalk.gray(loc),\n                      )\n                      logMethod(prefix, ...cleanedArgs)\n                    }\n                  },\n                  onConsolePipeSSE: (res, req) => {\n                    res.setHeader('Content-Type', 'text/event-stream')\n                    res.setHeader('Cache-Control', 'no-cache')\n                    res.setHeader('Connection', 'keep-alive')\n                    res.setHeader('Access-Control-Allow-Origin', '*')\n                    res.flushHeaders()\n\n                    const clientId = ++sseClientId\n                    sseClients.push({ res, id: clientId })\n\n                    req.on('close', () => {\n                      const index = sseClients.findIndex(\n                        (c) => c.id === clientId,\n                      )\n                      if (index !== -1) {\n                        sseClients.splice(index, 1)\n                      }\n                    })\n                  },\n                  onServerConsolePipe: (entries) => {\n                    try {\n                      const data = JSON.stringify({\n                        entries: entries.map((e) => ({\n                          level: e.level,\n                          args: e.args,\n                          source: 'server',\n                          timestamp: e.timestamp || Date.now(),\n                        })),\n                      })\n\n                      for (const client of sseClients) {\n                        client.res.write(`data: ${data}\\n\\n`)\n                      }\n                    } catch {}\n                  },\n                }\n              : {}),\n          }),\n        )\n      },\n    },\n    {\n      name: '@tanstack/devtools:remove-devtools-on-build',\n      apply(config, { command }) {\n        // Check both command and mode to support various hosting providers\n        // Some providers (Cloudflare, Netlify, Heroku) might not use 'build' command\n        // but will always set mode to 'production' for production builds\n        return (\n          (command !== 'serve' || config.mode === 'production') &&\n          removeDevtoolsOnBuild\n        )\n      },\n      enforce: 'pre',\n      transform(code, id) {\n        const devtoolPackages = [\n          '@tanstack/react-devtools',\n          '@tanstack/preact-devtools',\n          '@tanstack/solid-devtools',\n          '@tanstack/vue-devtools',\n          '@tanstack/devtools',\n        ]\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          !devtoolPackages.some((pkg) => code.includes(pkg))\n        )\n          return\n        const transform = removeDevtools(code, id)\n        if (!transform) return\n        if (logging) {\n          console.log(\n            `\\n${chalk.greenBright(`[@tanstack/devtools-vite]`)} Removed devtools code from: ${id.replace(normalizePath(process.cwd()), '')}\\n`,\n          )\n        }\n        return transform\n      },\n    },\n    {\n      name: '@tanstack/devtools:event-client-setup',\n      apply(config, { command }) {\n        if (\n          process.env.CI ||\n          process.env.NODE_ENV !== 'development' ||\n          command !== 'serve'\n        )\n          return false\n        return config.mode === 'development'\n      },\n      async configureServer() {\n        const packageJson = await readPackageJson()\n        const outdatedDeps = emitOutdatedDeps().then((deps) => deps)\n\n        // Listen for package installation requests\n        devtoolsEventClient.on('install-devtools', async (event) => {\n          const result = await installPackage(event.payload.packageName)\n          devtoolsEventClient.emit('devtools-installed', {\n            packageName: event.payload.packageName,\n            success: result.success,\n            error: result.error,\n          })\n\n          // If installation was successful, automatically add the plugin to devtools\n          if (result.success) {\n            const { packageName, pluginName, pluginImport } = event.payload\n\n            console.log(\n              chalk.blueBright(\n                `[@tanstack/devtools-vite] Auto-adding ${packageName} to devtools...`,\n              ),\n            )\n\n            const injectResult = addPluginToDevtools(\n              devtoolsFileId,\n              packageName,\n              pluginName,\n              pluginImport,\n            )\n\n            if (injectResult.success) {\n              // Emit plugin-added event so the UI updates\n              devtoolsEventClient.emit('plugin-added', {\n                packageName,\n                success: true,\n              })\n\n              // Also re-read package.json to update the UI with the newly installed package\n              const updatedPackageJson = await readPackageJson()\n              devtoolsEventClient.emit('package-json-read', {\n                packageJson: updatedPackageJson,\n              })\n            }\n          }\n        })\n\n        // Listen for add plugin to devtools requests\n        devtoolsEventClient.on('add-plugin-to-devtools', (event) => {\n          const { packageName, pluginName, pluginImport } = event.payload\n\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Adding ${packageName} to devtools...`,\n            ),\n          )\n\n          const result = addPluginToDevtools(\n            devtoolsFileId,\n            packageName,\n            pluginName,\n            pluginImport,\n          )\n\n          devtoolsEventClient.emit('plugin-added', {\n            packageName,\n            success: result.success,\n            error: result.error,\n          })\n        })\n\n        // Handle bump-package-version event\n        devtoolsEventClient.on('bump-package-version', async (event) => {\n          const {\n            packageName,\n            devtoolsPackage,\n            pluginName,\n            minVersion,\n            pluginImport,\n          } = event.payload\n\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Bumping ${packageName} to version ${minVersion}...`,\n            ),\n          )\n\n          // Install the package with the minimum version\n          const packageWithVersion = minVersion\n            ? `${packageName}@^${minVersion}`\n            : packageName\n\n          const result = await installPackage(packageWithVersion)\n\n          if (!result.success) {\n            console.log(\n              chalk.redBright(\n                `[@tanstack/devtools-vite] Failed to bump ${packageName}: ${result.error}`,\n              ),\n            )\n            devtoolsEventClient.emit('devtools-installed', {\n              packageName: devtoolsPackage,\n              success: false,\n              error: result.error,\n            })\n            return\n          }\n\n          console.log(\n            chalk.greenBright(\n              `[@tanstack/devtools-vite] Successfully bumped ${packageName} to ${minVersion}!`,\n            ),\n          )\n\n          // Check if we found the devtools file\n          if (!devtoolsFileId) {\n            console.log(\n              chalk.yellowBright(\n                `[@tanstack/devtools-vite] Devtools file not found. Skipping auto-injection.`,\n              ),\n            )\n            devtoolsEventClient.emit('devtools-installed', {\n              packageName: devtoolsPackage,\n              success: true,\n            })\n            return\n          }\n\n          // Now inject the devtools plugin\n          console.log(\n            chalk.blueBright(\n              `[@tanstack/devtools-vite] Adding ${devtoolsPackage} to devtools...`,\n            ),\n          )\n\n          const injectResult = injectPluginIntoFile(devtoolsFileId, {\n            packageName: devtoolsPackage,\n            pluginName,\n            pluginImport,\n          })\n\n          if (injectResult.success) {\n            console.log(\n              chalk.greenBright(\n                `[@tanstack/devtools-vite] Successfully added ${devtoolsPackage} to devtools!`,\n              ),\n            )\n\n            devtoolsEventClient.emit('plugin-added', {\n              packageName: devtoolsPackage,\n              success: true,\n            })\n\n            // Re-read package.json to update the UI\n            const updatedPackageJson = await readPackageJson()\n            devtoolsEventClient.emit('package-json-read', {\n              packageJson: updatedPackageJson,\n            })\n          } else {\n            console.log(\n              chalk.redBright(\n                `[@tanstack/devtools-vite] Failed to add ${devtoolsPackage} to devtools: ${injectResult.error}`,\n              ),\n            )\n\n            devtoolsEventClient.emit('plugin-added', {\n              packageName: devtoolsPackage,\n              success: false,\n              error: injectResult.error,\n            })\n          }\n        })\n\n        // whenever a client mounts we send all the current info to the subscribers\n        devtoolsEventClient.on('mounted', async () => {\n          devtoolsEventClient.emit('outdated-deps-read', {\n            outdatedDeps: await outdatedDeps,\n          })\n          devtoolsEventClient.emit('package-json-read', {\n            packageJson,\n          })\n        })\n\n        // Console piping is now handled via HTTP endpoints in the custom-server plugin\n      },\n      async handleHotUpdate({ file }) {\n        if (file.endsWith('package.json')) {\n          const newPackageJson = await readPackageJson()\n          devtoolsEventClient.emit('package-json-read', {\n            packageJson: newPackageJson,\n          })\n          emitOutdatedDeps()\n        }\n      },\n    },\n    // Inject console piping code into entry files (both client and server)\n    {\n      name: '@tanstack/devtools:console-pipe-transform',\n      enforce: 'pre',\n      apply(config, { command }) {\n        return (\n          config.mode === 'development' &&\n          command === 'serve' &&\n          (consolePipingConfig.enabled ?? true)\n        )\n      },\n      transform(code, id) {\n        // Inject the console pipe code into entry files\n        if (\n          id.includes('node_modules') ||\n          id.includes('dist') ||\n          id.includes('?') ||\n          !id.match(/\\.(tsx?|jsx?)$/)\n        ) {\n          return\n        }\n\n        // Only inject once - check if already injected\n        if (code.includes('__tsdConsolePipe')) {\n          return\n        }\n\n        // Check if this is a root entry file (with <html> JSX or client entry points)\n        // In SSR frameworks, this file runs on BOTH server (SSR) and client (hydration)\n        // so our runtime check (typeof window === 'undefined') handles both environments\n        const isRootEntry =\n          /<html[\\s>]/i.test(code) ||\n          code.includes('StartClient') ||\n          code.includes('hydrateRoot') ||\n          code.includes('createRoot') ||\n          (code.includes('solid-js/web') && code.includes('render('))\n\n        if (isRootEntry) {\n          const viteServerUrl = `http://localhost:${port}`\n          const inlineCode = generateConsolePipeCode(\n            consolePipingLevels,\n            viteServerUrl,\n          )\n\n          return `${inlineCode}\\n${code}`\n        }\n\n        return undefined\n      },\n    },\n    {\n      name: '@tanstack/devtools:better-console-logs',\n      enforce: 'pre',\n      apply(config) {\n        return config.mode === 'development' && enhancedLogsConfig.enabled\n      },\n      transform(code, id) {\n        // Ignore anything external\n        if (\n          id.includes('node_modules') ||\n          id.includes('?raw') ||\n          id.includes('dist') ||\n          id.includes('build') ||\n          !code.includes('console.')\n        )\n          return\n\n        return enhanceConsoleLog(code, id, port)\n      },\n    },\n    {\n      name: '@tanstack/devtools:inject-plugin',\n      apply(config, { command }) {\n        return config.mode === 'development' && command === 'serve'\n      },\n      transform(code, id) {\n        // First pass: find where TanStackDevtools is imported\n        if (!devtoolsFileId && detectDevtoolsFile(code)) {\n          // Extract actual file path (remove query params)\n          const [filePath] = id.split('?')\n          if (filePath) {\n            devtoolsFileId = filePath\n          }\n        }\n\n        return undefined\n      },\n    },\n    {\n      name: '@tanstack/devtools:connection-injection',\n      apply(config, { command }) {\n        return config.mode === 'development' && command === 'serve'\n      },\n      transform(code, id) {\n        // Only transform @tanstack packages that contain the connection placeholders\n        const hasPlaceholder =\n          code.includes('__TANSTACK_DEVTOOLS_PORT__') ||\n          code.includes('__TANSTACK_DEVTOOLS_HOST__') ||\n          code.includes('__TANSTACK_DEVTOOLS_PROTOCOL__')\n        if (!hasPlaceholder) return\n        if (\n          !id.includes('@tanstack/devtools') &&\n          !id.includes('@tanstack/event-bus')\n        )\n          return\n\n        // Replace placeholders with actual values (or fallback defaults)\n        const portValue = devtoolsPort ?? 4206\n        const hostValue = devtoolsHost ?? 'localhost'\n        const protocolValue = devtoolsProtocol ?? 'http'\n\n        let result = code\n        result = result.replace(\n          /__TANSTACK_DEVTOOLS_PORT__/g,\n          String(portValue),\n        )\n        result = result.replace(\n          /__TANSTACK_DEVTOOLS_HOST__/g,\n          JSON.stringify(hostValue),\n        )\n        result = result.replace(\n          /__TANSTACK_DEVTOOLS_PROTOCOL__/g,\n          JSON.stringify(protocolValue),\n        )\n        return result\n      },\n    },\n  ]\n}\n"],"names":["res","req"],"mappings":";;;;;;;;;;;;AAsGO,MAAM,uBAAuB,CAAC,WACnC;AAEK,MAAM,WAAW,CAAC,SAAqD;AAC5E,MAAI,OAAO;AACX,QAAM,UAAU,MAAM,WAAW;AACjC,QAAM,qBAAqB,MAAM,gBAAgB,EAAE,SAAS,KAAA;AAC5D,QAAM,qBAAqB,MAAM,gBAAgB,EAAE,SAAS,KAAA;AAC5D,QAAM,wBAAwB,MAAM,yBAAyB;AAC7D,QAAM,mBAAmB,MAAM,gBAAgB,WAAW;AAC1D,QAAM,sBAAsB,MAAM,iBAAiB,EAAE,SAAS,KAAA;AAC9D,QAAM,sBACJ,oBAAoB,UAAU,CAAC,OAAO,QAAQ,SAAS,QAAQ,OAAO;AAExE,MAAI,iBAAgC;AACpC,MAAI,eAA8B;AAClC,MAAI,eAA8B;AAClC,MAAI,mBAA4C;AAEhD,SAAO;AAAA,IACL;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM,QAAQ;AACZ,eAAO,OAAO,SAAS,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM,IAAI;AAClB,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,OAAO;AAEnB;AAEF,eAAO,eAAe,MAAM,IAAI,MAAM,cAAc,MAAM;AAAA,MAC5D;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO,GAAG,EAAE,WAAW;AAErB,YAAI,YAAY,SAAS;AACvB;AAAA,QACF;AAAA,MAkBF;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM,QAAQ;AAEZ,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,MACA,MAAM,gBAAgB,QAAQ;AAC5B,YAAI,kBAAkB;AACpB,gBAAM,gBAAgB,MAAM,gBAAgB,QAAQ;AACpD,gBAAM,UAAU,CAAC,CAAC,OAAO,OAAO,OAAO;AACvC,gBAAM,aACJ,OAAO,OAAO,OAAO,OAAO,SAAS,WACjC,OAAO,OAAO,OAAO,OACrB;AAEN,6BAAmB,UAAU,UAAU;AACvC,yBAAe;AAEf,gBAAM,MAAM,IAAI,eAAe;AAAA,YAC7B,GAAG,MAAM;AAAA,YACT,MAAM;AAAA,YACN,MAAM;AAAA;AAAA;AAAA,YAGN,GAAI,WAAW,OAAO,aAClB,EAAE,YAAY,OAAO,eACrB,CAAA;AAAA,UAAC,CACN;AAED,yBAAe,MAAM,IAAI,MAAA;AAAA,QAC3B;AAEA,eAAO,YAAY,IAAI,CAAC,KAAK,MAAM,SAAS;AAC1C,cAAI,IAAI,OAAO,aAAa,IAAI,OAAO,cAAc,MAAM;AACzD,mBAAO,IAAI,OAAO;AAAA,UACpB;AACA,eAAA;AAAA,QACF,CAAC;AACD,YAAI,OAAO,OAAO,OAAO,MAAM;AAC7B,iBAAO,OAAO,OAAO,OAAO;AAAA,QAC9B;AAEA,eAAO,YAAY,GAAG,aAAa,MAAM;AACvC,iBAAO,OAAO,OAAO,OAAO;AAAA,QAC9B,CAAC;AAED,cAAM,SAAS,MAAM,UAAU;AAC/B,cAAM,eAAqC,OACzC,MACA,SACA,cACG;AACH,cAAI,CAAC,MAAM;AACT;AAAA,UACF;AACA,gBAAM,OAAO,KAAK,MAAM,SAAS,SAAS;AAAA,QAC5C;AAGA,cAAM,aAGD,CAAA;AACL,YAAI,cAAc;AAClB,cAAM,uBAAuB,oBAAoB,WAAW;AAE5D,eAAO,YAAY;AAAA,UAAI,CAAC,KAAK,KAAK,SAChC,0BAA0B,KAAK,KAAK,MAAM;AAAA,YACxC,cAAc,CAAC,eAAe;AAC5B,oBAAM,EAAE,MAAM,QAAA,IAAY;AAC1B,kBAAI,YAAY,eAAe;AAC7B,uBAAO,iBAAiB;AAAA,kBACtB,MAAM,EAAE,MAAM,KAAK,MAAM,KAAA;AAAA,kBACzB;AAAA,gBAAA,CACD;AAAA,cACH;AACA;AAAA,YACF;AAAA,YACA,GAAI,uBACA;AAAA,cACE,eAAe,CAAC,YAAY;AAC1B,2BAAW,SAAS,SAAS;AAC3B,wBAAM,SAAS,MAAM,KAAK,UAAU;AACpC,wBAAM,YAAY,QAAQ,MAAM,KAAqB;AACrD,wBAAM,cAAc;AAAA,oBAClB,MAAM;AAAA,oBACN,CAAC,QAAQ,MAAM,KAAK,GAAG;AAAA,kBAAA;AAEzB,4BAAU,QAAQ,GAAG,WAAW;AAAA,gBAClC;AAAA,cACF;AAAA,cACA,kBAAkB,CAACA,MAAKC,SAAQ;AAC9BD,qBAAI,UAAU,gBAAgB,mBAAmB;AACjDA,qBAAI,UAAU,iBAAiB,UAAU;AACzCA,qBAAI,UAAU,cAAc,YAAY;AACxCA,qBAAI,UAAU,+BAA+B,GAAG;AAChDA,qBAAI,aAAA;AAEJ,sBAAM,WAAW,EAAE;AACnB,2BAAW,KAAK,EAAE,KAAAA,MAAK,IAAI,UAAU;AAErCC,qBAAI,GAAG,SAAS,MAAM;AACpB,wBAAM,QAAQ,WAAW;AAAA,oBACvB,CAAC,MAAM,EAAE,OAAO;AAAA,kBAAA;AAElB,sBAAI,UAAU,IAAI;AAChB,+BAAW,OAAO,OAAO,CAAC;AAAA,kBAC5B;AAAA,gBACF,CAAC;AAAA,cACH;AAAA,cACA,qBAAqB,CAAC,YAAY;AAChC,oBAAI;AACF,wBAAM,OAAO,KAAK,UAAU;AAAA,oBAC1B,SAAS,QAAQ,IAAI,CAAC,OAAO;AAAA,sBAC3B,OAAO,EAAE;AAAA,sBACT,MAAM,EAAE;AAAA,sBACR,QAAQ;AAAA,sBACR,WAAW,EAAE,aAAa,KAAK,IAAA;AAAA,oBAAI,EACnC;AAAA,kBAAA,CACH;AAED,6BAAW,UAAU,YAAY;AAC/B,2BAAO,IAAI,MAAM,SAAS,IAAI;AAAA;AAAA,CAAM;AAAA,kBACtC;AAAA,gBACF,QAAQ;AAAA,gBAAC;AAAA,cACX;AAAA,YAAA,IAEF,CAAA;AAAA,UAAC,CACN;AAAA,QAAA;AAAA,MAEL;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AAIzB,gBACG,YAAY,WAAW,OAAO,SAAS,iBACxC;AAAA,MAEJ;AAAA,MACA,SAAS;AAAA,MACT,UAAU,MAAM,IAAI;AAClB,cAAM,kBAAkB;AAAA,UACtB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAEF,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,CAAC,gBAAgB,KAAK,CAAC,QAAQ,KAAK,SAAS,GAAG,CAAC;AAEjD;AACF,cAAM,YAAY,eAAe,MAAM,EAAE;AACzC,YAAI,CAAC,UAAW;AAChB,YAAI,SAAS;AACX,kBAAQ;AAAA,YACN;AAAA,EAAK,MAAM,YAAY,2BAA2B,CAAC,gCAAgC,GAAG,QAAQ,cAAc,QAAQ,IAAA,CAAK,GAAG,EAAE,CAAC;AAAA;AAAA,UAAA;AAAA,QAEnI;AACA,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,YACE,QAAQ,IAAI,MACZ,QAAQ,IAAI,aAAa,iBACzB,YAAY;AAEZ,iBAAO;AACT,eAAO,OAAO,SAAS;AAAA,MACzB;AAAA,MACA,MAAM,kBAAkB;AACtB,cAAM,cAAc,MAAM,gBAAA;AAC1B,cAAM,eAAe,iBAAA,EAAmB,KAAK,CAAC,SAAS,IAAI;AAG3D,4BAAoB,GAAG,oBAAoB,OAAO,UAAU;AAC1D,gBAAM,SAAS,MAAM,eAAe,MAAM,QAAQ,WAAW;AAC7D,8BAAoB,KAAK,sBAAsB;AAAA,YAC7C,aAAa,MAAM,QAAQ;AAAA,YAC3B,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,UAAA,CACf;AAGD,cAAI,OAAO,SAAS;AAClB,kBAAM,EAAE,aAAa,YAAY,aAAA,IAAiB,MAAM;AAExD,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,yCAAyC,WAAW;AAAA,cAAA;AAAA,YACtD;AAGF,kBAAM,eAAe;AAAA,cACnB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAGF,gBAAI,aAAa,SAAS;AAExB,kCAAoB,KAAK,gBAAgB;AAAA,gBACvC;AAAA,gBACA,SAAS;AAAA,cAAA,CACV;AAGD,oBAAM,qBAAqB,MAAM,gBAAA;AACjC,kCAAoB,KAAK,qBAAqB;AAAA,gBAC5C,aAAa;AAAA,cAAA,CACd;AAAA,YACH;AAAA,UACF;AAAA,QACF,CAAC;AAGD,4BAAoB,GAAG,0BAA0B,CAAC,UAAU;AAC1D,gBAAM,EAAE,aAAa,YAAY,aAAA,IAAiB,MAAM;AAExD,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,oCAAoC,WAAW;AAAA,YAAA;AAAA,UACjD;AAGF,gBAAM,SAAS;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAGF,8BAAoB,KAAK,gBAAgB;AAAA,YACvC;AAAA,YACA,SAAS,OAAO;AAAA,YAChB,OAAO,OAAO;AAAA,UAAA,CACf;AAAA,QACH,CAAC;AAGD,4BAAoB,GAAG,wBAAwB,OAAO,UAAU;AAC9D,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,IACE,MAAM;AAEV,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,qCAAqC,WAAW,eAAe,UAAU;AAAA,YAAA;AAAA,UAC3E;AAIF,gBAAM,qBAAqB,aACvB,GAAG,WAAW,KAAK,UAAU,KAC7B;AAEJ,gBAAM,SAAS,MAAM,eAAe,kBAAkB;AAEtD,cAAI,CAAC,OAAO,SAAS;AACnB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,4CAA4C,WAAW,KAAK,OAAO,KAAK;AAAA,cAAA;AAAA,YAC1E;AAEF,gCAAoB,KAAK,sBAAsB;AAAA,cAC7C,aAAa;AAAA,cACb,SAAS;AAAA,cACT,OAAO,OAAO;AAAA,YAAA,CACf;AACD;AAAA,UACF;AAEA,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,iDAAiD,WAAW,OAAO,UAAU;AAAA,YAAA;AAAA,UAC/E;AAIF,cAAI,CAAC,gBAAgB;AACnB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ;AAAA,cAAA;AAAA,YACF;AAEF,gCAAoB,KAAK,sBAAsB;AAAA,cAC7C,aAAa;AAAA,cACb,SAAS;AAAA,YAAA,CACV;AACD;AAAA,UACF;AAGA,kBAAQ;AAAA,YACN,MAAM;AAAA,cACJ,oCAAoC,eAAe;AAAA,YAAA;AAAA,UACrD;AAGF,gBAAM,eAAe,qBAAqB,gBAAgB;AAAA,YACxD,aAAa;AAAA,YACb;AAAA,YACA;AAAA,UAAA,CACD;AAED,cAAI,aAAa,SAAS;AACxB,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,gDAAgD,eAAe;AAAA,cAAA;AAAA,YACjE;AAGF,gCAAoB,KAAK,gBAAgB;AAAA,cACvC,aAAa;AAAA,cACb,SAAS;AAAA,YAAA,CACV;AAGD,kBAAM,qBAAqB,MAAM,gBAAA;AACjC,gCAAoB,KAAK,qBAAqB;AAAA,cAC5C,aAAa;AAAA,YAAA,CACd;AAAA,UACH,OAAO;AACL,oBAAQ;AAAA,cACN,MAAM;AAAA,gBACJ,2CAA2C,eAAe,iBAAiB,aAAa,KAAK;AAAA,cAAA;AAAA,YAC/F;AAGF,gCAAoB,KAAK,gBAAgB;AAAA,cACvC,aAAa;AAAA,cACb,SAAS;AAAA,cACT,OAAO,aAAa;AAAA,YAAA,CACrB;AAAA,UACH;AAAA,QACF,CAAC;AAGD,4BAAoB,GAAG,WAAW,YAAY;AAC5C,8BAAoB,KAAK,sBAAsB;AAAA,YAC7C,cAAc,MAAM;AAAA,UAAA,CACrB;AACD,8BAAoB,KAAK,qBAAqB;AAAA,YAC5C;AAAA,UAAA,CACD;AAAA,QACH,CAAC;AAAA,MAGH;AAAA,MACA,MAAM,gBAAgB,EAAE,QAAQ;AAC9B,YAAI,KAAK,SAAS,cAAc,GAAG;AACjC,gBAAM,iBAAiB,MAAM,gBAAA;AAC7B,8BAAoB,KAAK,qBAAqB;AAAA,YAC5C,aAAa;AAAA,UAAA,CACd;AACD,2BAAA;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAAA;AAAA,IAGF;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM,QAAQ,EAAE,WAAW;AACzB,eACE,OAAO,SAAS,iBAChB,YAAY,YACX,oBAAoB,WAAW;AAAA,MAEpC;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,GAAG,KACf,CAAC,GAAG,MAAM,gBAAgB,GAC1B;AACA;AAAA,QACF;AAGA,YAAI,KAAK,SAAS,kBAAkB,GAAG;AACrC;AAAA,QACF;AAKA,cAAM,cACJ,cAAc,KAAK,IAAI,KACvB,KAAK,SAAS,aAAa,KAC3B,KAAK,SAAS,aAAa,KAC3B,KAAK,SAAS,YAAY,KACzB,KAAK,SAAS,cAAc,KAAK,KAAK,SAAS,SAAS;AAE3D,YAAI,aAAa;AACf,gBAAM,gBAAgB,oBAAoB,IAAI;AAC9C,gBAAM,aAAa;AAAA,YACjB;AAAA,YACA;AAAA,UAAA;AAGF,iBAAO,GAAG,UAAU;AAAA,EAAK,IAAI;AAAA,QAC/B;AAEA,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM,QAAQ;AACZ,eAAO,OAAO,SAAS,iBAAiB,mBAAmB;AAAA,MAC7D;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YACE,GAAG,SAAS,cAAc,KAC1B,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,MAAM,KAClB,GAAG,SAAS,OAAO,KACnB,CAAC,KAAK,SAAS,UAAU;AAEzB;AAEF,eAAO,kBAAkB,MAAM,IAAI,IAAI;AAAA,MACzC;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,eAAO,OAAO,SAAS,iBAAiB,YAAY;AAAA,MACtD;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,YAAI,CAAC,kBAAkB,mBAAmB,IAAI,GAAG;AAE/C,gBAAM,CAAC,QAAQ,IAAI,GAAG,MAAM,GAAG;AAC/B,cAAI,UAAU;AACZ,6BAAiB;AAAA,UACnB;AAAA,QACF;AAEA,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,IAEF;AAAA,MACE,MAAM;AAAA,MACN,MAAM,QAAQ,EAAE,WAAW;AACzB,eAAO,OAAO,SAAS,iBAAiB,YAAY;AAAA,MACtD;AAAA,MACA,UAAU,MAAM,IAAI;AAElB,cAAM,iBACJ,KAAK,SAAS,4BAA4B,KAC1C,KAAK,SAAS,4BAA4B,KAC1C,KAAK,SAAS,gCAAgC;AAChD,YAAI,CAAC,eAAgB;AACrB,YACE,CAAC,GAAG,SAAS,oBAAoB,KACjC,CAAC,GAAG,SAAS,qBAAqB;AAElC;AAGF,cAAM,YAAY,gBAAgB;AAClC,cAAM,YAAY,gBAAgB;AAClC,cAAM,gBAAgB,oBAAoB;AAE1C,YAAI,SAAS;AACb,iBAAS,OAAO;AAAA,UACd;AAAA,UACA,OAAO,SAAS;AAAA,QAAA;AAElB,iBAAS,OAAO;AAAA,UACd;AAAA,UACA,KAAK,UAAU,SAAS;AAAA,QAAA;AAE1B,iBAAS,OAAO;AAAA,UACd;AAAA,UACA,KAAK,UAAU,aAAa;AAAA,QAAA;AAE9B,eAAO;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/esm/utils.d.ts

@@ -1,7 +1,14 @@
 import { Connect } from 'vite';
 import { IncomingMessage, ServerResponse } from 'node:http';
 import { PackageJson } from '@tanstack/devtools-client';
-export declare const handleDevToolsViteRequest: (req: Connect.IncomingMessage, res: ServerResponse<IncomingMessage>, next: Connect.NextFunction, cb: (data: any) => void) => void;
+type DevToolsRequestHandler = (data: any) => void;
+type DevToolsViteRequestOptions = {
+    onOpenSource?: DevToolsRequestHandler;
+    onConsolePipe?: (entries: Array<any>) => void;
+    onServerConsolePipe?: (entries: Array<any>) => void;
+    onConsolePipeSSE?: (res: ServerResponse<IncomingMessage>, req: Connect.IncomingMessage) => void;
+};
+export declare const handleDevToolsViteRequest: (req: Connect.IncomingMessage, res: ServerResponse<IncomingMessage>, next: Connect.NextFunction, cbOrOptions: DevToolsRequestHandler | DevToolsViteRequestOptions) => void;
 export declare const parseOpenSourceParam: (source: string) => {
     file: string | undefined;
     line: string | undefined;
@@ -9,3 +16,16 @@ export declare const parseOpenSourceParam: (source: string) => {
 } | null;
 export declare const tryParseJson: <T extends any>(jsonString: string | null | undefined) => T | null;
 export declare const readPackageJson: () => Promise<PackageJson | null>;
+/**
+ * Extracts and formats the source location from enhanced client console logs.
+ * Instead of stripping the prefix entirely, we extract the file:line:column
+ * from the "Go to Source" URL and use that as a prefix.
+ *
+ * Enhanced logs format (two variants):
+ * 1. ['%cLOG%c %cGo to Source: http://...?source=%2Fsrc%2F...%c \n → ', 'color:...', 'color:...', 'color:...', 'color:...', 'message']
+ * 2. ['\x1b[...]%s\x1b[...]', '%cLOG%c %cGo to Source: ...%c \n → ', 'color:...', 'color:...', 'color:...', 'color:...', 'message']
+ *
+ * Output: ['src/components/Header.tsx:26:13', 'message']
+ */
+export declare const stripEnhancedLogPrefix: (args: Array<unknown>, formatSourceLocation?: (location: string) => unknown) => Array<unknown>;
+export {};

package/dist/esm/utils.js

@@ -1,6 +1,7 @@
 import fs from "node:fs/promises";
 import { normalizePath } from "vite";
-const handleDevToolsViteRequest = (req, res, next, cb) => {
+const handleDevToolsViteRequest = (req, res, next, cbOrOptions) => {
+  const options = typeof cbOrOptions === "function" ? { onOpenSource: cbOrOptions } : cbOrOptions;
   if (req.url?.includes("__tsd/open-source")) {
     const searchParams = new URLSearchParams(req.url.split("?")[1]);
     const source = searchParams.get("source");
@@ -12,7 +13,7 @@ const handleDevToolsViteRequest = (req, res, next, cb) => {
       return;
     }
     const { file, line, column } = parsed;
-    cb({
+    options.onOpenSource?.({
       type: "open-source",
       routine: "open-source",
       data: {
@@ -26,6 +27,55 @@ const handleDevToolsViteRequest = (req, res, next, cb) => {
     res.end();
     return;
   }
+  if (req.url?.includes("__tsd/console-pipe/sse") && req.method === "GET") {
+    if (options.onConsolePipeSSE) {
+      options.onConsolePipeSSE(res, req);
+      return;
+    }
+    return next();
+  }
+  if (req.url?.includes("__tsd/console-pipe/server") && req.method === "POST") {
+    if (options.onServerConsolePipe) {
+      let body = "";
+      req.on("data", (chunk) => {
+        body += chunk.toString();
+      });
+      req.on("end", () => {
+        try {
+          const { entries } = JSON.parse(body);
+          options.onServerConsolePipe(entries);
+          res.statusCode = 200;
+          res.end("OK");
+        } catch {
+          res.statusCode = 400;
+          res.end("Bad Request");
+        }
+      });
+      return;
+    }
+    return next();
+  }
+  if (req.url?.includes("__tsd/console-pipe") && req.method === "POST") {
+    if (options.onConsolePipe) {
+      let body = "";
+      req.on("data", (chunk) => {
+        body += chunk.toString();
+      });
+      req.on("end", () => {
+        try {
+          const { entries } = JSON.parse(body);
+          options.onConsolePipe(entries);
+          res.statusCode = 200;
+          res.end("OK");
+        } catch {
+          res.statusCode = 400;
+          res.end("Bad Request");
+        }
+      });
+      return;
+    }
+    return next();
+  }
   if (!req.url?.includes("__tsd")) {
     return next();
   }
@@ -37,10 +87,11 @@ const handleDevToolsViteRequest = (req, res, next, cb) => {
     const dataToParse = Buffer.concat(chunks);
     try {
       const parsedData = JSON.parse(dataToParse.toString());
-      cb(parsedData);
+      options.onOpenSource?.(parsedData);
     } catch (e) {
     }
     res.write("OK");
+    res.end();
   });
 };
 const parseOpenSourceParam = (source) => {
@@ -69,10 +120,49 @@ const tryParseJson = (jsonString) => {
   }
 };
 const readPackageJson = async () => tryParseJson(await tryReadFile(process.cwd() + "/package.json"));
+const stripEnhancedLogPrefix = (args, formatSourceLocation) => {
+  if (args.length === 0) return args;
+  let sourceArgIndex = -1;
+  for (let i = 0; i < args.length; i++) {
+    const arg = args[i];
+    if (typeof arg === "string" && arg.includes("__tsd/open-source?source=")) {
+      sourceArgIndex = i;
+      break;
+    }
+  }
+  if (sourceArgIndex === -1) {
+    return args;
+  }
+  const sourceArg = args[sourceArgIndex];
+  let sourceLocation = "";
+  const sourceMatch = sourceArg.match(/source=([^&\s]+?)%c/);
+  if (sourceMatch?.[1]) {
+    try {
+      sourceLocation = decodeURIComponent(sourceMatch[1]);
+      if (sourceLocation.startsWith("/")) {
+        sourceLocation = sourceLocation.slice(1);
+      }
+    } catch {
+    }
+  }
+  const styleCount = (sourceArg.match(/%c/g) || []).length;
+  const userArgsStart = sourceArgIndex + 1 + styleCount;
+  const result = [];
+  if (sourceLocation) {
+    result.push(
+      formatSourceLocation ? formatSourceLocation(sourceLocation) : sourceLocation
+    );
+  }
+  for (let i = userArgsStart; i < args.length; i++) {
+    result.push(args[i]);
+  }
+  return result.length > 0 ? result : args;
+};
 export {
   handleDevToolsViteRequest,
   parseOpenSourceParam,
   readPackageJson,
+  stripEnhancedLogPrefix,
   tryParseJson
 };
 //# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import fs from 'node:fs/promises'\nimport { normalizePath } from 'vite'\nimport type { Connect } from 'vite'\nimport type { IncomingMessage, ServerResponse } from 'node:http'\nimport type { PackageJson } from '@tanstack/devtools-client'\n\nexport const handleDevToolsViteRequest = (\n  req: Connect.IncomingMessage,\n  res: ServerResponse<IncomingMessage>,\n  next: Connect.NextFunction,\n  cb: (data: any) => void,\n) => {\n  if (req.url?.includes('__tsd/open-source')) {\n    const searchParams = new URLSearchParams(req.url.split('?')[1])\n\n    const source = searchParams.get('source')\n    if (!source) {\n      return\n    }\n\n    const parsed = parseOpenSourceParam(source)\n    if (!parsed) {\n      return\n    }\n    const { file, line, column } = parsed\n\n    cb({\n      type: 'open-source',\n      routine: 'open-source',\n      data: {\n        source: file ? normalizePath(`${process.cwd()}/${file}`) : undefined,\n        line,\n        column,\n      },\n    })\n    res.setHeader('Content-Type', 'text/html')\n    res.write(`<script> window.close(); </script>`)\n    res.end()\n    return\n  }\n  if (!req.url?.includes('__tsd')) {\n    return next()\n  }\n\n  const chunks: Array<any> = []\n  req.on('data', (chunk) => {\n    chunks.push(chunk)\n  })\n  req.on('end', () => {\n    const dataToParse = Buffer.concat(chunks)\n    try {\n      const parsedData = JSON.parse(dataToParse.toString())\n      cb(parsedData)\n    } catch (e) {}\n    res.write('OK')\n  })\n}\n\nexport const parseOpenSourceParam = (source: string) => {\n  // Capture everything up to the last two colon-separated numeric parts as the file.\n  // This supports filenames that may themselves contain colons.\n  const parts = source.match(/^(.+):(\\d+):(\\d+)$/)\n\n  if (!parts) return null\n\n  const [, file, line, column] = parts\n  return { file, line, column }\n}\n\nconst tryReadFile = async (filePath: string) => {\n  try {\n    const data = await fs.readFile(filePath, 'utf-8')\n    return data\n  } catch (error) {\n    return null\n  }\n}\n\nexport const tryParseJson = <T extends any>(\n  jsonString: string | null | undefined,\n) => {\n  if (!jsonString) {\n    return null\n  }\n  try {\n    const result = JSON.parse(jsonString)\n    return result as T\n  } catch (error) {\n    return null\n  }\n}\n\nexport const readPackageJson = async () =>\n  tryParseJson<PackageJson>(await tryReadFile(process.cwd() + '/package.json'))\n"],"names":[],"mappings":";;AAMO,MAAM,4BAA4B,CACvC,KACA,KACA,MACA,OACG;AACH,MAAI,IAAI,KAAK,SAAS,mBAAmB,GAAG;AAC1C,UAAM,eAAe,IAAI,gBAAgB,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC;AAE9D,UAAM,SAAS,aAAa,IAAI,QAAQ;AACxC,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AAEA,UAAM,SAAS,qBAAqB,MAAM;AAC1C,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,EAAE,MAAM,MAAM,OAAA,IAAW;AAE/B,OAAG;AAAA,MACD,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,QACJ,QAAQ,OAAO,cAAc,GAAG,QAAQ,KAAK,IAAI,IAAI,EAAE,IAAI;AAAA,QAC3D;AAAA,QACA;AAAA,MAAA;AAAA,IACF,CACD;AACD,QAAI,UAAU,gBAAgB,WAAW;AACzC,QAAI,MAAM,qCAAoC;AAC9C,QAAI,IAAA;AACJ;AAAA,EACF;AACA,MAAI,CAAC,IAAI,KAAK,SAAS,OAAO,GAAG;AAC/B,WAAO,KAAA;AAAA,EACT;AAEA,QAAM,SAAqB,CAAA;AAC3B,MAAI,GAAG,QAAQ,CAAC,UAAU;AACxB,WAAO,KAAK,KAAK;AAAA,EACnB,CAAC;AACD,MAAI,GAAG,OAAO,MAAM;AAClB,UAAM,cAAc,OAAO,OAAO,MAAM;AACxC,QAAI;AACF,YAAM,aAAa,KAAK,MAAM,YAAY,UAAU;AACpD,SAAG,UAAU;AAAA,IACf,SAAS,GAAG;AAAA,IAAC;AACb,QAAI,MAAM,IAAI;AAAA,EAChB,CAAC;AACH;AAEO,MAAM,uBAAuB,CAAC,WAAmB;AAGtD,QAAM,QAAQ,OAAO,MAAM,oBAAoB;AAE/C,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,GAAG,MAAM,MAAM,MAAM,IAAI;AAC/B,SAAO,EAAE,MAAM,MAAM,OAAA;AACvB;AAEA,MAAM,cAAc,OAAO,aAAqB;AAC9C,MAAI;AACF,UAAM,OAAO,MAAM,GAAG,SAAS,UAAU,OAAO;AAChD,WAAO;AAAA,EACT,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,eAAe,CAC1B,eACG;AACH,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,MAAI;AACF,UAAM,SAAS,KAAK,MAAM,UAAU;AACpC,WAAO;AAAA,EACT,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;AAEO,MAAM,kBAAkB,YAC7B,aAA0B,MAAM,YAAY,QAAQ,IAAA,IAAQ,eAAe,CAAC;"}
+{"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import fs from 'node:fs/promises'\nimport { normalizePath } from 'vite'\nimport type { Connect } from 'vite'\nimport type { IncomingMessage, ServerResponse } from 'node:http'\nimport type { PackageJson } from '@tanstack/devtools-client'\n\ntype DevToolsRequestHandler = (data: any) => void\n\ntype DevToolsViteRequestOptions = {\n  onOpenSource?: DevToolsRequestHandler\n  onConsolePipe?: (entries: Array<any>) => void\n  onServerConsolePipe?: (entries: Array<any>) => void\n  onConsolePipeSSE?: (\n    res: ServerResponse<IncomingMessage>,\n    req: Connect.IncomingMessage,\n  ) => void\n}\n\nexport const handleDevToolsViteRequest = (\n  req: Connect.IncomingMessage,\n  res: ServerResponse<IncomingMessage>,\n  next: Connect.NextFunction,\n  cbOrOptions: DevToolsRequestHandler | DevToolsViteRequestOptions,\n) => {\n  // Normalize to options object for backward compatibility\n  const options: DevToolsViteRequestOptions =\n    typeof cbOrOptions === 'function'\n      ? { onOpenSource: cbOrOptions }\n      : cbOrOptions\n\n  // Handle open-source requests\n  if (req.url?.includes('__tsd/open-source')) {\n    const searchParams = new URLSearchParams(req.url.split('?')[1])\n\n    const source = searchParams.get('source')\n    if (!source) {\n      return\n    }\n\n    const parsed = parseOpenSourceParam(source)\n    if (!parsed) {\n      return\n    }\n    const { file, line, column } = parsed\n\n    options.onOpenSource?.({\n      type: 'open-source',\n      routine: 'open-source',\n      data: {\n        source: file ? normalizePath(`${process.cwd()}/${file}`) : undefined,\n        line,\n        column,\n      },\n    })\n    res.setHeader('Content-Type', 'text/html')\n    res.write(`<script> window.close(); </script>`)\n    res.end()\n    return\n  }\n\n  // Handle console-pipe SSE endpoint (browser subscribes to server logs)\n  if (req.url?.includes('__tsd/console-pipe/sse') && req.method === 'GET') {\n    if (options.onConsolePipeSSE) {\n      options.onConsolePipeSSE(res, req)\n      return\n    }\n    return next()\n  }\n\n  // Handle server console-pipe POST endpoint (from app server runtime)\n  if (req.url?.includes('__tsd/console-pipe/server') && req.method === 'POST') {\n    if (options.onServerConsolePipe) {\n      let body = ''\n      req.on('data', (chunk: Buffer) => {\n        body += chunk.toString()\n      })\n      req.on('end', () => {\n        try {\n          const { entries } = JSON.parse(body)\n          options.onServerConsolePipe!(entries)\n          res.statusCode = 200\n          res.end('OK')\n        } catch {\n          res.statusCode = 400\n          res.end('Bad Request')\n        }\n      })\n      return\n    }\n    return next()\n  }\n\n  // Handle console-pipe POST endpoint (from client)\n  if (req.url?.includes('__tsd/console-pipe') && req.method === 'POST') {\n    if (options.onConsolePipe) {\n      let body = ''\n      req.on('data', (chunk: Buffer) => {\n        body += chunk.toString()\n      })\n      req.on('end', () => {\n        try {\n          const { entries } = JSON.parse(body)\n          options.onConsolePipe!(entries)\n          res.statusCode = 200\n          res.end('OK')\n        } catch {\n          res.statusCode = 400\n          res.end('Bad Request')\n        }\n      })\n      return\n    }\n    return next()\n  }\n\n  if (!req.url?.includes('__tsd')) {\n    return next()\n  }\n\n  const chunks: Array<any> = []\n  req.on('data', (chunk) => {\n    chunks.push(chunk)\n  })\n  req.on('end', () => {\n    const dataToParse = Buffer.concat(chunks)\n    try {\n      const parsedData = JSON.parse(dataToParse.toString())\n      options.onOpenSource?.(parsedData)\n    } catch (e) {}\n    res.write('OK')\n    res.end()\n  })\n}\n\nexport const parseOpenSourceParam = (source: string) => {\n  // Capture everything up to the last two colon-separated numeric parts as the file.\n  // This supports filenames that may themselves contain colons.\n  const parts = source.match(/^(.+):(\\d+):(\\d+)$/)\n\n  if (!parts) return null\n\n  const [, file, line, column] = parts\n  return { file, line, column }\n}\n\nconst tryReadFile = async (filePath: string) => {\n  try {\n    const data = await fs.readFile(filePath, 'utf-8')\n    return data\n  } catch (error) {\n    return null\n  }\n}\n\nexport const tryParseJson = <T extends any>(\n  jsonString: string | null | undefined,\n) => {\n  if (!jsonString) {\n    return null\n  }\n  try {\n    const result = JSON.parse(jsonString)\n    return result as T\n  } catch (error) {\n    return null\n  }\n}\n\nexport const readPackageJson = async () =>\n  tryParseJson<PackageJson>(await tryReadFile(process.cwd() + '/package.json'))\n\n/**\n * Extracts and formats the source location from enhanced client console logs.\n * Instead of stripping the prefix entirely, we extract the file:line:column\n * from the \"Go to Source\" URL and use that as a prefix.\n *\n * Enhanced logs format (two variants):\n * 1. ['%cLOG%c %cGo to Source: http://...?source=%2Fsrc%2F...%c \\n → ', 'color:...', 'color:...', 'color:...', 'color:...', 'message']\n * 2. ['\\x1b[...]%s\\x1b[...]', '%cLOG%c %cGo to Source: ...%c \\n → ', 'color:...', 'color:...', 'color:...', 'color:...', 'message']\n *\n * Output: ['src/components/Header.tsx:26:13', 'message']\n */\nexport const stripEnhancedLogPrefix = (\n  args: Array<unknown>,\n  formatSourceLocation?: (location: string) => unknown,\n): Array<unknown> => {\n  if (args.length === 0) return args\n\n  // Find the arg that contains the Go to Source URL\n  let sourceArgIndex = -1\n  for (let i = 0; i < args.length; i++) {\n    const arg = args[i]\n    if (typeof arg === 'string' && arg.includes('__tsd/open-source?source=')) {\n      sourceArgIndex = i\n      break\n    }\n  }\n\n  // If no source URL found, return args as-is (not an enhanced log)\n  if (sourceArgIndex === -1) {\n    return args\n  }\n\n  const sourceArg = args[sourceArgIndex] as string\n\n  // Extract the source from the \"Go to Source\" URL\n  // URL format: http://localhost:3000/__tsd/open-source?source=%2Fsrc%2Ffile.tsx%3A26%3A13%c\n  // Note: The URL ends with %c which is a console format specifier, not URL encoding\n  let sourceLocation = ''\n  const sourceMatch = sourceArg.match(/source=([^&\\s]+?)%c/)\n  if (sourceMatch?.[1]) {\n    try {\n      sourceLocation = decodeURIComponent(sourceMatch[1])\n      // Remove leading slash if present\n      if (sourceLocation.startsWith('/')) {\n        sourceLocation = sourceLocation.slice(1)\n      }\n    } catch {\n      // If decoding fails, leave it empty\n    }\n  }\n\n  // Count %c markers in the source arg to know how many style args follow it\n  const styleCount = (sourceArg.match(/%c/g) || []).length\n\n  // The actual user args start after the source arg and all its style args\n  const userArgsStart = sourceArgIndex + 1 + styleCount\n\n  // Build the result: source location prefix + remaining args (the actual user data)\n  const result: Array<unknown> = []\n\n  // Add source location as prefix if we found one\n  if (sourceLocation) {\n    result.push(\n      formatSourceLocation\n        ? formatSourceLocation(sourceLocation)\n        : sourceLocation,\n    )\n  }\n\n  // Add remaining args (the actual user data)\n  for (let i = userArgsStart; i < args.length; i++) {\n    result.push(args[i])\n  }\n\n  return result.length > 0 ? result : args\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/virtual-console.d.ts

@@ -0,0 +1,19 @@
+import { ConsoleLevel } from './plugin.js';
+/**
+ * Generates inline code to inject into entry files (both client and server).
+ * This code detects the environment at runtime and:
+ *
+ * CLIENT:
+ * 1. Store original console methods
+ * 2. Create batched wrappers that POST to server via fetch
+ * 3. Override global console with the wrapped methods
+ * 4. Listen for server console logs via SSE
+ *
+ * SERVER (Nitro/Vinxi runtime):
+ * 1. Store original console methods
+ * 2. Create batched wrappers that POST to Vite dev server
+ * 3. Override global console - original logging still happens, just also pipes to Vite
+ *
+ * Returns the inline code as a string - no imports needed since we use fetch.
+ */
+export declare function generateConsolePipeCode(levels: Array<ConsoleLevel>, viteServerUrl: string): string;