firebase-tools 13.0.0-canary.0 → 13.0.1

package/lib/commands/frameworks-backends-create.js

@@ -5,8 +5,10 @@ const command_1 = require("../command");
 const projectUtils_1 = require("../projectUtils");
 const requireInteractive_1 = require("../requireInteractive");
 const frameworks_1 = require("../init/features/frameworks");
+const frameworks_2 = require("../gcp/frameworks");
 exports.command = new command_1.Command("backends:create")
     .description("Create a backend in a Firebase project")
+    .before(frameworks_2.ensureApiEnabled)
     .before(requireInteractive_1.default)
     .action(async (options) => {
     const projectId = (0, projectUtils_1.needProjectId)(options);

package/lib/commands/frameworks-backends-delete.js

@@ -9,6 +9,7 @@ const prompt_1 = require("../prompt");
 const utils = require("../utils");
 const logger_1 = require("../logger");
 const constants_1 = require("../init/features/frameworks/constants");
+const frameworks_1 = require("../gcp/frameworks");
 const Table = require("cli-table");
 const COLUMN_LENGTH = 20;
 const TABLE_HEAD = [
@@ -24,6 +25,7 @@ exports.command = new command_1.Command("backends:delete")
     .option("-l, --location <location>", "App Backend location", "")
     .option("-s, --backend <backend>", "Backend Id", "")
     .withForce()
+    .before(frameworks_1.ensureApiEnabled)
     .action(async (options) => {
     const projectId = (0, projectUtils_1.needProjectId)(options);
     let location = options.location;

package/lib/commands/frameworks-backends-get.js

@@ -6,6 +6,7 @@ const projectUtils_1 = require("../projectUtils");
 const gcp = require("../gcp/frameworks");
 const error_1 = require("../error");
 const logger_1 = require("../logger");
+const frameworks_1 = require("../gcp/frameworks");
 const Table = require("cli-table");
 const COLUMN_LENGTH = 20;
 const TABLE_HEAD = [
@@ -16,17 +17,13 @@ const TABLE_HEAD = [
     "Created Date",
     "Updated Date",
 ];
-exports.command = new command_1.Command("backends:get")
+exports.command = new command_1.Command("backends:get <backendId>")
     .description("Get backend details of a Firebase project")
     .option("-l, --location <location>", "App Backend location", "-")
-    .option("-b, --backend <backend>", "Backend Id", "")
-    .action(async (options) => {
+    .before(frameworks_1.ensureApiEnabled)
+    .action(async (backendId, options) => {
     const projectId = (0, projectUtils_1.needProjectId)(options);
     const location = options.location;
-    const backendId = options.backend;
-    if (!backendId) {
-        throw new error_1.FirebaseError("Backend id can't be empty.");
-    }
     let backendsList = [];
     const table = new Table({
         head: TABLE_HEAD,

package/lib/commands/frameworks-backends-list.js

@@ -7,19 +7,14 @@ const gcp = require("../gcp/frameworks");
 const error_1 = require("../error");
 const logger_1 = require("../logger");
 const colorette_1 = require("colorette");
+const frameworks_1 = require("../gcp/frameworks");
 const Table = require("cli-table");
 const COLUMN_LENGTH = 20;
-const TABLE_HEAD = [
-    "Backend Id",
-    "Repository Name",
-    "Location",
-    "URL",
-    "Created Date",
-    "Updated Date",
-];
+const TABLE_HEAD = ["Backend Id", "Repository", "Location", "URL", "Created Date", "Updated Date"];
 exports.command = new command_1.Command("backends:list")
     .description("List backends of a Firebase project.")
     .option("-l, --location <location>", "App Backend location", "-")
+    .before(frameworks_1.ensureApiEnabled)
     .action(async (options) => {
     const projectId = (0, projectUtils_1.needProjectId)(options);
     const location = options.location;
@@ -31,8 +26,8 @@ exports.command = new command_1.Command("backends:list")
     const backendsList = [];
     try {
         const backendsPerRegion = await gcp.listBackends(projectId, location);
-        backendsList.push(backendsPerRegion);
-        populateTable(backendsPerRegion, location, table);
+        backendsList.push(...backendsPerRegion.backends);
+        populateTable(backendsList, table);
         logger_1.logger.info();
         logger_1.logger.info(`Backends for project ${(0, colorette_1.bold)(projectId)}`);
         logger_1.logger.info();
@@ -43,9 +38,9 @@ exports.command = new command_1.Command("backends:list")
     }
     return backendsList;
 });
-function populateTable(backendsLists, location, table) {
+function populateTable(backends, table) {
     var _a;
-    for (const backend of backendsLists.backends) {
+    for (const backend of backends) {
         const [location, , backendId] = backend.name.split("/").slice(3, 6);
         const entry = [
             backendId,

package/lib/deploy/functions/services/firestore.js

@@ -3,9 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ensureFirestoreTriggerRegion = void 0;
 const firestore = require("../../../gcp/firestore");
 const error_1 = require("../../../error");
+const dbCache = new Map();
+async function getDatabase(project, databaseId) {
+    const key = `${project}/${databaseId}`;
+    if (dbCache.has(key)) {
+        return dbCache.get(key);
+    }
+    const db = await firestore.getDatabase(project, databaseId);
+    dbCache.set(key, db);
+    return db;
+}
 async function ensureFirestoreTriggerRegion(endpoint) {
     var _a;
-    const db = await firestore.getDatabase(endpoint.project, ((_a = endpoint.eventTrigger.eventFilters) === null || _a === void 0 ? void 0 : _a.database) || "(default)");
+    const db = await getDatabase(endpoint.project, ((_a = endpoint.eventTrigger.eventFilters) === null || _a === void 0 ? void 0 : _a.database) || "(default)");
     const dbRegion = db.locationId;
     if (!endpoint.eventTrigger.region) {
         endpoint.eventTrigger.region = dbRegion;

package/lib/frameworks/angular/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ɵcodegenFunctionsDirectory = exports.shouldUseDevModeHandle = exports.getValidBuildTargets = exports.ɵcodegenPublicDirectory = exports.getDevModeHandle = exports.build = exports.init = exports.discover = exports.docsUrl = exports.type = exports.support = exports.name = void 0;
+exports.ɵcodegenFunctionsDirectory = exports.shouldUseDevModeHandle = exports.getValidBuildTargets = exports.ɵcodegenPublicDirectory = exports.getDevModeHandle = exports.build = exports.init = exports.discover = exports.supportedRange = exports.docsUrl = exports.type = exports.support = exports.name = void 0;
 const path_1 = require("path");
 const child_process_1 = require("child_process");
 const cross_spawn_1 = require("cross-spawn");
@@ -15,16 +15,18 @@ exports.support = "preview";
 exports.type = 3;
 exports.docsUrl = "https://firebase.google.com/docs/hosting/frameworks/angular";
 const DEFAULT_BUILD_SCRIPT = ["ng build"];
+exports.supportedRange = "14 - 17";
 async function discover(dir) {
     if (!(await (0, fs_extra_1.pathExists)((0, path_1.join)(dir, "package.json"))))
         return;
     if (!(await (0, fs_extra_1.pathExists)((0, path_1.join)(dir, "angular.json"))))
         return;
-    return { mayWantBackend: true, publicDirectory: (0, path_1.join)(dir, "src", "assets") };
+    const version = (0, utils_2.getAngularVersion)(dir);
+    return { mayWantBackend: true, publicDirectory: (0, path_1.join)(dir, "src", "assets"), version };
 }
 exports.discover = discover;
 function init(setup, config) {
-    (0, child_process_1.execSync)(`npx --yes -p @angular/cli@latest ng new ${setup.projectId} --directory ${setup.hosting.source} --skip-git`, {
+    (0, child_process_1.execSync)(`npx --yes -p @angular/cli@"${exports.supportedRange}" ng new ${setup.projectId} --directory ${setup.hosting.source} --skip-git`, {
         stdio: "inherit",
         cwd: config.projectDir,
     });

package/lib/frameworks/angular/utils.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBuildConfig = exports.getServerConfig = exports.getBrowserConfig = exports.getContext = exports.getAllTargets = void 0;
+exports.getAngularVersion = exports.getBuildConfig = exports.getServerConfig = exports.getBrowserConfig = exports.getContext = exports.getAllTargets = void 0;
 const utils_1 = require("../utils");
 const error_1 = require("../../error");
 const path_1 = require("path");
 const assert_1 = require("assert");
 const utils_2 = require("../../utils");
+const semver_1 = require("semver");
 async function localesForTarget(dir, architectHost, target, workspaceProject) {
     var _a;
     const { targetStringFromTarget } = (0, utils_1.relativeRequire)(dir, "@angular-devkit/architect");
@@ -56,6 +57,7 @@ async function localesForTarget(dir, architectHost, target, workspaceProject) {
 const DEV_SERVER_TARGETS = [
     "@angular-devkit/build-angular:dev-server",
     "@nguniversal/builders:ssr-dev-server",
+    "@angular-devkit/build-angular:ssr-dev-server",
 ];
 function getValidBuilders(purpose) {
     return [
@@ -63,6 +65,7 @@ function getValidBuilders(purpose) {
         "@angular-devkit/build-angular:browser-esbuild",
         "@angular/fire:deploy",
         "@angular-devkit/build-angular:browser",
+        "@angular-devkit/build-angular:prerender",
         "@nguniversal/builders:prerender",
         ...(purpose === "deploy" ? [] : DEV_SERVER_TARGETS),
     ];
@@ -156,11 +159,13 @@ async function getContext(dir, targetOrConfiguration) {
             case "@angular-devkit/build-angular:browser":
                 browserTarget = overrideTarget;
                 break;
+            case "@angular-devkit/build-angular:prerender":
             case "@nguniversal/builders:prerender":
                 prerenderTarget = overrideTarget;
                 break;
             case "@angular-devkit/build-angular:dev-server":
             case "@nguniversal/builders:ssr-dev-server":
+            case "@angular-devkit/build-angular:ssr-dev-server":
                 serveTarget = overrideTarget;
                 break;
             default:
@@ -178,7 +183,9 @@ async function getContext(dir, targetOrConfiguration) {
         }
     }
     if (deployTarget) {
-        const options = await architectHost.getOptionsForTarget(deployTarget);
+        const options = await architectHost
+            .getOptionsForTarget(deployTarget)
+            .catch(() => { var _a; return (_a = workspaceProject.targets.get(deployTarget.target)) === null || _a === void 0 ? void 0 : _a.options; });
         if (!options)
             throw new error_1.FirebaseError("Unable to get options for ng-deploy.");
         if (options.buildTarget) {
@@ -197,6 +204,10 @@ async function getContext(dir, targetOrConfiguration) {
             (0, utils_2.assertIsString)(options.serverTarget);
             serverTarget = targetFromTargetString(options.serverTarget);
         }
+        if (options.serveTarget) {
+            (0, utils_2.assertIsString)(options.serveTarget);
+            serveTarget = targetFromTargetString(options.serveTarget);
+        }
         if (options.serveOptimizedImages) {
             serveOptimizedImages = true;
         }
@@ -299,12 +310,16 @@ async function getContext(dir, targetOrConfiguration) {
                 continue;
             if (target === browserTarget && builder === "@angular-devkit/build-angular:browser")
                 continue;
+            if (target === prerenderTarget && builder === "@angular-devkit/build-angular:prerender")
+                continue;
             if (target === prerenderTarget && builder === "@nguniversal/builders:prerender")
                 continue;
             if (target === serverTarget && builder === "@angular-devkit/build-angular:server")
                 continue;
             if (target === serveTarget && builder === "@nguniversal/builders:ssr-dev-server")
                 continue;
+            if (target === serveTarget && builder === "@angular-devkit/build-angular:ssr-dev-server")
+                continue;
             if (target === serveTarget && builder === "@angular-devkit/build-angular:dev-server")
                 continue;
             throw new error_1.FirebaseError(`${definition.builder} (${targetString}) is not a recognized builder. Please check your angular.json`);
@@ -433,3 +448,13 @@ async function getBuildConfig(sourceDir, configuration) {
     };
 }
 exports.getBuildConfig = getBuildConfig;
+function getAngularVersion(cwd) {
+    const dependency = (0, utils_1.findDependency)("@angular/core", { cwd, depth: 0, omitDev: false });
+    if (!dependency)
+        return undefined;
+    const angularVersionSemver = (0, semver_1.coerce)(dependency.version);
+    if (!angularVersionSemver)
+        return dependency.version;
+    return angularVersionSemver.toString();
+}
+exports.getAngularVersion = getAngularVersion;

package/lib/frameworks/astro/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.type = exports.support = exports.name = void 0;
+exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.supportedRange = exports.type = exports.support = exports.name = void 0;
 const cross_spawn_1 = require("cross-spawn");
 const fs_extra_1 = require("fs-extra");
 const path_1 = require("path");
@@ -10,15 +10,18 @@ const utils_2 = require("./utils");
 exports.name = "Astro";
 exports.support = "experimental";
 exports.type = 2;
+exports.supportedRange = "2 - 3";
 async function discover(dir) {
     if (!(0, fs_extra_1.existsSync)((0, path_1.join)(dir, "package.json")))
         return;
-    if (!(0, utils_2.getAstroVersion)(dir))
+    const version = (0, utils_2.getAstroVersion)(dir);
+    if (!version)
         return;
     const { output, publicDir: publicDirectory } = await (0, utils_2.getConfig)(dir);
     return {
         mayWantBackend: output !== "static",
         publicDirectory,
+        version,
     };
 }
 exports.discover = discover;

package/lib/frameworks/astro/utils.js

@@ -4,6 +4,7 @@ exports.getAstroVersion = exports.getConfig = exports.getBootstrapScript = void
 const path_1 = require("path");
 const utils_1 = require("../utils");
 const semver_1 = require("semver");
+const url_1 = require("url");
 const { dynamicImport } = require(true && "../../dynamicImport");
 function getBootstrapScript() {
     return `const entry = import('./entry.mjs');\nexport const handle = async (req, res) => (await entry).handler(req, res)`;
@@ -26,8 +27,8 @@ async function getConfig(cwd) {
         config = astroConfig;
     }
     return {
-        outDir: (0, path_1.relative)(cwd, config.outDir.pathname),
-        publicDir: (0, path_1.relative)(cwd, config.publicDir.pathname),
+        outDir: (0, path_1.relative)(cwd, (0, url_1.fileURLToPath)(config.outDir)),
+        publicDir: (0, path_1.relative)(cwd, (0, url_1.fileURLToPath)(config.publicDir)),
         output: config.output,
         adapter: config.adapter,
     };

package/lib/frameworks/constants.js

@@ -2,32 +2,59 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_SHOULD_USE_DEV_MODE_HANDLE = exports.GET_DEFAULT_BUILD_TARGETS = exports.I18N_ROOT = exports.ALLOWED_SSR_REGIONS = exports.DEFAULT_REGION = exports.VALID_LOCALE_FORMATS = exports.VALID_ENGINES = exports.NODE_VERSION = exports.SHARP_VERSION = exports.FIREBASE_ADMIN_VERSION = exports.FIREBASE_FUNCTIONS_VERSION = exports.FIREBASE_FRAMEWORKS_VERSION = exports.MAILING_LIST_URL = exports.FEATURE_REQUEST_URL = exports.FILE_BUG_URL = exports.DEFAULT_DOCS_URL = exports.SupportLevelWarnings = exports.NPM_COMMAND_TIMEOUT_MILLIES = void 0;
 const clc = require("colorette");
+const experiments = require("../experiments");
 exports.NPM_COMMAND_TIMEOUT_MILLIES = 10000;
 exports.SupportLevelWarnings = {
     ["experimental"]: (framework) => `Thank you for trying our ${clc.italic("experimental")} support for ${framework} on Firebase Hosting.
-   ${clc.yellow(`While this integration is maintained by Googlers it is not a supported Firebase product.
+   ${clc.red(`While this integration is maintained by Googlers it is not a supported Firebase product.
    Issues filed on GitHub will be addressed on a best-effort basis by maintainers and other community members.`)}`,
     ["preview"]: (framework) => `Thank you for trying our ${clc.italic("early preview")} of ${framework} support on Firebase Hosting.
-   ${clc.yellow("During the preview, support is best-effort and breaking changes can be expected. Proceed with caution.")}`,
+   ${clc.red("During the preview, support is best-effort and breaking changes can be expected. Proceed with caution.")}`,
 };
 exports.DEFAULT_DOCS_URL = "https://firebase.google.com/docs/hosting/frameworks/frameworks-overview";
 exports.FILE_BUG_URL = "https://github.com/firebase/firebase-tools/issues/new?template=bug_report.md";
 exports.FEATURE_REQUEST_URL = "https://github.com/firebase/firebase-tools/issues/new?template=feature_request.md";
 exports.MAILING_LIST_URL = "https://goo.gle/41enW5X";
-exports.FIREBASE_FRAMEWORKS_VERSION = "^0.11.0";
+const DEFAULT_FIREBASE_FRAMEWORKS_VERSION = "^0.11.0";
+exports.FIREBASE_FRAMEWORKS_VERSION = (experiments.isEnabled("internaltesting") && process.env.FIREBASE_FRAMEWORKS_VERSION) ||
+    DEFAULT_FIREBASE_FRAMEWORKS_VERSION;
 exports.FIREBASE_FUNCTIONS_VERSION = "^4.5.0";
 exports.FIREBASE_ADMIN_VERSION = "^11.11.1";
-exports.SHARP_VERSION = "^0.33.0";
+exports.SHARP_VERSION = "^0.32.1";
 exports.NODE_VERSION = parseInt(process.versions.node, 10);
 exports.VALID_ENGINES = { node: [16, 18, 20] };
 exports.VALID_LOCALE_FORMATS = [/^ALL_[a-z]+$/, /^[a-z]+_ALL$/, /^[a-z]+(_[a-z]+)?$/];
 exports.DEFAULT_REGION = "us-central1";
 exports.ALLOWED_SSR_REGIONS = [
-    { name: "us-central1 (Iowa)", value: "us-central1" },
-    { name: "us-west1 (Oregon)", value: "us-west1" },
-    { name: "us-east1 (South Carolina)", value: "us-east1" },
-    { name: "europe-west1 (Belgium)", value: "europe-west1" },
-    { name: "asia-east1 (Taiwan)", value: "asia-east1" },
+    { name: "us-central1 (Iowa)", value: "us-central1", recommended: true },
+    { name: "us-east1 (South Carolina)", value: "us-east1", recommended: true },
+    { name: "us-east4 (Northern Virginia)", value: "us-east4" },
+    { name: "us-west1 (Oregon)", value: "us-west1", recommended: true },
+    { name: "us-west2 (Los Angeles)", value: "us-west2" },
+    { name: "us-west3 (Salt Lake City)", value: "us-west3" },
+    { name: "us-west4 (Las Vegas)", value: "us-west4" },
+    { name: "asia-east1 (Taiwan)", value: "asia-east1", recommended: true },
+    { name: "asia-east2 (Hong Kong)", value: "asia-east2" },
+    { name: "asia-northeast1 (Tokyo)", value: "asia-northeast1" },
+    { name: "asia-northeast2 (Osaka)", value: "asia-northeast2" },
+    { name: "asia-northeast3 (Seoul)", value: "asia-northeast3" },
+    { name: "asia-south1 (Mumbai)", value: "asia-south1" },
+    { name: "asia-south2 (Delhi)", value: "asia-south2" },
+    { name: "asia-southeast1 (Singapore)", value: "asia-southeast1" },
+    { name: "asia-southeast2 (Jakarta)", value: "asia-southeast2" },
+    { name: "australia-southeast1 (Sydney)", value: "australia-southeast1" },
+    { name: "australia-southeast2 (Melbourne)", value: "australia-southeast2" },
+    { name: "europe-central2 (Warsaw)", value: "europe-central2" },
+    { name: "europe-north1 (Finland)", value: "europe-north1" },
+    { name: "europe-west1 (Belgium)", value: "europe-west1", recommended: true },
+    { name: "europe-west2 (London)", value: "europe-west2" },
+    { name: "europe-west3 (Frankfurt)", value: "europe-west3" },
+    { name: "europe-west4 (Netherlands)", value: "europe-west4" },
+    { name: "europe-west6 (Zurich)", value: "europe-west6" },
+    { name: "northamerica-northeast1 (Montreal)", value: "northamerica-northeast1" },
+    { name: "northamerica-northeast2 (Toronto)", value: "northamerica-northeast2" },
+    { name: "southamerica-east1 (São Paulo)", value: "southamerica-east1" },
+    { name: "southamerica-west1 (Santiago)", value: "southamerica-west1" },
 ];
 exports.I18N_ROOT = "/";
 function GET_DEFAULT_BUILD_TARGETS() {

package/lib/frameworks/index.js

@@ -119,7 +119,7 @@ async function prepareFrameworks(purpose, targetNames, context, options, emulato
             throw new error_1.FirebaseError(`Hosting config for site ${site} places server-side content in region ${ssrRegion} which is not known. Valid regions are ${validRegions}`);
         }
         const getProjectPath = (...args) => (0, path_1.join)(projectRoot, source, ...args);
-        const functionId = `ssr${site.toLowerCase().replace(/-/g, "")}`;
+        const functionId = `ssr${site.toLowerCase().replace(/-/g, "").substring(0, 20)}`;
         const usesFirebaseAdminSdk = !!(0, utils_1.findDependency)("firebase-admin", { cwd: getProjectPath() });
         const usesFirebaseJsSdk = !!(0, utils_1.findDependency)("@firebase/app", { cwd: getProjectPath() });
         if (usesFirebaseAdminSdk) {
@@ -190,8 +190,8 @@ async function prepareFrameworks(purpose, targetNames, context, options, emulato
             throw new error_1.FirebaseError((0, utils_1.frameworksCallToAction)("Unable to detect the web framework in use, check firebase-debug.log for more info."));
         }
         const { framework, mayWantBackend, publicDirectory } = results;
-        const { build, ɵcodegenPublicDirectory, ɵcodegenFunctionsDirectory: codegenProdModeFunctionsDirectory, getDevModeHandle, name, support, docsUrl, getValidBuildTargets = constants_2.GET_DEFAULT_BUILD_TARGETS, shouldUseDevModeHandle = constants_2.DEFAULT_SHOULD_USE_DEV_MODE_HANDLE, } = frameworks_1.WebFrameworks[framework];
-        logger_1.logger.info(`\n${(0, utils_1.frameworksCallToAction)(constants_2.SupportLevelWarnings[support](name), docsUrl, "   ")}\n`);
+        const { build, ɵcodegenPublicDirectory, ɵcodegenFunctionsDirectory: codegenProdModeFunctionsDirectory, getDevModeHandle, name, support, docsUrl, supportedRange, getValidBuildTargets = constants_2.GET_DEFAULT_BUILD_TARGETS, shouldUseDevModeHandle = constants_2.DEFAULT_SHOULD_USE_DEV_MODE_HANDLE, } = frameworks_1.WebFrameworks[framework];
+        logger_1.logger.info(`\n${(0, utils_1.frameworksCallToAction)(constants_2.SupportLevelWarnings[support](name), docsUrl, "   ", name, results.version, supportedRange, results.vite)}\n`);
         const hostingEmulatorInfo = emulators.find((e) => e.name === types_1.Emulators.HOSTING);
         const validBuildTargets = await getValidBuildTargets(purpose, getProjectPath());
         const frameworksBuildTarget = (0, utils_1.getFrameworksBuildTarget)(purpose, validBuildTargets);

package/lib/frameworks/next/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.init = exports.build = exports.discover = exports.docsUrl = exports.type = exports.support = exports.name = void 0;
+exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.init = exports.build = exports.discover = exports.docsUrl = exports.type = exports.support = exports.name = exports.supportedRange = void 0;
 const child_process_1 = require("child_process");
 const cross_spawn_1 = require("cross-spawn");
 const promises_1 = require("fs/promises");
@@ -25,6 +25,7 @@ const api_1 = require("../../hosting/api");
 const logger_1 = require("../../logger");
 const DEFAULT_BUILD_SCRIPT = ["next build"];
 const PUBLIC_DIR = "public";
+exports.supportedRange = "12 - 14.0";
 exports.name = "Next.js";
 exports.support = "preview";
 exports.type = 2;
@@ -38,9 +39,10 @@ function getReactVersion(cwd) {
 async function discover(dir) {
     if (!(await (0, fs_extra_1.pathExists)((0, path_1.join)(dir, "package.json"))))
         return;
-    if (!(await (0, fs_extra_1.pathExists)("next.config.js")) && !(0, utils_2.getNextVersion)(dir))
+    const version = (0, utils_2.getNextVersion)(dir);
+    if (!(await (0, fs_extra_1.pathExists)("next.config.js")) && !version)
         return;
-    return { mayWantBackend: true, publicDirectory: (0, path_1.join)(dir, PUBLIC_DIR) };
+    return { mayWantBackend: true, publicDirectory: (0, path_1.join)(dir, PUBLIC_DIR), version };
 }
 exports.discover = discover;
 async function build(dir) {
@@ -186,7 +188,7 @@ async function init(setup, config) {
         message: "What language would you like to use?",
         choices: ["JavaScript", "TypeScript"],
     });
-    (0, child_process_1.execSync)(`npx --yes create-next-app@latest -e hello-world ${setup.hosting.source} --use-npm ${language === "TypeScript" ? "--ts" : "--js"}`, { stdio: "inherit", cwd: config.projectDir });
+    (0, child_process_1.execSync)(`npx --yes create-next-app@"${exports.supportedRange}" -e hello-world ${setup.hosting.source} --use-npm ${language === "TypeScript" ? "--ts" : "--js"}`, { stdio: "inherit", cwd: config.projectDir });
 }
 exports.init = init;
 async function ɵcodegenPublicDirectory(sourceDir, destDir, _, context) {

package/lib/frameworks/nuxt/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfig = exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.type = exports.support = exports.name = void 0;
+exports.init = exports.getConfig = exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.supportedRange = exports.type = exports.support = exports.name = void 0;
 const fs_extra_1 = require("fs-extra");
 const promises_1 = require("fs/promises");
 const path_1 = require("path");
@@ -11,20 +11,22 @@ const utils_2 = require("./utils");
 exports.name = "Nuxt";
 exports.support = "experimental";
 exports.type = 4;
+exports.supportedRange = "3";
 const utils_3 = require("./utils");
 const error_1 = require("../../error");
+const child_process_1 = require("child_process");
 const DEFAULT_BUILD_SCRIPT = ["nuxt build", "nuxi build"];
 async function discover(dir) {
     if (!(await (0, fs_extra_1.pathExists)((0, path_1.join)(dir, "package.json"))))
         return;
     const anyConfigFileExists = await (0, utils_3.nuxtConfigFilesExist)(dir);
-    const nuxtVersion = (0, utils_2.getNuxtVersion)(dir);
-    if (!anyConfigFileExists && !nuxtVersion)
+    const version = (0, utils_2.getNuxtVersion)(dir);
+    if (!anyConfigFileExists && !version)
         return;
-    if (nuxtVersion && (0, semver_1.lt)(nuxtVersion, "3.0.0-0"))
+    if (version && (0, semver_1.lt)(version, "3.0.0-0"))
         return;
     const { dir: { public: publicDirectory }, ssr: mayWantBackend, } = await getConfig(dir);
-    return { publicDirectory, mayWantBackend };
+    return { publicDirectory, mayWantBackend, version };
 }
 exports.discover = discover;
 async function build(cwd) {
@@ -90,3 +92,11 @@ async function getConfig(dir) {
     return await loadNuxtConfig(dir);
 }
 exports.getConfig = getConfig;
+function init(setup, config) {
+    (0, child_process_1.execSync)(`npx --yes nuxi@"${exports.supportedRange}" init ${setup.hosting.source}`, {
+        stdio: "inherit",
+        cwd: config.projectDir,
+    });
+    return Promise.resolve();
+}
+exports.init = init;

package/lib/frameworks/nuxt2/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.type = exports.support = exports.name = void 0;
+exports.getDevModeHandle = exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.discover = exports.supportedRange = exports.type = exports.support = exports.name = void 0;
 const fs_extra_1 = require("fs-extra");
 const promises_1 = require("fs/promises");
 const path_1 = require("path");
@@ -12,6 +12,7 @@ const cross_spawn_1 = require("cross-spawn");
 exports.name = "Nuxt";
 exports.support = "experimental";
 exports.type = 2;
+exports.supportedRange = "2";
 async function getAndLoadNuxt(options) {
     const nuxt = await (0, utils_1.relativeRequire)(options.rootDir, "nuxt/dist/nuxt.js");
     const app = await nuxt.loadNuxt(options);
@@ -21,11 +22,11 @@ async function getAndLoadNuxt(options) {
 async function discover(rootDir) {
     if (!(await (0, fs_extra_1.pathExists)((0, path_1.join)(rootDir, "package.json"))))
         return;
-    const nuxtVersion = (0, utils_2.getNuxtVersion)(rootDir);
-    if (!nuxtVersion || (nuxtVersion && (0, semver_1.gte)(nuxtVersion, "3.0.0-0")))
+    const version = (0, utils_2.getNuxtVersion)(rootDir);
+    if (!version || (version && (0, semver_1.gte)(version, "3.0.0-0")))
         return;
     const { app } = await getAndLoadNuxt({ rootDir, for: "build" });
-    return { mayWantBackend: true, publicDirectory: app.options.dir.static };
+    return { mayWantBackend: true, publicDirectory: app.options.dir.static, version };
 }
 exports.discover = discover;
 async function build(rootDir) {

package/lib/frameworks/sveltekit/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.getDevModeHandle = exports.discover = exports.type = exports.support = exports.name = void 0;
+exports.ɵcodegenFunctionsDirectory = exports.ɵcodegenPublicDirectory = exports.build = exports.supportedRange = exports.getDevModeHandle = exports.discover = exports.type = exports.support = exports.name = void 0;
 const fs_extra_1 = require("fs-extra");
 const path_1 = require("path");
 const vite_1 = require("../vite");
@@ -12,6 +12,7 @@ exports.type = 2;
 exports.discover = (0, vite_1.viteDiscoverWithNpmDependency)("@sveltejs/kit");
 var vite_2 = require("../vite");
 Object.defineProperty(exports, "getDevModeHandle", { enumerable: true, get: function () { return vite_2.getDevModeHandle; } });
+Object.defineProperty(exports, "supportedRange", { enumerable: true, get: function () { return vite_2.supportedRange; } });
 async function build(root) {
     var _a;
     const config = await getConfig(root);

package/lib/frameworks/utils.js

@@ -7,6 +7,7 @@ const promises_1 = require("fs/promises");
 const http_1 = require("http");
 const cross_spawn_1 = require("cross-spawn");
 const clc = require("colorette");
+const semver_1 = require("semver");
 const logger_1 = require("../logger");
 const error_1 = require("../error");
 const fsutils_1 = require("../fsutils");
@@ -206,20 +207,23 @@ function relativeRequire(dir, mod) {
     }
 }
 exports.relativeRequire = relativeRequire;
-function conjoinOptions(opts, conjunction = "and", separator = ",") {
-    if (!opts.length)
-        return;
+function conjoinOptions(_opts, conjunction = "and", separator = ",") {
+    if (!_opts.length)
+        return "";
+    const opts = _opts.map((it) => it.toString().trim());
     if (opts.length === 1)
-        return opts[0].toString();
+        return opts[0];
     if (opts.length === 2)
-        return `${opts[0].toString()} ${conjunction} ${opts[1].toString()}`;
-    const lastElement = opts.slice(-1)[0].toString();
-    const allButLast = opts.slice(0, -1).map((it) => it.toString());
+        return `${opts[0]} ${conjunction} ${opts[1]}`;
+    const lastElement = opts.slice(-1)[0];
+    const allButLast = opts.slice(0, -1);
     return `${allButLast.join(`${separator} `)}${separator} ${conjunction} ${lastElement}`;
 }
 exports.conjoinOptions = conjoinOptions;
-function frameworksCallToAction(message, docsUrl = constants_1.DEFAULT_DOCS_URL, prefix = "") {
-    return `${prefix}${message}
+function frameworksCallToAction(message, docsUrl = constants_1.DEFAULT_DOCS_URL, prefix = "", framework, version, supportedRange, vite = false) {
+    return `${prefix}${message}${framework && supportedRange && (!version || !(0, semver_1.satisfies)(version, supportedRange))
+        ? clc.yellow(`\n${prefix}The integration is known to work with ${vite ? "Vite" : framework} version ${clc.italic(conjoinOptions(supportedRange.split("||")))}. You may encounter errors.`)
+        : ``}
 
 ${prefix}${clc.bold("Documentation:")} ${docsUrl}
 ${prefix}${clc.bold("File a bug:")} ${constants_1.FILE_BUG_URL}