@shopify/cli-hydrogen 8.0.2 → 8.0.4

package/oclif.manifest.json

@@ -1,89 +1,6 @@
 {
   "commands": {
     "hydrogen:build": {
-      "aliases": [],
-      "args": {},
-      "description": "Builds a Hydrogen storefront for production.",
-      "flags": {
-        "path": {
-          "description": "The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_PATH",
-          "name": "path",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "sourcemap": {
-          "description": "Controls whether sourcemaps are generated. Default to `true`. Deactivate `--no-sourcemaps`.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_SOURCEMAP",
-          "name": "sourcemap",
-          "allowNo": true,
-          "type": "boolean"
-        },
-        "bundle-stats": {
-          "description": "Show a bundle size summary after building. Defaults to true, use `--no-bundle-stats` to disable.",
-          "name": "bundle-stats",
-          "allowNo": true,
-          "type": "boolean"
-        },
-        "lockfile-check": {
-          "description": "Checks that there is exactly one valid lockfile in the project. Defaults to `true`. Deactivate with `--no-lockfile-check`.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_LOCKFILE_CHECK",
-          "name": "lockfile-check",
-          "allowNo": true,
-          "type": "boolean"
-        },
-        "disable-route-warning": {
-          "description": "Disables any warnings about missing standard routes.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_DISABLE_ROUTE_WARNING",
-          "name": "disable-route-warning",
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "codegen": {
-          "description": "Automatically generates GraphQL types for your project’s Storefront API queries.",
-          "name": "codegen",
-          "required": false,
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "codegen-config-path": {
-          "dependsOn": [
-            "codegen"
-          ],
-          "description": "Specifies a path to a codegen configuration file. Defaults to `<root>/codegen.ts` if this file exists.",
-          "name": "codegen-config-path",
-          "required": false,
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "diff": {
-          "description": "Applies the current files on top of Hydrogen's starter template in a temporary directory.",
-          "hidden": true,
-          "name": "diff",
-          "required": false,
-          "allowNo": false,
-          "type": "boolean"
-        }
-      },
-      "hasDynamicHelp": false,
-      "hiddenAliases": [],
-      "id": "hydrogen:build",
-      "pluginAlias": "@shopify/cli-hydrogen",
-      "pluginName": "@shopify/cli-hydrogen",
-      "pluginType": "core",
-      "strict": true,
-      "descriptionWithMarkdown": "Builds a Hydrogen storefront for production. The client and app worker files are compiled to a `/dist` folder in your Hydrogen project directory.",
-      "isESM": true,
-      "relativePath": [
-        "dist",
-        "commands",
-        "hydrogen",
-        "build.js"
-      ]
-    },
-    "hydrogen:build-vite": {
       "aliases": [],
       "args": {},
       "description": "Builds a Hydrogen storefront for production.",
@@ -150,22 +67,28 @@
           "required": false,
           "allowNo": false,
           "type": "boolean"
+        },
+        "bundle-stats": {
+          "description": "[Classic Remix Compiler] Show a bundle size summary after building. Defaults to true, use `--no-bundle-stats` to disable.",
+          "name": "bundle-stats",
+          "allowNo": true,
+          "type": "boolean"
         }
       },
       "hasDynamicHelp": false,
-      "hidden": true,
       "hiddenAliases": [],
-      "id": "hydrogen:build-vite",
+      "id": "hydrogen:build",
       "pluginAlias": "@shopify/cli-hydrogen",
       "pluginName": "@shopify/cli-hydrogen",
       "pluginType": "core",
       "strict": true,
+      "descriptionWithMarkdown": "Builds a Hydrogen storefront for production. The client and app worker files are compiled to a `/dist` folder in your Hydrogen project directory.",
       "isESM": true,
       "relativePath": [
         "dist",
         "commands",
         "hydrogen",
-        "build-vite.js"
+        "build.js"
       ]
     },
     "hydrogen:check": {
@@ -555,26 +478,23 @@
           "multiple": false,
           "type": "option"
         },
+        "entry": {
+          "description": "Entry file for the worker. Defaults to `./server`.",
+          "env": "SHOPIFY_HYDROGEN_FLAG_ENTRY",
+          "name": "entry",
+          "hasDynamicHelp": false,
+          "multiple": false,
+          "type": "option"
+        },
         "port": {
           "description": "The port to run the server on. Defaults to 3000.",
           "env": "SHOPIFY_HYDROGEN_FLAG_PORT",
           "name": "port",
+          "required": false,
           "hasDynamicHelp": false,
           "multiple": false,
           "type": "option"
         },
-        "worker": {
-          "hidden": true,
-          "name": "worker",
-          "type": "boolean"
-        },
-        "legacy-runtime": {
-          "description": "Runs the app in a Node.js sandbox instead of an Oxygen worker.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_WORKER",
-          "name": "legacy-runtime",
-          "allowNo": false,
-          "type": "boolean"
-        },
         "codegen": {
           "description": "Automatically generates GraphQL types for your project’s Storefront API queries.",
           "name": "codegen",
@@ -593,13 +513,6 @@
           "multiple": false,
           "type": "option"
         },
-        "sourcemap": {
-          "description": "Controls whether sourcemaps are generated. Default to `true`. Deactivate `--no-sourcemaps`.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_SOURCEMAP",
-          "name": "sourcemap",
-          "allowNo": true,
-          "type": "boolean"
-        },
         "disable-virtual-routes": {
           "description": "Disable rendering fallback routes when a route file doesn't exist.",
           "env": "SHOPIFY_HYDROGEN_FLAG_DISABLE_VIRTUAL_ROUTES",
@@ -675,170 +588,48 @@
           "required": false,
           "allowNo": false,
           "type": "boolean"
-        }
-      },
-      "hasDynamicHelp": false,
-      "hiddenAliases": [],
-      "id": "hydrogen:dev",
-      "pluginAlias": "@shopify/cli-hydrogen",
-      "pluginName": "@shopify/cli-hydrogen",
-      "pluginType": "core",
-      "strict": true,
-      "descriptionWithMarkdown": "Runs a Hydrogen storefront in a local runtime that emulates an Oxygen worker for development.\n\n  If your project is [linked](https://shopify.dev/docs/api/shopify-cli/hydrogen/hydrogen-link) to a Hydrogen storefront, then its environment variables will be loaded with the runtime.",
-      "isESM": true,
-      "relativePath": [
-        "dist",
-        "commands",
-        "hydrogen",
-        "dev.js"
-      ]
-    },
-    "hydrogen:dev-vite": {
-      "aliases": [],
-      "args": {},
-      "description": "Runs Hydrogen storefront in an Oxygen worker for development.",
-      "flags": {
-        "path": {
-          "description": "The path to the directory of the Hydrogen storefront. Defaults to the current directory where the command is run.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_PATH",
-          "name": "path",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "entry": {
-          "description": "Entry file for the worker. Defaults to `./server`.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_ENTRY",
-          "name": "entry",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "port": {
-          "description": "The port to run the server on. Defaults to 3000.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_PORT",
-          "name": "port",
-          "required": false,
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "codegen": {
-          "description": "Automatically generates GraphQL types for your project’s Storefront API queries.",
-          "name": "codegen",
-          "required": false,
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "codegen-config-path": {
-          "dependsOn": [
-            "codegen"
-          ],
-          "description": "Specifies a path to a codegen configuration file. Defaults to `<root>/codegen.ts` if this file exists.",
-          "name": "codegen-config-path",
-          "required": false,
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "disable-virtual-routes": {
-          "description": "Disable rendering fallback routes when a route file doesn't exist.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_DISABLE_VIRTUAL_ROUTES",
-          "name": "disable-virtual-routes",
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "debug": {
-          "description": "Enables inspector connections to the server with a debugger such as Visual Studio Code or Chrome DevTools.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_DEBUG",
-          "name": "debug",
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "inspector-port": {
-          "description": "The port where the inspector is available. Defaults to 9229.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_INSPECTOR_PORT",
-          "name": "inspector-port",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
         },
         "host": {
-          "description": "Expose the server to the network",
+          "description": "Expose the server to the local network",
           "name": "host",
           "required": false,
           "allowNo": false,
           "type": "boolean"
         },
-        "env": {
-          "description": "Specifies the environment to perform the operation using its handle. Fetch the handle using the `env list` command.",
-          "exclusive": [
-            "env-branch"
-          ],
-          "name": "env",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "env-branch": {
-          "deprecated": {
-            "to": "env",
-            "message": "--env-branch is deprecated. Use --env instead."
-          },
-          "description": "Specifies the environment to perform the operation using its Git branch name.",
-          "env": "SHOPIFY_HYDROGEN_ENVIRONMENT_BRANCH",
-          "name": "env-branch",
-          "hasDynamicHelp": false,
-          "multiple": false,
-          "type": "option"
-        },
-        "disable-version-check": {
-          "description": "Skip the version check when running `hydrogen dev`",
-          "name": "disable-version-check",
-          "required": false,
-          "allowNo": false,
-          "type": "boolean"
-        },
-        "diff": {
-          "description": "Applies the current files on top of Hydrogen's starter template in a temporary directory.",
+        "worker": {
           "hidden": true,
-          "name": "diff",
-          "required": false,
-          "allowNo": false,
+          "name": "worker",
           "type": "boolean"
         },
-        "customer-account-push__unstable": {
-          "description": "Use tunneling for local development and push the tunneling domain to admin. Required to use Customer Account API's Oauth flow",
-          "env": "SHOPIFY_HYDROGEN_FLAG_CUSTOMER_ACCOUNT_PUSH",
-          "hidden": true,
-          "name": "customer-account-push__unstable",
-          "required": false,
+        "legacy-runtime": {
+          "description": "[Classic Remix Compiler] Runs the app in a Node.js sandbox instead of an Oxygen worker.",
+          "env": "SHOPIFY_HYDROGEN_FLAG_LEGACY_RUNTIME",
+          "name": "legacy-runtime",
           "allowNo": false,
           "type": "boolean"
         },
-        "verbose": {
-          "description": "Outputs more information about the command's execution.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_VERBOSE",
-          "name": "verbose",
-          "required": false,
-          "allowNo": false,
+        "sourcemap": {
+          "description": "[Classic Remix Compiler] Controls whether sourcemaps are generated. Default to `true`. Deactivate `--no-sourcemaps`.",
+          "env": "SHOPIFY_HYDROGEN_FLAG_SOURCEMAP",
+          "name": "sourcemap",
+          "allowNo": true,
           "type": "boolean"
         }
       },
       "hasDynamicHelp": false,
-      "hidden": true,
       "hiddenAliases": [],
-      "id": "hydrogen:dev-vite",
+      "id": "hydrogen:dev",
       "pluginAlias": "@shopify/cli-hydrogen",
       "pluginName": "@shopify/cli-hydrogen",
       "pluginType": "core",
       "strict": true,
+      "descriptionWithMarkdown": "Runs a Hydrogen storefront in a local runtime that emulates an Oxygen worker for development.\n\n  If your project is [linked](https://shopify.dev/docs/api/shopify-cli/hydrogen/hydrogen-link) to a Hydrogen storefront, then its environment variables will be loaded with the runtime.",
       "isESM": true,
       "relativePath": [
         "dist",
         "commands",
         "hydrogen",
-        "dev-vite.js"
+        "dev.js"
       ]
     },
     "hydrogen:env:list": {
@@ -1435,7 +1226,7 @@
         },
         "legacy-runtime": {
           "description": "Runs the app in a Node.js sandbox instead of an Oxygen worker.",
-          "env": "SHOPIFY_HYDROGEN_FLAG_WORKER",
+          "env": "SHOPIFY_HYDROGEN_FLAG_LEGACY_RUNTIME",
           "name": "legacy-runtime",
           "allowNo": false,
           "type": "boolean"
@@ -1788,5 +1579,5 @@
       ]
     }
   },
-  "version": "8.0.2"
+  "version": "8.0.4"
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "8.0.2",
+  "version": "8.0.4",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -34,10 +34,10 @@
   },
   "dependencies": {
     "@ast-grep/napi": "0.11.0",
-    "@oclif/core": "3.19.6",
-    "@shopify/cli-kit": "3.58.0",
+    "@oclif/core": "3.23.0",
+    "@shopify/cli-kit": "3.59.2",
     "@shopify/oxygen-cli": "~4.4.0",
-    "@shopify/plugin-cloudflare": "3.58.0",
+    "@shopify/plugin-cloudflare": "3.59.2",
     "ansi-escapes": "^6.2.0",
     "cli-truncate": "^4.0.0",
     "diff": "^5.1.0",
@@ -59,8 +59,8 @@
   "peerDependencies": {
     "@graphql-codegen/cli": "^5.0.2",
     "@remix-run/dev": "^2.1.0",
-    "@shopify/hydrogen-codegen": "^0.3.0",
-    "@shopify/mini-oxygen": "^3.0.1",
+    "@shopify/hydrogen-codegen": "^0.3.1",
+    "@shopify/mini-oxygen": "^3.0.2",
     "graphql-config": "^5.0.3",
     "vite": "^5.1.0"
   },

package/dist/commands/hydrogen/build-vite.js

@@ -1,140 +0,0 @@
-import Command from '@shopify/cli-kit/node/base-command';
-import { collectLog, outputWarn } from '@shopify/cli-kit/node/output';
-import { removeFile, fileSize } from '@shopify/cli-kit/node/fs';
-import { resolvePath, joinPath } from '@shopify/cli-kit/node/path';
-import { getPackageManager } from '@shopify/cli-kit/node/node-package-manager';
-import { commonFlags, flagsToCamelObject } from '../../lib/flags.js';
-import { checkLockfileStatus } from '../../lib/check-lockfile.js';
-import { findMissingRoutes } from '../../lib/missing-routes.js';
-import { codegen } from '../../lib/codegen.js';
-import { isCI } from '../../lib/is-ci.js';
-import { prepareDiffDirectory, copyDiffBuild } from '../../lib/template-diff.js';
-import { getViteConfig } from '../../lib/vite-config.js';
-
-const WORKER_BUILD_SIZE_LIMIT = 5;
-class Build extends Command {
-  static description = "Builds a Hydrogen storefront for production.";
-  static flags = {
-    ...commonFlags.path,
-    ...commonFlags.entry,
-    ...commonFlags.sourcemap,
-    ...commonFlags.lockfileCheck,
-    ...commonFlags.disableRouteWarning,
-    ...commonFlags.codegen,
-    ...commonFlags.diff
-  };
-  static hidden = true;
-  async run() {
-    const { flags } = await this.parse(Build);
-    const originalDirectory = flags.path ? resolvePath(flags.path) : process.cwd();
-    let directory = originalDirectory;
-    if (flags.diff) {
-      directory = await prepareDiffDirectory(originalDirectory, false);
-    }
-    await runViteBuild({
-      ...flagsToCamelObject(flags),
-      useCodegen: flags.codegen,
-      directory
-    });
-    if (flags.diff) {
-      await copyDiffBuild(directory, originalDirectory);
-    }
-  }
-}
-async function runViteBuild({
-  entry: ssrEntry,
-  directory,
-  useCodegen = false,
-  codegenConfigPath,
-  sourcemap = false,
-  disableRouteWarning = false,
-  lockfileCheck = true,
-  assetPath = "/"
-}) {
-  if (!process.env.NODE_ENV) {
-    process.env.NODE_ENV = "production";
-  }
-  const root = directory ?? process.cwd();
-  if (lockfileCheck) {
-    await checkLockfileStatus(root, isCI());
-  }
-  const [
-    vite,
-    { userViteConfig, remixConfig, clientOutDir, serverOutDir, serverOutFile }
-  ] = await Promise.all([
-    // Avoid static imports because this file is imported by `deploy` command,
-    // which must have a hard dependency on 'vite'.
-    import('vite'),
-    getViteConfig(root, ssrEntry)
-  ]);
-  const customLogger = vite.createLogger();
-  if (process.env.SHOPIFY_UNIT_TEST) {
-    customLogger.info = (msg) => collectLog("info", msg);
-    customLogger.warn = (msg) => collectLog("warn", msg);
-    customLogger.error = (msg) => collectLog("error", msg);
-  }
-  const serverMinify = userViteConfig.build?.minify ?? true;
-  const commonConfig = {
-    root,
-    mode: process.env.NODE_ENV,
-    base: assetPath,
-    customLogger
-  };
-  await vite.build({
-    ...commonConfig,
-    build: {
-      emptyOutDir: true,
-      copyPublicDir: true,
-      // Disable client sourcemaps in production
-      sourcemap: process.env.NODE_ENV !== "production" && sourcemap
-    }
-  });
-  console.log("");
-  await vite.build({
-    ...commonConfig,
-    build: {
-      sourcemap,
-      ssr: ssrEntry ?? true,
-      emptyOutDir: false,
-      copyPublicDir: false,
-      minify: serverMinify
-    }
-  });
-  await Promise.all([
-    removeFile(joinPath(clientOutDir, ".vite")),
-    removeFile(joinPath(serverOutDir, ".vite")),
-    removeFile(joinPath(serverOutDir, "assets"))
-  ]);
-  if (useCodegen) {
-    await codegen({
-      rootDirectory: root,
-      appDirectory: remixConfig.appDirectory,
-      configFilePath: codegenConfigPath
-    });
-  }
-  if (process.env.NODE_ENV !== "development") {
-    const sizeMB = await fileSize(serverOutFile) / (1024 * 1024);
-    if (sizeMB >= WORKER_BUILD_SIZE_LIMIT) {
-      outputWarn(
-        `\u{1F6A8} Smaller worker bundles are faster to deploy and run.${serverMinify ? "" : "\n   Minify your bundle by adding `build.minify: true` to vite.config.js."}
-   Learn more about optimizing your worker bundle file: https://h2o.fyi/debugging/bundle-size
-`
-      );
-    }
-  }
-  if (!disableRouteWarning) {
-    const missingRoutes = findMissingRoutes(remixConfig);
-    if (missingRoutes.length) {
-      const packageManager = await getPackageManager(root);
-      const exec = packageManager === "npm" ? "npx" : packageManager;
-      outputWarn(
-        `Heads up: Shopify stores have a number of standard routes that aren\u2019t set up yet.
-Some functionality and backlinks might not work as expected until these are created or redirects are set up.
-This build is missing ${missingRoutes.length} route${missingRoutes.length > 1 ? "s" : ""}. For more details, run \`${exec} shopify hydrogen check routes\`.
-`
-      );
-    }
-  }
-}
-
-export { Build as default, runViteBuild };