@superblocksteam/cli 2.0.3-next.209 → 2.0.3-next.210

package/README.md

@@ -14,7 +14,7 @@ $ npm install -g @superblocksteam/cli
 $ superblocks COMMAND
 running command...
 $ superblocks (--version)
-@superblocksteam/cli/2.0.3-next.209 linux-x64 node-v20.19.0
+@superblocksteam/cli/2.0.3-next.210 linux-x64 node-v20.19.0
 $ superblocks --help [COMMAND]
 USAGE
   $ superblocks COMMAND

package/dist/index.js

@@ -297973,9 +297973,9 @@ var require_execAsync = __commonJS({
     init_cjs_shims();
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.execAsync = void 0;
-    var child_process3 = __require("child_process");
+    var child_process4 = __require("child_process");
     var util7 = __require("util");
-    exports2.execAsync = util7.promisify(child_process3.exec);
+    exports2.execAsync = util7.promisify(child_process4.exec);
   }
 });
 
@@ -318489,9 +318489,9 @@ var require_execAsync2 = __commonJS({
     init_cjs_shims();
     Object.defineProperty(exports2, "__esModule", { value: true });
     exports2.execAsync = void 0;
-    var child_process3 = __require("child_process");
+    var child_process4 = __require("child_process");
     var util7 = __require("util");
-    exports2.execAsync = util7.promisify(child_process3.exec);
+    exports2.execAsync = util7.promisify(child_process4.exec);
   }
 });
 
