Version Packages (#10343)

This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## vercel@31.3.1

### Patch Changes

- Updated dependencies
\[[`844fb6e88`](844fb6e880)]:
    -   @vercel/remix-builder@1.10.1

## @vercel/remix-builder@1.10.1

### Patch Changes

- Set default env vars for Hydrogen v2 deployments
([#10341](https://github.com/vercel/vercel/pull/10341))

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

examples/hydrogen-2/README.md

@@ -34,10 +34,15 @@ Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dov
 
 ## Environment Variables
 
-Using Hydrogen requires a few environment variables to be set in order to properly connect to Shopify. For this template, the minimal set of environment variables are defined in the `vercel.json` file, which will be applied to the deployment when deployed to Vercel. However, you should migrate these default environment variables to your Project's Environment Variables configuration in the Vercel dashboard (or using the `vc env` commands), and update them according to your needs (also change the `SESSION_SECRET` to your own value).
+Using Hydrogen requires a few [environment variables](https://shopify.dev/docs/custom-storefronts/hydrogen/environment-variables) to be set in order to properly connect to Shopify. For this template, the minimal set of environment variables are defined in the `vercel.json` file, which will be applied to the deployment when deployed to Vercel. However, you should migrate these default environment variables to your Project's Environment Variables configuration in the Vercel dashboard (or using the `vc env` commands), and update them according to your needs (also change the `SESSION_SECRET` to your own value). Once that is done, delete the `vercel.json` file from your project to prevent the environment variables defined there from taking precedence.
 
 ## Local development
 
+Rename the `.env.example` file to `.env` in order for the Shopify dev server to use those environment variables during local development. If you defined/modified additional environment variables based on the section above, be sure to apply those changes in your `.env` file as well.
+
+Then run the following commands:
+
 ```bash
+npm install
 npm run dev
 ```

packages/cli/CHANGELOG.md

@@ -1,5 +1,12 @@
 # vercel
 
+## 31.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`844fb6e88`](https://github.com/vercel/vercel/commit/844fb6e880a980f26945f15a7437b4d67bcb5394)]:
+  - @vercel/remix-builder@1.10.1
+
 ## 31.3.0
 
 ### Minor Changes

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vercel",
-  "version": "31.3.0",
+  "version": "31.3.1",
   "preferGlobal": true,
   "license": "Apache-2.0",
   "description": "The command-line interface for Vercel",
@@ -38,7 +38,7 @@
     "@vercel/node": "2.15.10",
     "@vercel/python": "3.1.60",
     "@vercel/redwood": "1.1.15",
-    "@vercel/remix-builder": "1.10.0",
+    "@vercel/remix-builder": "1.10.1",
     "@vercel/ruby": "1.3.76",
     "@vercel/static-build": "1.3.46"
   },

packages/cli/test/helpers/prepare.js

@@ -334,7 +334,7 @@ module.exports = async function prepare(session, binaryPath, tmpFixturesDir) {
       'vercel.json': JSON.stringify({
         functions: {
           'api/**/*.php': {
-            runtime: 'vercel-php@0.5.2',
+            runtime: 'vercel-php@0.6.0',
           },
         },
       }),

packages/remix/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vercel/remix-builder
 
+## 1.10.1
+
+### Patch Changes
+
+- Set default env vars for Hydrogen v2 deployments ([#10341](https://github.com/vercel/vercel/pull/10341))
+
 ## 1.10.0
 
 ### Minor Changes

packages/remix/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/remix-builder",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
   "homepage": "https://vercel.com/docs",

packages/remix/src/hydrogen.ts

@@ -97,9 +97,22 @@ export function patchHydrogenServer(
     .join(', ')}) ${fetchMethod.getBody()!.getText()}`;
   defaultExportSymbol.replaceWithText(newFunction);
 
+  const defaultEnvVars = {
+    SESSION_SECRET: 'foobar',
+    PUBLIC_STORE_DOMAIN: 'mock.shop',
+  };
   const envCode = `const env = { ${envProperties
     .map(name => `${name}: process.env.${name}`)
-    .join(', ')} };`;
+    .join(', ')} };\n${Object.entries(defaultEnvVars)
+    .map(
+      ([k, v]) =>
+        `if (!env.${k}) { env.${k} = ${JSON.stringify(
+          v
+        )}; console.warn('Warning: ${JSON.stringify(
+          k
+        )} env var not set - using default value ${JSON.stringify(v)}'); }`
+    )
+    .join('\n')}`;
 
   const updatedCodeString = sourceFile.getFullText();
   return `${envCode}\n${updatedCodeString}`;

packages/remix/test/fixtures/10-hydrogen-2/vercel.json

@@ -1,12 +0,0 @@
-{
-  "build": {
-    "env":{
-        "SESSION_SECRET":"foobar",
-        "PUBLIC_STORE_DOMAIN":"mock.shop"
-    }
-  },
-  "env":{
-    "SESSION_SECRET":"foobar",
-    "PUBLIC_STORE_DOMAIN":"mock.shop"
-  }
-}

packages/remix/test/fixtures/11-hydrogen-2-js/vercel.json

@@ -1,12 +0,0 @@
-{
-  "build": {
-    "env":{
-        "SESSION_SECRET":"foobar",
-        "PUBLIC_STORE_DOMAIN":"mock.shop"
-    }
-  },
-  "env":{
-    "SESSION_SECRET":"foobar",
-    "PUBLIC_STORE_DOMAIN":"mock.shop"
-  }
-}

pnpm-lock.yaml

@@ -328,7 +328,7 @@ importers:
         specifier: 1.1.15
         version: link:../redwood
       '@vercel/remix-builder':
-        specifier: 1.10.0
+        specifier: 1.10.1
         version: link:../remix
       '@vercel/ruby':
         specifier: 1.3.76