@botonic/nx-plugin 2.31.0 → 2.32.0-alpha.0

package/src/generators/webview/generator.js

@@ -21,159 +21,7 @@ __export(generator_exports, {
   default: () => generator_default
 });
 module.exports = __toCommonJS(generator_exports);
-var import_devkit = require("@nx/devkit");
-var import_bot_app_utils = require("../shared/bot-app-utils");
-const MODULE_DIR = __dirname;
-function normalizeOptions(tree, options) {
-  const { projectRoot, sourceRoot } = (0, import_bot_app_utils.validateBotAppProject)(
-    tree,
-    options.project
-  );
-  const paths = (0, import_bot_app_utils.resolveStandardPaths)(sourceRoot);
-  const name = (0, import_devkit.names)(options.name);
-  const fileName = name.fileName;
-  const className = name.className;
-  const constantName = name.constantName.toUpperCase();
-  return {
-    ...options,
-    projectName: options.project,
-    projectRoot,
-    fileName,
-    className,
-    constantName,
-    webviewsPath: paths.webviewsPath,
-    constantsPath: paths.constantsPath
-  };
-}
-function addFilesToProject(tree, options) {
-  const name = (0, import_devkit.names)(options.name);
-  const templateOptions = {
-    ...options,
-    ...name,
-    name: name.fileName
-    // __name__ in filenames must be kebab-case
-  };
-  (0, import_devkit.generateFiles)(
-    tree,
-    (0, import_devkit.joinPathFragments)(MODULE_DIR, "files"),
-    options.webviewsPath,
-    templateOptions
-  );
-  if (options.skipTests) {
-    const testFilePath = `${options.webviewsPath}/${options.fileName}.spec.tsx`;
-    if (tree.exists(testFilePath)) {
-      tree.delete(testFilePath);
-    }
-  }
-}
-function updateConstantsFile(tree, options) {
-  if (!tree.exists(options.constantsPath)) {
-    tree.write(
-      options.constantsPath,
-      `export const CUSTOM_MESSAGE_TYPES = {
-  // Add your custom message types here
-} as const
-
-export const WEBVIEWS = {
-  ${options.constantName}: '${options.fileName}',
-} as const
-
-export const PAYLOADS = {
-  // Add your payloads here
-} as const
-`
-    );
-    return;
-  }
-  (0, import_bot_app_utils.addConstEntry)(
-    tree,
-    options.constantsPath,
-    "WEBVIEWS",
-    options.constantName,
-    options.fileName
-  );
-}
-function updateWebviewsIndex(tree, options) {
-  const indexPath = `${options.webviewsPath}/index.tsx`;
-  if (!tree.exists(indexPath)) {
-    console.warn(
-      `Webviews index not found at ${indexPath}. Skipping registration.`
-    );
-    return;
-  }
-  const content = tree.read(indexPath, "utf-8");
-  const lines = content.split("\n");
-  const componentImport = `import { ${options.className} } from './${options.fileName}'`;
-  if (!content.includes(componentImport)) {
-    let lastImportIndex = -1;
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].startsWith("import ")) lastImportIndex = i;
-    }
-    lines.splice(lastImportIndex + 1, 0, componentImport);
-  }
-  if (!content.includes("WEBVIEWS")) {
-    const sharedImport = `import { WEBVIEWS } from '../../shared/constants'`;
-    let lastImportIndex = -1;
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].startsWith("import ")) lastImportIndex = i;
-    }
-    lines.splice(lastImportIndex, 0, sharedImport);
-  }
-  const newEntry = [
-    `  {`,
-    `    path: WEBVIEWS.${options.constantName},`,
-    `    component: ${options.className},`,
-    `    allowClose: true,`,
-    `  },`
-  ];
-  const alreadyRegistered = lines.some(
-    (l) => l.includes(`WEBVIEWS.${options.constantName}`)
-  );
-  if (!alreadyRegistered) {
-    let arrayCloseIndex = -1;
-    let inArray = false;
-    let depth = 0;
-    for (let i = 0; i < lines.length; i++) {
-      if (lines[i].includes("WebviewDefinition[]") || lines[i].includes("const webviews")) {
-        inArray = true;
-      }
-      if (inArray) {
-        for (const char of lines[i]) {
-          if (char === "[") depth++;
-          if (char === "]") depth--;
-        }
-        if (depth === 0 && inArray && lines[i].includes("]")) {
-          arrayCloseIndex = i;
-          break;
-        }
-      }
-    }
-    if (arrayCloseIndex !== -1) {
-      for (let i = newEntry.length - 1; i >= 0; i--) {
-        lines.splice(arrayCloseIndex, 0, newEntry[i]);
-      }
-    }
-  }
-  tree.write(indexPath, lines.join("\n"));
-}
+var import_delegate_generator = require("../../lib/delegate/delegate-generator");
 async function generator_default(tree, options) {
-  console.log(`Creating webview: ${options.name}`);
-  const normalizedOptions = normalizeOptions(tree, options);
-  console.log(`Project: ${normalizedOptions.projectName}`);
-  console.log(`Location: ${normalizedOptions.webviewsPath}`);
-  addFilesToProject(tree, normalizedOptions);
-  updateConstantsFile(tree, normalizedOptions);
-  updateWebviewsIndex(tree, normalizedOptions);
-  await (0, import_devkit.formatFiles)(tree);
-  console.log(`
-Successfully created webview: ${normalizedOptions.className}`);
-  console.log(`Next steps:`);
-  console.log(
-    `  1. Implement the UI in: ${normalizedOptions.webviewsPath}/${normalizedOptions.fileName}.tsx`
-  );
-  if (!options.skipTests) {
-    console.log(
-      `  2. Update the tests in: ${normalizedOptions.webviewsPath}/${normalizedOptions.fileName}.spec.tsx`
-    );
-  }
+  return (0, import_delegate_generator.runLocalGenerator)(__filename, "webview", tree, options);
 }