@@ -418482,7 +418482,7 @@ var import_util28 = __toESM(require_dist3(), 1);
 // ../sdk/package.json
 var package_default = {
   name: "@superblocksteam/sdk",
-  version: "2.0.3-next.209",
+  version: "2.0.3-next.210",
   type: "module",
   description: "Superblocks JS SDK",
   homepage: "https://www.superblocks.com",
@@ -418524,8 +418524,8 @@ var package_default = {
     "@rollup/wasm-node": "^4.35.0",
     "@superblocksteam/bucketeer-sdk": "0.5.0",
     "@superblocksteam/shared": "0.9160.0",
-    "@superblocksteam/util": "2.0.3-next.209",
-    "@superblocksteam/vite-plugin-file-sync": "2.0.3-next.209",
+    "@superblocksteam/util": "2.0.3-next.210",
+    "@superblocksteam/vite-plugin-file-sync": "2.0.3-next.210",
     "@vitejs/plugin-react": "^4.3.4",
     axios: "^1.4.0",
     chokidar: "^4.0.3",
@@ -425327,291 +425327,11 @@ function relativeToCurrentDir(applicationConfigPath) {
   return `./${path34.relative(process.cwd(), applicationConfigPath)}`;
 }
 
-// ../sdk/dist/dev-utils/dev-server.mjs
-init_cjs_shims();
-var import_util33 = __toESM(require_dist3(), 1);
-import net from "node:net";
-import os4 from "node:os";
-import path35 from "node:path";
-import react3 from "@vitejs/plugin-react";
-var import_cors = __toESM(require_lib37(), 1);
-var import_express = __toESM(require_express2(), 1);
-import { createLogger as createLogger5, createServer, loadEnv } from "vite";
-var httpServer;
-async function createDevServer({ root: root2, mode, fsOperationQueue, syncService, lockService, aiService, logger: loggerOverride, port }) {
-  const logger3 = getLogger2(loggerOverride);
-  if (httpServer) {
-    logger3.debug("Dev server already running");
-    return httpServer;
-  }
-  const resourceConfig = await (0, import_util33.getSuperblocksResourceConfigIfExists)();
-  if (resourceConfig?.configType !== "APPLICATION_V2") {
-    throw new Error("Invalid resource configuration type");
-  }
-  const healthResponse = {
-    status: "healthy",
-    applicationId: resourceConfig.id,
-    // TODO(code-mode): add branch name
-    cliVersion: package_default.version
-  };
-  let viteServer;
-  const app = (0, import_express.default)();
-  let isViteServerInitialized = false;
-  let viteResolve;
-  let viteReject;
-  const vitePromise = new Promise((resolve9, reject) => {
-    viteResolve = resolve9;
-    viteReject = reject;
-  });
-  async function gracefulShutdown({ logger: logger4, serverInitiated, switchingTo, initiatedByEmail }) {
-    try {
-      await lockService?.shutdown({
-        serverInitiated,
-        switchingTo,
-        initiatedByEmail
-      });
-      if (viteServer) {
-        await viteServer?.close();
-        viteServer = null;
-        isViteServerInitialized = false;
-      }
-    } catch (e) {
-      logger4.error(`Error during graceful shutdown: ${e}`);
-    } finally {
-      const closeTimeout = setTimeout(() => {
-        logger4.info("Dev server closed");
-        process.exit(0);
-      }, 1e3);
-      httpServer.close(() => {
-        logger4.info("Dev server closed");
-        clearTimeout(closeTimeout);
-        process.exit(0);
-      });
-    }
-  }
-  app.use((0, import_cors.default)({
-    origin: true,
-    credentials: true
-  }));
-  app.use(import_express.default.json());
-  app.use((req, res, next) => {
-    res.setHeader("Cache-Control", "no-store, max-age=0");
-    if (req.url === "/_sb_connect" || req.url === "/_sb_disconnect" || req.url === "/_sb_health" || req.url === "/_sb_status") {
-      return next();
-    }
-    vitePromise.then(() => {
-      if (isViteServerInitialized) {
-        next();
-      } else {
-        res.status(500).send("Dev server is not running");
-      }
-    });
-  });
-  app.get("/_sb_health", async (_req, res) => {
-    res.setHeader("Content-Type", "application/json");
-    res.send(JSON.stringify(healthResponse));
-  });
-  app.get("/_sb_connect", async (_req, res) => {
-    res.setHeader("Content-Type", "application/json");
-    if (isViteServerInitialized) {
-      res.send(JSON.stringify(healthResponse));
-      return;
-    }
-    isViteServerInitialized = true;
-    startVite({
-      port,
-      app,
-      root: root2,
-      mode,
-      fsOperationQueue,
-      syncService,
-      lockService,
-      aiService,
-      logger: loggerOverride,
-      httpServer
-    }).then((server) => {
-      viteResolve();
-      viteServer = server;
-      res.send(JSON.stringify(healthResponse));
-    }, viteReject);
-  });
-  app.get("/_sb_disconnect", async (_req, res) => {
-    console.log("GET /_sb_disconnect");
-    await gracefulShutdown({ logger: logger3, serverInitiated: false });
-    res.send("ok");
-  });
-  app.post("/_sb_disconnect", async (req, res) => {
-    const { initiatedByEmail, switchingTo } = req.body;
-    try {
-      await gracefulShutdown({
-        logger: logger3,
-        serverInitiated: true,
-        switchingTo,
-        initiatedByEmail
-      });
-      res.send("ok");
-    } catch (e) {
-      console.error("Error disconnecting from dev server", e);
-      res.status(500).send("Error disconnecting from dev server");
-    }
-  });
-  app.get("/_sb_status", async (_req, res) => {
-    res.setHeader("Content-Type", "application/json");
-    if (lockService?.isLocked) {
-      res.send({
-        connectedUsers: lockService.connectedUsers
-      });
-    } else {
-      res.send({
-        connectedUsers: []
-      });
-    }
-  });
-  process.on("SIGINT", async () => {
-    logger3.info("SIGINT received");
-    await gracefulShutdown({ logger: logger3, serverInitiated: false });
-  });
-  process.on("SIGTERM", async () => {
-    logger3.info("SIGTERM received");
-    await gracefulShutdown({ logger: logger3, serverInitiated: false });
-  });
-  process.on("SIGABRT", async () => {
-    logger3.info("SIGABRT received");
-    await gracefulShutdown({ logger: logger3, serverInitiated: false });
-  });
-  httpServer = await app.listen(port);
-  return httpServer;
-}
-async function startVite({ app, httpServer: httpServer2, root: root2, mode, port, fsOperationQueue, syncService, lockService, aiService, logger: loggerOverride }) {
-  const viteLogger = createLogger5();
-  const logger3 = getLogger2(loggerOverride);
-  viteLogger.info = logger3.info;
-  viteLogger.warn = (msg) => {
-    logger3.warn(yellow(msg));
-  };
-  viteLogger.warnOnce = (msg) => {
-    logger3.warn(yellow(msg));
-  };
-  viteLogger.error = (msg) => {
-    logger3.error(red(msg));
-  };
-  viteLogger.clearScreen = () => {
-  };
-  const isCustomBuildEnabled2 = await isCustomComponentsEnabled();
-  const customFolder = path35.join(root2, "custom");
-  const cdnUrl = "https://assets-cdn.superblocks.com/library/2.0.3-next.209";
-  const env3 = loadEnv(mode, root2, "");
-  const hmrPort = await getFreePort();
-  const hmrOptions = {
-    port: hmrPort,
-    clientPort: port,
-    server: httpServer2
-  };
-  if (process.env.CSB_BASE_PREVIEW_HOST) {
-    const hmrHost = `${os4.hostname()}-${port}.${process.env.CSB_BASE_PREVIEW_HOST}`;
-    hmrOptions.host = hmrHost;
-    hmrOptions.clientPort = 443;
-  }
-  const viteServer = await createServer({
-    root: root2,
-    mode,
-    resolve: {
-      alias: {
-        "react-router": "@superblocksteam/library"
-      }
-    },
-    clearScreen: process.env.SUPERBLOCKS_CLI_ENV !== "local",
-    optimizeDeps: {
-      include: ["lodash", "react-is"],
-      exclude: []
-    },
-    // See https://vite.dev/config/server-options.html#server-middlewaremode
-    // appType: "custom",
-    server: {
-      middlewareMode: true,
-      watch: {
-        ignored: [`${customFolder}/**/*`]
-      },
-      hmr: hmrOptions,
-      cors: {
-        origin: true,
-        credentials: true
-      }
-    },
-    build: {
-      commonjsOptions: {
-        include: ["react-is"]
-      },
-      rollupOptions: {
-        external: [`${customFolder}/**/*`]
-      }
-    },
-    plugins: [
-      src_default(),
-      customComponentsPlugin(),
-      // TODO(omar): there is a type mismatch in the monorepo
-      fileSyncVitePlugin({
-        fsOperationQueue,
-        syncService,
-        lockService,
-        aiService,
-        httpServer: httpServer2,
-        tracer: dev_tracer_default,
-        logger: logger3
-      }, { isCustomBuildEnabled: isCustomBuildEnabled2 }),
-      // for now, only use the CDN locally
-      superblocksCdnPlugin({
-        imports: {
-          "@superblocksteam/library": getValidFileUrl(cdnUrl, "index.js")
-        },
-        cssImports: {
-          "@superblocksteam/library/index.css": getValidFileUrl(cdnUrl, "index.css")
-        }
-      }),
-      react3(),
-      ddRumPlugin({
-        clientToken: env3.SUPERBLOCKS_LIBRARY_DD_CLIENT_TOKEN ?? "",
-        applicationId: env3.SUPERBLOCKS_LIBRARY_DD_APPLICATION_ID ?? "",
-        env: env3.SUPERBLOCKS_LIBRARY_ENV ?? "prod",
-        // TODO: Version should be injected from the library. Replace once we have the autoupgrade feature.
-        version: "1.0.0"
-      })
-    ]
-  });
-  app.use(viteServer.middlewares);
-  return viteServer;
-}
-var DEFAULT_HMR_PORT = 24678;
-function getFreePort() {
-  return new Promise((resolve9) => {
-    const server = net.createServer();
-    server.listen(0, () => {
-      const address = server.address();
-      if (typeof address === "string") {
-        resolve9(DEFAULT_HMR_PORT);
-        return;
-      }
-      const port = address?.port;
-      if (!port) {
-        resolve9(DEFAULT_HMR_PORT);
-        return;
-      }
-      server.close(() => resolve9(port));
-    });
-  });
-}
-function getValidFileUrl(url3, file) {
-  return new URL(file, url3.endsWith("/") ? url3 : url3 + "/").href;
-}
-
-// ../sdk/dist/cli-replacement/dev.mjs
+// ../sdk/dist/cli-replacement/automatic-upgrades.js
 init_cjs_shims();
-var import_util34 = __toESM(require_dist3(), 1);
-import * as child_process2 from "node:child_process";
-import * as fsp5 from "node:fs/promises";
-import path37 from "node:path";
-import { promisify as promisify2 } from "node:util";
-var import_fs_extra5 = __toESM(require_lib(), 1);
+import * as child_process from "node:child_process";
+import { promisify } from "node:util";
+import { isNativeError } from "node:util/types";
 
 // ../../../../node_modules/.pnpm/package-manager-detector@1.3.0/node_modules/package-manager-detector/dist/index.mjs
 init_cjs_shims();
@@ -425784,7 +425504,7 @@ var INSTALL_METADATA = {
 // ../../../../node_modules/.pnpm/package-manager-detector@1.3.0/node_modules/package-manager-detector/dist/detect.mjs
 init_cjs_shims();
 import fs18 from "node:fs/promises";
-import path36 from "node:path";
+import path35 from "node:path";
 import process4 from "node:process";
 async function pathExists(path210, type2) {
   try {
@@ -425795,11 +425515,11 @@ async function pathExists(path210, type2) {
   }
 }
 function* lookup(cwd = process4.cwd()) {
-  let directory = path36.resolve(cwd);
-  const { root: root2 } = path36.parse(directory);
+  let directory = path35.resolve(cwd);
+  const { root: root2 } = path35.parse(directory);
   while (directory && directory !== root2) {
     yield directory;
-    directory = path36.dirname(directory);
+    directory = path35.dirname(directory);
   }
 }
 async function parsePackageJson(filepath, onUnknown) {
@@ -425813,7 +425533,7 @@ async function detect(options9 = {}) {
   } = options9;
   let stopDir;
   if (typeof options9.stopDir === "string") {
-    const resolved = path36.resolve(options9.stopDir);
+    const resolved = path35.resolve(options9.stopDir);
     stopDir = (dir) => dir === resolved;
   } else {
     stopDir = options9.stopDir;
@@ -425823,9 +425543,9 @@ async function detect(options9 = {}) {
       switch (strategy) {
         case "lockfile": {
           for (const lock of Object.keys(LOCKS)) {
-            if (await pathExists(path36.join(directory, lock), "file")) {
+            if (await pathExists(path35.join(directory, lock), "file")) {
               const name18 = LOCKS[lock];
-              const result = await parsePackageJson(path36.join(directory, "package.json"), onUnknown);
+              const result = await parsePackageJson(path35.join(directory, "package.json"), onUnknown);
               if (result)
                 return result;
               else
@@ -425836,7 +425556,7 @@ async function detect(options9 = {}) {
         }
         case "packageManager-field":
         case "devEngines-field": {
-          const result = await parsePackageJson(path36.join(directory, "package.json"), onUnknown);
+          const result = await parsePackageJson(path35.join(directory, "package.json"), onUnknown);
           if (result)
             return result;
           break;
@@ -425844,7 +425564,7 @@ async function detect(options9 = {}) {
         case "install-metadata": {
           for (const metadata of Object.keys(INSTALL_METADATA)) {
             const fileOrDir = metadata.endsWith("/") ? "dir" : "file";
-            if (await pathExists(path36.join(directory, metadata), fileOrDir)) {
+            if (await pathExists(path35.join(directory, metadata), fileOrDir)) {
               const name18 = INSTALL_METADATA[metadata];
               const agent = name18 === "yarn" ? isMetadataYarnClassic(metadata) ? "yarn" : "yarn@berry" : name18;
               return { name: name18, agent };
@@ -425905,12 +425625,9 @@ function isMetadataYarnClassic(metadataPath) {
 }
 
 // ../sdk/dist/cli-replacement/automatic-upgrades.js
-init_cjs_shims();
-import * as child_process from "node:child_process";
-import { promisify } from "node:util";
-import { isNativeError } from "node:util/types";
 var import_gt = __toESM(require_gt(), 1);
 var import_valid = __toESM(require_valid(), 1);
+var AUTO_UPGRADE_EXIT_CODE = 99;
 var exec3 = promisify(child_process.exec);
 var logger2 = getLogger2();
 async function getRemoteVersions(config2) {
@@ -426046,16 +425763,6 @@ async function upgradePackageWithPackageManager(pm, packageName, targetVersion,
   const { command, args } = installCommand;
   await exec3(`${command} ${args.join(" ")}`);
 }
-async function restartCli() {
-  const args = process.argv.slice(1);
-  const child = child_process.spawn(process.execPath, [...args], {
-    detached: true,
-    stdio: "inherit",
-    env: process.env
-  });
-  child.unref();
-  process.nextTick(() => process.exit(0));
-}
 async function getCurrentLibraryVersionWithoutPM() {
   const pm = await detect({
     strategies: [
@@ -426128,11 +425835,295 @@ async function checkVersionsAndUpgrade(lockService, config2) {
   if (cliUpdated || libraryUpdated) {
     logger2.info("Restarting the CLI\u2026");
     await lockService.releaseLock();
-    await restartCli();
+    process.exit(AUTO_UPGRADE_EXIT_CODE);
+  }
+}
+
+// ../sdk/dist/dev-utils/dev-server.mjs
+init_cjs_shims();
+var import_util33 = __toESM(require_dist3(), 1);
+import net from "node:net";
+import os4 from "node:os";
+import path36 from "node:path";
+import react3 from "@vitejs/plugin-react";
+var import_cors = __toESM(require_lib37(), 1);
+var import_express = __toESM(require_express2(), 1);
+import { createLogger as createLogger5, createServer, loadEnv } from "vite";
+var httpServer;
+async function createDevServer({ root: root2, mode, fsOperationQueue, syncService, lockService, aiService, logger: loggerOverride, port }) {
+  const logger3 = getLogger2(loggerOverride);
+  if (httpServer) {
+    logger3.debug("Dev server already running");
+    return httpServer;
+  }
+  const resourceConfig = await (0, import_util33.getSuperblocksResourceConfigIfExists)();
+  if (resourceConfig?.configType !== "APPLICATION_V2") {
+    throw new Error("Invalid resource configuration type");
+  }
+  const healthResponse = {
+    status: "healthy",
+    applicationId: resourceConfig.id,
+    // TODO(code-mode): add branch name
+    cliVersion: package_default.version
+  };
+  let viteServer;
+  const app = (0, import_express.default)();
+  let isViteServerInitialized = false;
+  let viteResolve;
+  let viteReject;
+  const vitePromise = new Promise((resolve9, reject) => {
+    viteResolve = resolve9;
+    viteReject = reject;
+  });
+  async function gracefulShutdown({ logger: logger4, serverInitiated, switchingTo, initiatedByEmail }) {
+    try {
+      await lockService?.shutdown({
+        serverInitiated,
+        switchingTo,
+        initiatedByEmail
+      });
+      if (viteServer) {
+        await viteServer?.close();
+        viteServer = null;
+        isViteServerInitialized = false;
+      }
+    } catch (e) {
+      logger4.error(`Error during graceful shutdown: ${e}`);
+    } finally {
+      const closeTimeout = setTimeout(() => {
+        logger4.info("Dev server closed");
+        process.exit(0);
+      }, 1e3);
+      httpServer.close(() => {
+        logger4.info("Dev server closed");
+        clearTimeout(closeTimeout);
+        process.exit(0);
+      });
+    }
+  }
+  app.use((0, import_cors.default)({
+    origin: true,
+    credentials: true
+  }));
+  app.use(import_express.default.json());
+  app.use((req, res, next) => {
+    res.setHeader("Cache-Control", "no-store, max-age=0");
+    if (req.url === "/_sb_connect" || req.url === "/_sb_disconnect" || req.url === "/_sb_health" || req.url === "/_sb_status") {
+      return next();
+    }
+    vitePromise.then(() => {
+      if (isViteServerInitialized) {
+        next();
+      } else {
+        res.status(500).send("Dev server is not running");
+      }
+    });
+  });
+  app.get("/_sb_health", async (_req, res) => {
+    res.setHeader("Content-Type", "application/json");
+    res.send(JSON.stringify(healthResponse));
+  });
+  app.get("/_sb_connect", async (_req, res) => {
+    res.setHeader("Content-Type", "application/json");
+    if (isViteServerInitialized) {
+      res.send(JSON.stringify(healthResponse));
+      return;
+    }
+    isViteServerInitialized = true;
+    startVite({
+      port,
+      app,
+      root: root2,
+      mode,
+      fsOperationQueue,
+      syncService,
+      lockService,
+      aiService,
+      logger: loggerOverride,
+      httpServer
+    }).then((server) => {
+      viteResolve();
+      viteServer = server;
+      res.send(JSON.stringify(healthResponse));
+    }, viteReject);
+  });
+  app.get("/_sb_disconnect", async (_req, res) => {
+    console.log("GET /_sb_disconnect");
+    await gracefulShutdown({ logger: logger3, serverInitiated: false });
+    res.send("ok");
+  });
+  app.post("/_sb_disconnect", async (req, res) => {
+    const { initiatedByEmail, switchingTo } = req.body;
+    try {
+      await gracefulShutdown({
+        logger: logger3,
+        serverInitiated: true,
+        switchingTo,
+        initiatedByEmail
+      });
+      res.send("ok");
+    } catch (e) {
+      console.error("Error disconnecting from dev server", e);
+      res.status(500).send("Error disconnecting from dev server");
+    }
+  });
+  app.get("/_sb_status", async (_req, res) => {
+    res.setHeader("Content-Type", "application/json");
+    if (lockService?.isLocked) {
+      res.send({
+        connectedUsers: lockService.connectedUsers
+      });
+    } else {
+      res.send({
+        connectedUsers: []
+      });
+    }
+  });
+  process.on("SIGINT", async () => {
+    logger3.info("SIGINT received");
+    await gracefulShutdown({ logger: logger3, serverInitiated: false });
+  });
+  process.on("SIGTERM", async () => {
+    logger3.info("SIGTERM received");
+    await gracefulShutdown({ logger: logger3, serverInitiated: false });
+  });
+  process.on("SIGABRT", async () => {
+    logger3.info("SIGABRT received");
+    await gracefulShutdown({ logger: logger3, serverInitiated: false });
+  });
+  httpServer = await app.listen(port);
+  return httpServer;
+}
+async function startVite({ app, httpServer: httpServer2, root: root2, mode, port, fsOperationQueue, syncService, lockService, aiService, logger: loggerOverride }) {
+  const viteLogger = createLogger5();
+  const logger3 = getLogger2(loggerOverride);
+  viteLogger.info = logger3.info;
+  viteLogger.warn = (msg) => {
+    logger3.warn(yellow(msg));
+  };
+  viteLogger.warnOnce = (msg) => {
+    logger3.warn(yellow(msg));
+  };
+  viteLogger.error = (msg) => {
+    logger3.error(red(msg));
+  };
+  viteLogger.clearScreen = () => {
+  };
+  const isCustomBuildEnabled2 = await isCustomComponentsEnabled();
+  const customFolder = path36.join(root2, "custom");
+  const cdnUrl = "https://assets-cdn.superblocks.com/library/2.0.3-next.210";
+  const env3 = loadEnv(mode, root2, "");
+  const hmrPort = await getFreePort();
+  const hmrOptions = {
+    port: hmrPort,
+    clientPort: port,
+    server: httpServer2
+  };
+  if (process.env.CSB_BASE_PREVIEW_HOST) {
+    const hmrHost = `${os4.hostname()}-${port}.${process.env.CSB_BASE_PREVIEW_HOST}`;
+    hmrOptions.host = hmrHost;
+    hmrOptions.clientPort = 443;
   }
+  const viteServer = await createServer({
+    root: root2,
+    mode,
+    resolve: {
+      alias: {
+        "react-router": "@superblocksteam/library"
+      }
+    },
+    clearScreen: process.env.SUPERBLOCKS_CLI_ENV !== "local",
+    optimizeDeps: {
+      include: ["lodash", "react-is"],
+      exclude: []
+    },
+    // See https://vite.dev/config/server-options.html#server-middlewaremode
+    // appType: "custom",
+    server: {
+      middlewareMode: true,
+      watch: {
+        ignored: [`${customFolder}/**/*`]
+      },
+      hmr: hmrOptions,
+      cors: {
+        origin: true,
+        credentials: true
+      }
+    },
+    build: {
+      commonjsOptions: {
+        include: ["react-is"]
+      },
+      rollupOptions: {
+        external: [`${customFolder}/**/*`]
+      }
+    },
+    plugins: [
+      src_default(),
+      customComponentsPlugin(),
+      // TODO(omar): there is a type mismatch in the monorepo
+      fileSyncVitePlugin({
+        fsOperationQueue,
+        syncService,
+        lockService,
+        aiService,
+        httpServer: httpServer2,
+        tracer: dev_tracer_default,
+        logger: logger3
+      }, { isCustomBuildEnabled: isCustomBuildEnabled2 }),
+      // for now, only use the CDN locally
+      superblocksCdnPlugin({
+        imports: {
+          "@superblocksteam/library": getValidFileUrl(cdnUrl, "index.js")
+        },
+        cssImports: {
+          "@superblocksteam/library/index.css": getValidFileUrl(cdnUrl, "index.css")
+        }
+      }),
+      react3(),
+      ddRumPlugin({
+        clientToken: env3.SUPERBLOCKS_LIBRARY_DD_CLIENT_TOKEN ?? "",
+        applicationId: env3.SUPERBLOCKS_LIBRARY_DD_APPLICATION_ID ?? "",
+        env: env3.SUPERBLOCKS_LIBRARY_ENV ?? "prod",
+        // TODO: Version should be injected from the library. Replace once we have the autoupgrade feature.
+        version: "1.0.0"
+      })
+    ]
+  });
+  app.use(viteServer.middlewares);
+  return viteServer;
+}
+var DEFAULT_HMR_PORT = 24678;
+function getFreePort() {
+  return new Promise((resolve9) => {
+    const server = net.createServer();
+    server.listen(0, () => {
+      const address = server.address();
+      if (typeof address === "string") {
+        resolve9(DEFAULT_HMR_PORT);
+        return;
+      }
+      const port = address?.port;
+      if (!port) {
+        resolve9(DEFAULT_HMR_PORT);
+        return;
+      }
+      server.close(() => resolve9(port));
+    });
+  });
+}
+function getValidFileUrl(url3, file) {
+  return new URL(file, url3.endsWith("/") ? url3 : url3 + "/").href;
 }
 
 // ../sdk/dist/cli-replacement/dev.mjs
+init_cjs_shims();
+var import_util34 = __toESM(require_dist3(), 1);
+import * as child_process2 from "node:child_process";
+import * as fsp5 from "node:fs/promises";
+import path37 from "node:path";
+import { promisify as promisify2 } from "node:util";
+var import_fs_extra5 = __toESM(require_lib(), 1);
 var exec5 = promisify2(child_process2.exec);
 var passErrorToVSCode = (message, logger3) => {
   if (message) {
@@ -426178,7 +426169,7 @@ async function installPackages(cwd, logger3) {
 }
 async function dev(options9) {
   const logger3 = getLogger2(options9.logger);
-  const { cwd, pidfilePath, devServerPort, downloadFirst, uploadFirst, skipSync, applicationConfig } = options9;
+  const { cwd, pidfilePath, devServerPort, downloadFirst, uploadFirst, skipSync, applicationConfig, skipAutoUpgrade } = options9;
   const cliVersion = await getCurrentCliVersion();
   const libraryVersion = await getCurrentLibraryVersionWithoutPM();
   logger3.info(`Running command: ${options9.superblocksPath} dev${options9.uploadFirst ? " --upload-first" : ""}${options9.downloadFirst ? " --download-first" : ""} with baseUrl: ${applicationConfig?.superblocksBaseUrl}, cliVersion: ${cliVersion}, libraryVersion: ${libraryVersion?.alias} ${libraryVersion?.version}`);
@@ -426220,7 +426211,7 @@ async function dev(options9) {
         if (lockService) {
           try {
             await lockService.acquireLock();
-            if (!process.env.PACKAGE_SUFFIX || process.env.PACKAGE_SUFFIX === "") {
+            if (!process.env.PACKAGE_SUFFIX || process.env.PACKAGE_SUFFIX === "" || !skipAutoUpgrade) {
               await checkVersionsAndUpgrade(lockService, applicationConfig);
             }
           } catch (error) {
@@ -430348,6 +430339,7 @@ var SetSuperblocksConfig = class _SetSuperblocksConfig extends Command2 {
 
 // src/commands/dev.mts
 init_cjs_shims();
+import * as child_process3 from "node:child_process";
 import { resolve as resolve8 } from "node:path";
 import { Flags as Flags4 } from "@oclif/core";
 
@@ -430415,8 +430407,30 @@ var Dev = class _Dev extends AuthenticatedApplicationV2Command {
       description: "Download from Superblocks before starting, can overwrite your local files",
       default: false,
       aliases: ["d"]
+    }),
+    child: Flags4.boolean({
+      name: "child",
+      description: "Run the dev server as a child process",
+      default: false,
+      hidden: true
+      // We don't want to expose this flag to the user. This is the child process that runs the dev server under the wrapper of the parent process
+    }),
+    "skip-auto-upgrade": Flags4.boolean({
+      name: "skip-auto-upgrade",
+      // This is added to avoid retrying the auto-upgrade again if it failed the first time
+      description: "Skip automatic upgrades",
+      default: false,
+      hidden: true
+      // We don't want to expose this flag. This is used for a second dev server start after an attempt to upgrade
     })
   };
+  async init() {
+    const { flags } = await this.parse(_Dev);
+    if (flags["child"]) {
+      await super.init();
+      showKoalaGreeting();
+    }
+  }
   async run() {
     try {
       const { flags } = await this.parse(_Dev);
@@ -430425,26 +430439,72 @@ var Dev = class _Dev extends AuthenticatedApplicationV2Command {
           "This command requires either the --upload-first or --download-first flag"
         );
       }
-      showKoalaGreeting();
-      const applicationConfig = {
-        superblocksBaseUrl: this.getSdk().superblocksBaseUrl,
-        token: this.getSdk().token,
-        id: this.applicationConfig.id,
-        // TODO(george): when we support revision control, we should use the proper branch name here
-        branchName: DEFAULT_BRANCH
-      };
-      await dev({
-        applicationConfig,
-        cwd: process.cwd(),
-        pidfilePath: flags.pidfile,
-        devServerPort: flags.port,
-        uploadFirst: flags["upload-first"],
-        downloadFirst: flags["download-first"],
-        logger: (message) => {
-          this.log(message);
-        },
-        superblocksPath: resolve8(process.argv[1])
-      });
+      if (flags["child"]) {
+        const applicationConfig = {
+          superblocksBaseUrl: this.getSdk().superblocksBaseUrl,
+          token: this.getSdk().token,
+          id: this.applicationConfig.id,
+          // TODO(george): when we support revision control, we should use the proper branch name here
+          branchName: DEFAULT_BRANCH
+        };
+        await dev({
+          applicationConfig,
+          cwd: process.cwd(),
+          pidfilePath: flags.pidfile,
+          devServerPort: flags.port,
+          uploadFirst: flags["upload-first"],
+          downloadFirst: flags["download-first"],
+          superblocksPath: resolve8(process.argv[1]),
+          logger: (message) => {
+            this.log(message);
+          },
+          skipAutoUpgrade: flags["skip-auto-upgrade"]
+        });
+      } else {
+        const args = process.argv.slice(1);
+        let child = child_process3.spawn(
+          process.execPath,
+          [...args, "--child"],
+          {
+            detached: false,
+            stdio: "inherit",
+            env: process.env
+          }
+        );
+        const setupSignalHandlers = (childProcess) => {
+          process.on("SIGINT", () => childProcess.kill("SIGINT"));
+          process.on("SIGHUP", () => childProcess.kill("SIGHUP"));
+          process.on("SIGTERM", () => childProcess.kill("SIGTERM"));
+          process.on("SIGQUIT", () => childProcess.kill("SIGQUIT"));
+          process.on("SIGABRT", () => childProcess.kill("SIGABRT"));
+        };
+        setupSignalHandlers(child);
+        child.on("exit", (code, signal) => {
+          if (code === AUTO_UPGRADE_EXIT_CODE) {
+            this.log("Dev server exited due to automatic upgrade");
+            const baseArgs = args.filter((arg) => arg !== "--child");
+            child = child_process3.spawn(
+              process.execPath,
+              [...baseArgs, "--child", "--skip-auto-upgrade"],
+              {
+                detached: false,
+                stdio: "inherit",
+                env: process.env
+              }
+            );
+            setupSignalHandlers(child);
+          } else if (code === 0) {
+            this.log("Dev server exited successfully");
+          } else {
+            this.error(
+              `Dev server exited with code ${code} and signal ${signal}`
+            );
+          }
+          if (code !== AUTO_UPGRADE_EXIT_CODE) {
+            process.exit(code);
+          }
+        });
+      }
     } catch (error) {
       this.error(error.message);
     }

package/oclif.manifest.json

@@ -320,6 +320,20 @@
           "name": "download-first",
           "allowNo": false,
           "type": "boolean"
+        },
+        "child": {
+          "description": "Run the dev server as a child process",
+          "hidden": true,
+          "name": "child",
+          "allowNo": false,
+          "type": "boolean"
+        },
+        "skip-auto-upgrade": {
+          "description": "Skip automatic upgrades",
+          "hidden": true,
+          "name": "skip-auto-upgrade",
+          "allowNo": false,
+          "type": "boolean"
         }
       },
       "hasDynamicHelp": false,
@@ -571,5 +585,5 @@
       "strict": true
     }
   },
-  "version": "2.0.3-next.209"
+  "version": "2.0.3-next.210"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superblocksteam/cli",
-  "version": "2.0.3-next.209",
+  "version": "2.0.3-next.210",
   "type": "module",
   "description": "Official Superblocks CLI",
   "homepage": "https://www.superblocks.com",
@@ -42,9 +42,9 @@
   "devDependencies": {
     "@eslint/js": "^9.16.0",
     "@oclif/test": "^4.1.11",
-    "@superblocksteam/sdk": "2.0.3-next.209",
+    "@superblocksteam/sdk": "2.0.3-next.210",
     "@superblocksteam/shared": "0.9160.0",
-    "@superblocksteam/util": "2.0.3-next.209",
+    "@superblocksteam/util": "2.0.3-next.210",
     "@types/babel__core": "^7.20.0",
     "@types/chai": "^4",
     "@types/fs-extra": "^11.0.1",