@shopify/create-hydrogen 4.3.6 → 4.3.8

package/dist/create-app.js

@@ -1,4 +1,35 @@
 #!/usr/bin/env node
+import { join } from 'node:path';
+import { tmpdir } from 'node:os';
 import { runInit } from '@shopify/cli-hydrogen/commands/hydrogen/init';
 
+let isReactError = false;
+const reactErrorRE = /(useState|Invalid hook call)/gims;
+const stdoutWrite = process.stdout.write.bind(process.stdout);
+process.stdout.write = function(item, encoding, cb) {
+  if (reactErrorRE.test(item?.toString() ?? "")) {
+    isReactError = true;
+  } else {
+    stdoutWrite(item, encoding, cb);
+  }
+};
+const stderrWrite = process.stderr.write.bind(process.stderr);
+process.stderr.write = function(item, encoding, cb) {
+  if (reactErrorRE.test(item?.toString() ?? "")) {
+    isReactError = true;
+  } else {
+    stderrWrite(item, encoding, cb);
+  }
+};
+process.on("beforeExit", () => {
+  if (isReactError) {
+    const randomTmpDir = join(tmpdir(), Math.random().toString(36).slice(2));
+    const message = `There is a React version mismatch. If this command failed, try the following:
+
+npm create @shopify/hydrogen@latest --legacy-peer-deps --cache ${randomTmpDir}
+
+Learn more in https://github.com/Shopify/hydrogen/discussions/2055`;
+    console.warn("\n\x1B[30m\x1B[43m WARNING \x1B[0m", message);
+  }
+});
 runInit();

package/package.json

@@ -5,7 +5,7 @@
     "@shopify:registry": "https://registry.npmjs.org"
   },
   "license": "MIT",
-  "version": "4.3.6",
+  "version": "4.3.8",
   "type": "module",
   "scripts": {
     "build": "tsup --clean",
@@ -13,7 +13,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@shopify/cli-hydrogen": "^8.0.0"
+    "@shopify/cli-hydrogen": "^8.0.3"
   },
   "bin": "dist/create-app.js",
   "files": [