package/src/index.d.ts

@@ -4,4 +4,5 @@ export { default as buildNodeAppExecutor } from './executors/build-node-app/exec
 export { default as runLambdaExecutor } from './executors/run-lambda/executor';
 export { default as serveBotExecutor } from './executors/serve-bot/executor';
 export * from './lib';
+export * from './lib/serve-mode';
 export { BotonicPlugin, createNodesV2 } from './plugin';

package/src/index.js

@@ -42,6 +42,7 @@ var import_executor = __toESM(require("./executors/build-node-app/executor"));
 var import_executor2 = __toESM(require("./executors/run-lambda/executor"));
 var import_executor3 = __toESM(require("./executors/serve-bot/executor"));
 __reExport(src_exports, require("./lib"), module.exports);
+__reExport(src_exports, require("./lib/serve-mode"), module.exports);
 var import_plugin = require("./plugin");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -52,5 +53,6 @@ var import_plugin = require("./plugin");
   serveBotExecutor,
   ...require("./generators/bot-app/generator"),
   ...require("./generators/preset/generator"),
-  ...require("./lib")
+  ...require("./lib"),
+  ...require("./lib/serve-mode")
 });

package/src/lib/delegate/delegate-executor.d.ts

@@ -0,0 +1,6 @@
+import type { ExecutorContext } from '@nx/devkit';
+export declare function runLocalExecutor<T = unknown>(wrapperFilename: string, executorName: string, options: T, ctx: ExecutorContext): Promise<{
+    success: boolean;
+} | AsyncIterableIterator<{
+    success: boolean;
+}>>;

