create-cloudflare 0.0.0-ec358f4f → 0.0.0-f753f3af

package/dist/cli.js

@@ -59410,7 +59410,7 @@ var Yargs = YargsFactory(esm_default);
 var yargs_default = Yargs;
 
 // package.json
-var version = "0.0.0-ec358f4f";
+var version = "0.0.0-f753f3af";
 
 // src/common.ts
 var import_fs6 = require("fs");
@@ -60024,6 +60024,9 @@ var readJSON = (path3) => {
   const contents = readFile(path3);
   return contents ? JSON.parse(contents) : contents;
 };
+var writeJSON = (path3, object, stringifySpace) => {
+  writeFile2(path3, JSON.stringify(object, null, stringifySpace));
+};
 var probePaths = (paths, errorMsg = "Failed to find required file.") => {
   for (const path3 of paths) {
     if ((0, import_fs7.existsSync)(path3)) {
@@ -60036,6 +60039,35 @@ var probePaths = (paths, errorMsg = "Failed to find required file.") => {
 var usesTypescript = (projectRoot = ".") => {
   return (0, import_fs7.existsSync)(`${projectRoot}/tsconfig.json`);
 };
+var eslintRcExts = ["js", "cjs", "yaml", "yml", "json"];
+var usesEslint = (ctx) => {
+  for (const ext of eslintRcExts) {
+    const eslintRcFilename = `.eslintrc.${ext}`;
+    if ((0, import_fs7.existsSync)(`${ctx.project.path}/${eslintRcFilename}`)) {
+      return {
+        used: true,
+        configType: eslintRcFilename
+      };
+    }
+  }
+  if ((0, import_fs7.existsSync)(`${ctx.project.path}/eslint.config.js`)) {
+    return {
+      used: true,
+      configType: "eslint.config.js"
+    };
+  }
+  try {
+    const pkgJson = readJSON(`${ctx.project.path}/package.json`);
+    if (pkgJson.eslintConfig) {
+      return {
+        used: true,
+        configType: "package.json"
+      };
+    }
+  } catch {
+  }
+  return { used: false };
+};
 var compatDateFlag = () => {
   const date = /* @__PURE__ */ new Date();
   return `--compatibility-date=${date.toISOString().slice(0, 10)}`;
@@ -60341,14 +60373,50 @@ var configure3 = async (ctx) => {
   );
   writeFile2(handlerPath, handlerFile);
   updateStatus("Created an example API route handler");
+  const installEslintPlugin = await shouldInstallNextOnPagesEslintPlugin(ctx);
+  if (installEslintPlugin) {
+    await writeEslintrc(ctx);
+  }
   process.chdir(projectName);
-  const packages = ["@cloudflare/next-on-pages@1", "vercel"];
+  const packages = [
+    "@cloudflare/next-on-pages@1",
+    "vercel",
+    ...installEslintPlugin ? ["eslint-plugin-next-on-pages"] : []
+  ];
   await installPackages(packages, {
     dev: true,
     startText: "Adding the Cloudflare Pages adapter",
     doneText: `${brandColor(`installed`)} ${dim(packages.join(", "))}`
   });
 };
+var shouldInstallNextOnPagesEslintPlugin = async (ctx) => {
+  const eslintUsage = usesEslint(ctx);
+  if (!eslintUsage.used)
+    return false;
+  if (eslintUsage.configType !== ".eslintrc.json") {
+    warn(
+      `Expected .eslintrc.json from Next.js scaffolding but found ${eslintUsage.configType} instead`
+    );
+    return false;
+  }
+  return await processArgument(ctx.args, "eslint-plugin", {
+    type: "confirm",
+    question: "Do you want to use the next-on-pages eslint-plugin?",
+    label: "eslint-plugin",
+    defaultValue: true
+  });
+};
+var writeEslintrc = async (ctx) => {
+  const eslintConfig = readJSON(`${ctx.project.name}/.eslintrc.json`);
+  eslintConfig.plugins ??= [];
+  eslintConfig.plugins.push("eslint-plugin-next-on-pages");
+  if (typeof eslintConfig.extends === "string") {
+    eslintConfig.extends = [eslintConfig.extends];
+  }
+  eslintConfig.extends ??= [];
+  eslintConfig.extends.push("plugin:eslint-plugin-next-on-pages/recommended");
+  writeJSON(`${ctx.project.name}/.eslintrc.json`, eslintConfig, 2);
+};
 var config6 = {
   generate: generate6,
   configure: configure3,
@@ -60385,6 +60453,7 @@ var generate7 = async (ctx) => {
 };
 var configure4 = async (ctx) => {
   process.chdir(ctx.project.path);
+  writeFile2("./.node-version", "17");
   await npmInstall();
 };
 var config7 = {
@@ -60392,8 +60461,9 @@ var config7 = {
   configure: configure4,
   displayName: "Nuxt",
   packageScripts: {
+    build: (cmd) => `NITRO_PRESET=cloudflare-pages ${cmd}`,
     "pages:dev": `wrangler pages dev ${compatDateFlag()} --proxy 3000 -- npm run dev`,
-    "pages:deploy": `NODE_VERSION=17 npm run generate && wrangler pages deploy ./dist`
+    "pages:deploy": "npm run build && wrangler pages deploy ./dist"
   }
 };
 var nuxt_default = config7;
@@ -60743,11 +60813,29 @@ var updatePackageScripts = async (ctx) => {
   const { packageScripts } = ctx.framework?.config ?? {};
   if (packageScripts) {
     const s = spinner();
-    s.start(`Adding command scripts`, `for development and deployment`);
+    const updatingScripts = Object.entries(packageScripts).filter(
+      ([_3, cmdOrUpdater]) => typeof cmdOrUpdater === "function"
+    ).length > 0;
+    s.start(
+      `${updatingScripts ? "Updating" : "Adding"} command scripts`,
+      "for development and deployment"
+    );
     const pkgJsonPath = (0, import_path8.resolve)("package.json");
     const pkgConfig = readJSON(pkgJsonPath);
-    Object.entries(packageScripts).forEach(([target, command2]) => {
-      pkgConfig.scripts[target] = command2;
+    Object.entries(packageScripts).forEach(([target, cmdOrUpdater]) => {
+      if (typeof cmdOrUpdater === "string") {
+        const command2 = cmdOrUpdater;
+        pkgConfig.scripts[target] = command2;
+      } else {
+        const existingCommand = pkgConfig.scripts[target];
+        if (!existingCommand) {
+          throw new Error(
+            `Could not find ${target} script to update during ${ctx.framework} setup`
+          );
+        }
+        const updater = cmdOrUpdater;
+        pkgConfig.scripts[target] = updater(existingCommand);
+      }
     });
     writeFile2(pkgJsonPath, JSON.stringify(pkgConfig, null, 2));
     s.stop(`${brandColor("added")} ${dim("commands to `package.json`")}`);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-cloudflare",
-	"version": "0.0.0-ec358f4f",
+	"version": "0.0.0-f753f3af",
 	"description": "A CLI for creating and deploying new applications to Cloudflare.",
 	"keywords": [
 		"cloudflare",