fix: Handle ngrok config upgrade error in createTunnel function (#295)

* fix: Handle ngrok config upgrade error in createTunnel function

* Improved the output when upgrading the ngrok configuration

* Create three-flies-sneeze.md

---------

Co-authored-by: Eric Allam <eallam@icloud.com>

.changeset/three-flies-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@trigger.dev/cli": patch
+---
+
+fix: Handle ngrok config upgrade error in createTunnel function

packages/cli/src/commands/dev.ts

@@ -1,17 +1,21 @@
+import childProcess from "child_process";
 import chokidar from "chokidar";
 import dotenv from "dotenv";
 import fs from "fs/promises";
 import ngrok from "ngrok";
 import fetch from "node-fetch";
-import ora from "ora";
+import ora, { Ora } from "ora";
 import pathModule from "path";
+import util from "util";
 import { z } from "zod";
+import { CLOUD_API_URL } from "../consts.js";
 import { telemetryClient } from "../telemetry/telemetry.js";
 import { pathExists, readFile } from "../utils/fileSystem.js";
 import { logger } from "../utils/logger.js";
 import { resolvePath } from "../utils/parseNameAndPath.js";
 import { TriggerApi } from "../utils/triggerApi.js";
-import { CLOUD_API_URL } from "../consts.js";
+
+const asyncExecFile = util.promisify(childProcess.execFile);
 
 export const DevCommandOptionsSchema = z.object({
   port: z.coerce.number(),
@@ -282,7 +286,9 @@ async function resolveEndpointUrl(apiUrl: string, port: number) {
 
   // Setup tunnel
   const tunnelSpinner = ora(`🚇 Creating tunnel`).start();
-  const tunnelUrl = await createTunnel(port);
+
+  const tunnelUrl = await createTunnel(port, tunnelSpinner);
+
   if (tunnelUrl) {
     tunnelSpinner.succeed(`🚇 Created tunnel: ${tunnelUrl}`);
   }
@@ -290,15 +296,38 @@ async function resolveEndpointUrl(apiUrl: string, port: number) {
   return tunnelUrl;
 }
 
-async function createTunnel(port: number) {
+async function createTunnel(port: number, spinner: Ora) {
   try {
     return await ngrok.connect(port);
-  } catch (e) {
-    logger.error(`Ngrok failed to create a tunnel for port ${port}.\n${e}`);
+  } catch (error: any) {
+    if (
+      typeof error.message === "string" &&
+      error.message.includes("`version` property is required")
+    ) {
+      await upgradeNgrokConfig(spinner);
+
+      try {
+        return await ngrok.connect(port);
+      } catch (retryError) {
+        spinner.fail(
+          `Ngrok failed to create a tunnel for port ${port} after configuration upgrade.\n${retryError}`
+        );
+        return;
+      }
+    }
     return;
   }
 }
 
+async function upgradeNgrokConfig(spinner: Ora) {
+  try {
+    await asyncExecFile("ngrok", ["config", "upgrade"]);
+    spinner.info("Ngrok configuration upgraded successfully.");
+  } catch (error) {
+    spinner.fail(`Failed to upgrade ngrok configuration.\n${error}`);
+  }
+}
+
 async function refreshEndpoint(apiClient: TriggerApi, endpointId: string, endpointUrl: string) {
   try {
     const response = await apiClient.registerEndpoint({