package/src/lib/delegate/delegate-executor.js

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var delegate_executor_exports = {};
+__export(delegate_executor_exports, {
+  runLocalExecutor: () => runLocalExecutor
+});
+module.exports = __toCommonJS(delegate_executor_exports);
+var import_devkit = require("@nx/devkit");
+var import_fs = require("fs");
+var import_path = require("path");
+const DEPTH_VAR = "BOTONIC_NX_PLUGIN_DELEGATION_DEPTH";
+async function runLocalExecutor(wrapperFilename, executorName, options, ctx) {
+  const wrapperDir = (0, import_path.dirname)(wrapperFilename);
+  const implPath = (0, import_path.join)(wrapperDir, "executor-impl");
+  const impl = async () => {
+    const mod = await import(
+      /* @vite-ignore */
+      implPath
+    );
+    return (mod.default ?? mod)(options, ctx);
+  };
+  if (process.env[DEPTH_VAR]) return impl();
+  const projectRoot = ctx.projectName ? (0, import_path.join)(ctx.root, ctx.projectsConfigurations.projects[ctx.projectName].root) : ctx.root;
+  const myPkgJson = resolveSelfPkgJson(wrapperDir);
+  if (!myPkgJson) return impl();
+  const workspaceVersion = readVersion(myPkgJson);
+  let localPkgJson = null;
+  try {
+    localPkgJson = require.resolve("@botonic/nx-plugin/package.json", {
+      paths: [projectRoot]
+    });
+  } catch {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running executor '${executorName}'`
+    );
+    return impl();
+  }
+  if ((0, import_fs.realpathSync)(localPkgJson) === (0, import_fs.realpathSync)(myPkgJson)) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running executor '${executorName}'`
+    );
+    return impl();
+  }
+  const localRoot = (0, import_path.dirname)(localPkgJson);
+  const execJsonPath = (0, import_path.join)(localRoot, "executors.json");
+  if (!(0, import_fs.existsSync)(execJsonPath)) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running executor '${executorName}'`
+    );
+    return impl();
+  }
+  const execJson = JSON.parse((0, import_fs.readFileSync)(execJsonPath, "utf-8"));
+  const entry = execJson?.executors?.[executorName];
+  if (!entry?.implementation) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running executor '${executorName}'`
+    );
+    return impl();
+  }
+  const implRelative = entry.implementation;
+  const implResolved = require.resolve((0, import_path.join)(localRoot, implRelative));
+  const localVersion = readVersion(localPkgJson);
+  import_devkit.logger.info(
+    `[@botonic/nx-plugin v${workspaceVersion}] Delegating executor '${executorName}' to local v${localVersion}`
+  );
+  process.env[DEPTH_VAR] = "1";
+  try {
+    const mod = await import(
+      /* @vite-ignore */
+      implResolved
+    );
+    return await (mod.default ?? mod)(options, ctx);
+  } finally {
+    delete process.env[DEPTH_VAR];
+  }
+}
+function readVersion(pkgJsonPath) {
+  try {
+    return JSON.parse((0, import_fs.readFileSync)(pkgJsonPath, "utf-8")).version ?? "unknown";
+  } catch {
+    return "unknown";
+  }
+}
+function resolveSelfPkgJson(startDir) {
+  let dir = startDir;
+  while (true) {
+    const pkgPath = (0, import_path.join)(dir, "package.json");
+    if ((0, import_fs.existsSync)(pkgPath)) {
+      try {
+        const pkg = JSON.parse((0, import_fs.readFileSync)(pkgPath, "utf-8"));
+        if (pkg.name === "@botonic/nx-plugin") return pkgPath;
+      } catch {
+      }
+    }
+    const next = (0, import_path.dirname)(dir);
+    if (next === dir) return null;
+    dir = next;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  runLocalExecutor
+});

package/src/lib/delegate/delegate-generator.d.ts

@@ -0,0 +1,2 @@
+import type { GeneratorCallback, Tree } from '@nx/devkit';
+export declare function runLocalGenerator<T>(wrapperFilename: string, generatorName: string, tree: Tree, options: T): Promise<GeneratorCallback | void>;

package/src/lib/delegate/delegate-generator.js

