feat: render warning when using a tagged or outdated version (t3-oss#727)

Author: juliusmarminge

.changeset/warm-sheep-suffer.md

@@ -0,0 +1,5 @@
+---
+"create-t3-app": minor
+---
+
+feat: add warning message when not using latest

cli/src/index.ts

@@ -10,6 +10,10 @@ import { buildPkgInstallerMap } from "~/installers/index.js";
 import { logger } from "~/utils/logger.js";
 import { parseNameAndPath } from "~/utils/parseNameAndPath.js";
 import { renderTitle } from "~/utils/renderTitle.js";
+import {
+  getNpmVersion,
+  renderVersionWarning,
+} from "./utils/renderVersionWarning.js";
 import { installDependencies } from "./helpers/installDependencies.js";
 import { getVersion } from "./utils/getT3Version.js";
 
@@ -20,7 +24,9 @@ type CT3APackageJSON = PackageJson & {
 };
 
 const main = async () => {
+  const npmVersion = await getNpmVersion();
   renderTitle();
+  npmVersion && renderVersionWarning(npmVersion);
 
   const {
     appName,

cli/src/utils/renderVersionWarning.ts

@@ -0,0 +1,72 @@
+import { execSync } from "child_process";
+import { getVersion } from "./getT3Version.js";
+import { logger } from "./logger.js";
+
+export const renderVersionWarning = (npmVersion: string) => {
+  const currentVersion = getVersion();
+
+  //   console.log("current", currentVersion);
+  //   console.log("npm", npmVersion);
+
+  if (currentVersion.includes("beta")) {
+    logger.warn("  You are using a beta version of create-t3-app.");
+    logger.warn("  Please report any bugs you encounter.");
+  } else if (currentVersion.includes("next")) {
+    logger.warn(
+      "  You are running create-t3-app with the @next tag which is no longer maintained.",
+    );
+    logger.warn("  Please run the CLI with @latest instead.");
+  } else if (currentVersion !== npmVersion) {
+    logger.warn("  You are using an outdated version of create-t3-app.");
+    logger.warn(
+      "  Your version:",
+      currentVersion + ".",
+      "Latest version in the npm registry:",
+      npmVersion,
+    );
+    logger.warn("  Please run the CLI with @latest to get the latest updates.");
+  }
+  console.log("");
+};
+
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/facebook/create-react-app/blob/main/packages/create-react-app/LICENSE
+ */
+import https from "https";
+function checkForLatestVersion(): Promise<string> {
+  return new Promise((resolve, reject) => {
+    https
+      .get(
+        "https://registry.npmjs.org/-/package/create-t3-app/dist-tags",
+        (res) => {
+          if (res.statusCode === 200) {
+            let body = "";
+            res.on("data", (data) => (body += data));
+            res.on("end", () => {
+              resolve(JSON.parse(body).latest);
+            });
+          } else {
+            reject();
+          }
+        },
+      )
+      .on("error", () => {
+        // logger.error("Unable to check for latest version.");
+        reject();
+      });
+  });
+}
+
+export const getNpmVersion = () =>
+  // `fetch` to the registry is faster than `npm view` so we try that first
+  checkForLatestVersion().catch(() => {
+    try {
+      return execSync("npm view create-t3-app version").toString().trim();
+    } catch {
+      return null;
+    }
+  });