@@ -0,0 +1,128 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var delegate_generator_exports = {};
+__export(delegate_generator_exports, {
+  runLocalGenerator: () => runLocalGenerator
+});
+module.exports = __toCommonJS(delegate_generator_exports);
+var import_devkit = require("@nx/devkit");
+var import_fs = require("fs");
+var import_path = require("path");
+const DEPTH_VAR = "BOTONIC_NX_PLUGIN_DELEGATION_DEPTH";
+async function runLocalGenerator(wrapperFilename, generatorName, tree, options) {
+  const wrapperDir = (0, import_path.dirname)(wrapperFilename);
+  const implPath = (0, import_path.join)(wrapperDir, "generator-impl");
+  const impl = async () => {
+    const mod = await import(
+      /* @vite-ignore */
+      implPath
+    );
+    return (mod.default ?? mod)(tree, options);
+  };
+  if (process.env[DEPTH_VAR]) return impl();
+  let projectRoot = null;
+  const projectName = options.project;
+  if (typeof projectName === "string") {
+    try {
+      const config = (0, import_devkit.readProjectConfiguration)(tree, projectName);
+      projectRoot = config.root;
+    } catch {
+    }
+  }
+  if (!projectRoot) return impl();
+  const myPkgJson = resolveSelfPkgJson(wrapperDir);
+  if (!myPkgJson) return impl();
+  const workspaceVersion = readVersion(myPkgJson);
+  let localPkgJson = null;
+  try {
+    localPkgJson = require.resolve("@botonic/nx-plugin/package.json", {
+      paths: [projectRoot]
+    });
+  } catch {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running generator '${generatorName}'`
+    );
+    return impl();
+  }
+  if ((0, import_fs.realpathSync)(localPkgJson) === (0, import_fs.realpathSync)(myPkgJson)) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running generator '${generatorName}'`
+    );
+    return impl();
+  }
+  const localRoot = (0, import_path.dirname)(localPkgJson);
+  const genJsonPath = (0, import_path.join)(localRoot, "generators.json");
+  if (!(0, import_fs.existsSync)(genJsonPath)) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running generator '${generatorName}'`
+    );
+    return impl();
+  }
+  const genJson = JSON.parse((0, import_fs.readFileSync)(genJsonPath, "utf-8"));
+  const entry = genJson?.generators?.[generatorName];
+  if (!entry?.factory) {
+    import_devkit.logger.info(
+      `[@botonic/nx-plugin v${workspaceVersion}] Running generator '${generatorName}'`
+    );
+    return impl();
+  }
+  const factoryRelative = entry.factory;
+  const factoryResolved = require.resolve((0, import_path.join)(localRoot, factoryRelative));
+  const localVersion = readVersion(localPkgJson);
+  import_devkit.logger.info(
+    `[@botonic/nx-plugin v${workspaceVersion}] Delegating generator '${generatorName}' to local v${localVersion}`
+  );
+  process.env[DEPTH_VAR] = "1";
+  try {
+    const mod = await import(
+      /* @vite-ignore */
+      factoryResolved
+    );
+    return await (mod.default ?? mod)(tree, options);
+  } finally {
+    delete process.env[DEPTH_VAR];
+  }
+}
+function readVersion(pkgJsonPath) {
+  try {
+    return JSON.parse((0, import_fs.readFileSync)(pkgJsonPath, "utf-8")).version ?? "unknown";
+  } catch {
+    return "unknown";
+  }
+}
+function resolveSelfPkgJson(startDir) {
+  let dir = startDir;
+  while (true) {
+    const pkgPath = (0, import_path.join)(dir, "package.json");
+    if ((0, import_fs.existsSync)(pkgPath)) {
+      try {
+        const pkg = JSON.parse((0, import_fs.readFileSync)(pkgPath, "utf-8"));
+        if (pkg.name === "@botonic/nx-plugin") return pkgPath;
+      } catch {
+      }
+    }
+    const next = (0, import_path.dirname)(dir);
+    if (next === dir) return null;
+    dir = next;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  runLocalGenerator
+});

package/src/lib/serve-mode/index.d.ts

@@ -0,0 +1,25 @@
+import type { Plugin } from 'vite';
+export interface ChannelCredentials {
+    botId?: string;
+    apiUrl?: string;
+    tunnelUrl?: string;
+    lambdaFn?: string;
+    accessToken?: string;
+    refreshToken?: string;
+    clientId?: string;
+}
+export interface WhatsappPanelOptions extends ChannelCredentials {
+    registeredPhone?: string;
+}
+export interface DevPanelsOptions {
+    panels: Array<'whatsapp' | 'webchat'>;
+    registeredPhone?: string;
+}
+/** Injects the WhatsApp channel routing panel. Serve-only. */
+export declare function createWhatsappPanelPlugin(opts?: WhatsappPanelOptions): Plugin;
+/** Injects the Webchat channel routing panel. Serve-only. */
+export declare function createWebchatPanelPlugin(opts?: ChannelCredentials): Plugin;
+/** Injects the log-viewer split layout. Serve-only. No per-panel configuration needed. */
+export declare function createLogViewerPlugin(): Plugin;
+/** Convenience wrapper — creates all requested panel plugins in one call. */
+export declare function createDevPanelsPlugin(opts: DevPanelsOptions): Plugin[];

package/src/lib/serve-mode/index.js

@@ -0,0 +1,183 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var serve_mode_exports = {};
+__export(serve_mode_exports, {
+  createDevPanelsPlugin: () => createDevPanelsPlugin,
+  createLogViewerPlugin: () => createLogViewerPlugin,
+  createWebchatPanelPlugin: () => createWebchatPanelPlugin,
+  createWhatsappPanelPlugin: () => createWhatsappPanelPlugin
+});
+module.exports = __toCommonJS(serve_mode_exports);
+var import_child_process = require("child_process");
+var import_fs = require("fs");
+var import_path = require("path");
+function resolveServeModePaths() {
+  const root = (0, import_path.resolve)(__dirname, "../../../serve-mode");
+  if ((0, import_fs.existsSync)((0, import_path.join)(root, "vite.config.ts"))) {
+    return { root, bundle: (0, import_path.join)(root, "dist/serve-mode.js"), canBuild: true };
+  }
+  const bundle = (0, import_path.join)(root, "serve-mode.js");
+  return { root: (0, import_path.dirname)(bundle), bundle, canBuild: false };
+}
+const PATHS = resolveServeModePaths();
+const BUNDLE_ROUTE = "/__serve-mode/bundle.js";
+const BUNDLE_SCRIPT_MARKER = "data-botonic-serve-mode";
+const FACTORY_PATH = __filename;
+async function ensureBundleBuilt() {
+  if (!PATHS.canBuild) return;
+  if ((0, import_fs.existsSync)(PATHS.bundle)) {
+    const bundleMtime = (0, import_fs.statSync)(PATHS.bundle).mtimeMs;
+    const viteConfigPath = (0, import_path.join)(PATHS.root, "vite.config.ts");
+    const configMtime = (0, import_fs.existsSync)(viteConfigPath) ? (0, import_fs.statSync)(viteConfigPath).mtimeMs : 0;
+    const factoryMtime = (0, import_fs.existsSync)(FACTORY_PATH) ? (0, import_fs.statSync)(FACTORY_PATH).mtimeMs : 0;
+    const srcDir = (0, import_path.join)(PATHS.root, "src");
+    if (configMtime <= bundleMtime && factoryMtime <= bundleMtime && !isSrcNewerThan(srcDir, bundleMtime))
+      return;
+  }
+  try {
+    (0, import_child_process.execSync)(
+      `node_modules/.bin/vite build --config ${PATHS.root}/vite.config.ts --mode production`,
+      {
+        cwd: process.cwd(),
+        stdio: "inherit",
+        env: { ...process.env, NODE_ENV: "production" }
+      }
+    );
+  } catch (e) {
+    console.warn(
+      "[botonic-serve-mode] Failed to build panel bundle \u2014 panels will not be injected.",
+      e
+    );
+  }
+}
+function isSrcNewerThan(dir, bundleMtime) {
+  try {
+    const { readdirSync } = require("fs");
+    for (const entry of readdirSync(dir, { withFileTypes: true })) {
+      const full = (0, import_path.resolve)(dir, entry.name);
+      if (entry.isDirectory()) {
+        if (isSrcNewerThan(full, bundleMtime)) return true;
+      } else if ((0, import_fs.statSync)(full).mtimeMs > bundleMtime) {
+        return true;
+      }
+    }
+  } catch {
+    return true;
+  }
+  return false;
+}
+function registerBundleMiddleware(server) {
+  const stack = server.middlewares.stack;
+  const already = stack.some(
+    (layer) => typeof layer.route === "string" && layer.route === BUNDLE_ROUTE
+  );
+  if (already) return;
+  server.middlewares.use(BUNDLE_ROUTE, (_req, res) => {
+    if (!(0, import_fs.existsSync)(PATHS.bundle)) {
+      res.statusCode = 404;
+      res.end("Dev panels bundle not found");
+      return;
+    }
+    res.setHeader("Content-Type", "application/javascript");
+    res.setHeader("Cache-Control", "no-cache");
+    res.end((0, import_fs.readFileSync)(PATHS.bundle));
+  });
+}
+function injectConfigScript(html, configJson) {
+  const configScript = `<script>window.__BOTONIC_DEV__=Object.assign(window.__BOTONIC_DEV__||{},${configJson});</script>`;
+  return html.replace("</body>", `${configScript}</body>`);
+}
+function injectBundleScript(html) {
+  if (html.includes(BUNDLE_SCRIPT_MARKER)) return html;
+  const bundleScript = `<script ${BUNDLE_SCRIPT_MARKER} defer src="${BUNDLE_ROUTE}"></script>`;
+  return html.replace("</body>", `${bundleScript}</body>`);
+}
+function credentialsFromEnv(overrides = {}) {
+  return {
+    botId: overrides.botId ?? process.env.VITE_DEV_BOT_ID ?? "",
+    apiUrl: overrides.apiUrl ?? process.env.VITE_DEV_API_URL ?? "https://api.hubtype.com",
+    tunnelUrl: overrides.tunnelUrl ?? process.env.VITE_DEV_SESSION_URL ?? "",
+    lambdaFn: overrides.lambdaFn ?? process.env.VITE_DEV_LAMBDA_FUNCTION_NAME ?? "BotonicV2LocalLambda",
+    accessToken: overrides.accessToken ?? process.env.VITE_DEV_ACCESS_TOKEN ?? "",
+    refreshToken: overrides.refreshToken ?? process.env.VITE_DEV_REFRESH_TOKEN ?? "",
+    clientId: overrides.clientId ?? process.env.VITE_DEV_CLIENT_ID ?? ""
+  };
+}
+function createWhatsappPanelPlugin(opts = {}) {
+  return {
+    name: "botonic-serve-mode-whatsapp",
+    apply: "serve",
+    async configureServer(server) {
+      await ensureBundleBuilt();
+      registerBundleMiddleware(server);
+    },
+    transformIndexHtml(html) {
+      if (!process.env["BOT_HAS_WHATSAPP"]) return html;
+      const config = JSON.stringify({
+        whatsapp: {
+          ...credentialsFromEnv(opts),
+          registeredPhone: opts.registeredPhone ?? ""
+        }
+      });
+      return injectBundleScript(injectConfigScript(html, config));
+    }
+  };
+}
+function createWebchatPanelPlugin(opts = {}) {
+  return {
+    name: "botonic-serve-mode-webchat",
+    apply: "serve",
+    async configureServer(server) {
+      await ensureBundleBuilt();
+      registerBundleMiddleware(server);
+    },
+    transformIndexHtml(html) {
+      const config = JSON.stringify({ webchat: credentialsFromEnv(opts) });
+      return injectBundleScript(injectConfigScript(html, config));
+    }
+  };
+}
+function createLogViewerPlugin() {
+  return {
+    name: "botonic-serve-mode-log-viewer",
+    apply: "serve",
+    async configureServer(server) {
+      await ensureBundleBuilt();
+      registerBundleMiddleware(server);
+    },
+    transformIndexHtml(html) {
+      const config = JSON.stringify({ logViewer: true });
+      return injectBundleScript(injectConfigScript(html, config));
+    }
+  };
+}
+function createDevPanelsPlugin(opts) {
+  const plugins = [];
+  if (opts.panels.includes("whatsapp"))
+    plugins.push(createWhatsappPanelPlugin(opts));
+  if (opts.panels.includes("webchat")) plugins.push(createWebchatPanelPlugin());
+  return plugins;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createDevPanelsPlugin,
+  createLogViewerPlugin,
+  createWebchatPanelPlugin,
+  createWhatsappPanelPlugin
+});