@shopify/cli-hydrogen 5.5.0 → 5.5.2

package/dist/commands/hydrogen/deploy.js

@@ -1,16 +1,8 @@
 import { Flags } from '@oclif/core';
 import Command from '@shopify/cli-kit/node/base-command';
-import colors from '@shopify/cli-kit/node/colors';
-import { outputWarn, outputInfo, outputContent } from '@shopify/cli-kit/node/output';
-import { AbortError } from '@shopify/cli-kit/node/error';
-import { getLatestGitCommit } from '@shopify/cli-kit/node/git';
-import { resolvePath } from '@shopify/cli-kit/node/path';
-import { renderFatalError, renderSelectPrompt, renderSuccess, renderTasks } from '@shopify/cli-kit/node/ui';
-import { ciPlatform } from '@shopify/cli-kit/node/context/local';
-import { parseToken, createDeploy } from '@shopify/oxygen-cli/deploy';
-import { commonFlags, flagsToCamelObject } from '../../lib/flags.js';
-import { getOxygenDeploymentData } from '../../lib/get-oxygen-deployment-data.js';
-import { runBuild } from './build.js';
+import { outputWarn } from '@shopify/cli-kit/node/output';
+import { renderWarning } from '@shopify/cli-kit/node/ui';
+import { commonFlags } from '../../lib/flags.js';
 
 const deploymentLogger = (message, level = "info") => {
   if (level === "error" || level === "warn") {
@@ -56,175 +48,13 @@ class Deploy extends Command {
   };
   static hidden = true;
   async run() {
-    const { flags } = await this.parse(Deploy);
-    const deploymentOptions = this.flagsToOxygenDeploymentOptions(flags);
-    await oxygenDeploy(deploymentOptions).catch((error) => {
-      renderFatalError(error);
-      process.exit(1);
-    }).finally(() => {
-      process.exit(0);
-    });
-  }
-  flagsToOxygenDeploymentOptions(flags) {
-    const camelFlags = flagsToCamelObject(flags);
-    return {
-      ...camelFlags,
-      environmentTag: flags["env-branch"],
-      path: flags.path ? resolvePath(flags.path) : process.cwd()
-    };
-  }
-}
-async function oxygenDeploy(options) {
-  const {
-    environmentTag,
-    path,
-    shop,
-    publicDeployment,
-    metadataUrl,
-    metadataUser,
-    metadataVersion
-  } = options;
-  const ci = ciPlatform();
-  let token = options.token;
-  let branch;
-  let deploymentData;
-  let deploymentEnvironmentTag = void 0;
-  let gitCommit;
-  try {
-    gitCommit = await getLatestGitCommit(path);
-    branch = (/HEAD -> ([^,]*)/.exec(gitCommit.refs) || [])[1];
-  } catch (error) {
-    outputWarn("Could not retrieve Git history.");
-    branch = void 0;
-  }
-  if (!ci.isCI) {
-    deploymentData = await getOxygenDeploymentData({
-      root: path,
-      flagShop: shop
-    });
-    if (!deploymentData) {
-      return;
-    }
-    token = token || deploymentData.oxygenDeploymentToken;
-  }
-  if (!token) {
-    const errMessage = ci.isCI ? [
-      "No deployment token provided. Use the ",
-      { command: "--token" },
-      " flag to provide a token."
-    ] : `Could not obtain an Oxygen deployment token, please try again or contact Shopify support.`;
-    throw new AbortError(errMessage);
-  }
-  if (!ci.isCI && !environmentTag && deploymentData?.environments) {
-    if (deploymentData.environments.length > 1) {
-      const choices = [
-        ...deploymentData.environments.map(({ name, branch: branch2 }) => ({
-          label: name,
-          value: branch2
-        }))
-      ];
-      deploymentEnvironmentTag = await renderSelectPrompt({
-        message: "Select an environment to deploy to",
-        choices,
-        defaultValue: branch
-      });
-    } else {
-      outputInfo(
-        `Using current checked out branch ${branch} as environment tag`
-      );
-    }
-  }
-  const config = {
-    assetsDir: "dist/client",
-    deploymentUrl: "https://oxygen.shopifyapps.com",
-    deploymentToken: parseToken(token),
-    environmentTag: environmentTag || deploymentEnvironmentTag || branch,
-    verificationMaxDuration: 180,
-    metadata: {
-      ...metadataUrl ? { url: metadataUrl } : {},
-      ...metadataUser ? { user: metadataUser } : {},
-      ...metadataVersion ? { version: metadataVersion } : {}
-    },
-    publicDeployment,
-    skipVerification: false,
-    rootPath: path,
-    skipBuild: false,
-    workerOnly: false,
-    workerDir: "dist/worker"
-  };
-  let resolveUpload;
-  const uploadPromise = new Promise((resolve) => {
-    resolveUpload = resolve;
-  });
-  let resolveHealthCheck;
-  const healthCheckPromise = new Promise((resolve) => {
-    resolveHealthCheck = resolve;
-  });
-  let deployError = null;
-  let resolveDeploy;
-  let rejectDeploy;
-  const deployPromise = new Promise((resolve, reject) => {
-    resolveDeploy = resolve;
-    rejectDeploy = reject;
-  });
-  const hooks = {
-    buildFunction: async (assetPath) => {
-      outputInfo(
-        outputContent`${colors.whiteBright("Building project...")}`.value
-      );
-      await runBuild({
-        directory: path,
-        assetPath,
-        sourcemap: false,
-        useCodegen: false
-      });
-    },
-    onVerificationComplete: () => resolveHealthCheck(),
-    onUploadFilesStart: () => uploadStart(),
-    onUploadFilesComplete: () => resolveUpload(),
-    onVerificationError: (error) => {
-      deployError = new AbortError(
-        error.message,
-        "Please verify the deployment status in the Shopify Admin and retry deploying if necessary."
-      );
-    },
-    onUploadFilesError: (error) => {
-      deployError = new AbortError(
-        error.message,
-        "Check your connection and try again. If the problem persists, try again later or contact support."
-      );
-    }
-  };
-  const uploadStart = async () => {
-    outputInfo(
-      outputContent`${colors.whiteBright("Deploying to Oxygen..\n")}`.value
-    );
-    await renderTasks([
-      {
-        title: "Uploading files",
-        task: async () => await uploadPromise
-      },
-      {
-        title: "Verifying deployment",
-        task: async () => await healthCheckPromise
-      }
-    ]);
-  };
-  await createDeploy({ config, hooks, logger: deploymentLogger }).then((url) => {
-    const deploymentType = config.publicDeployment ? "public" : "private";
-    renderSuccess({
-      body: ["Successfully deployed to Oxygen"],
+    renderWarning({
+      body: "Deploy command unavailable.",
       nextSteps: [
-        [
-          `Open ${url} in your browser to view your ${deploymentType} deployment`
-        ]
+        "To use the deploy command, upgrade cli-hydrogen to v7.0.0+."
       ]
     });
-    resolveDeploy();
-  }).catch((error) => {
-    rejectDeploy(deployError || error);
-  });
-  return deployPromise;
+  }
 }
 
-export { Deploy as default, deploymentLogger, oxygenDeploy };
+export { Deploy as default, deploymentLogger };

package/dist/generator-templates/starter/package.json

@@ -15,8 +15,8 @@
   "dependencies": {
     "@remix-run/react": "1.19.1",
     "@shopify/cli": "3.49.2",
-    "@shopify/cli-hydrogen": "^5.5.0",
-    "@shopify/hydrogen": "^2023.7.12",
+    "@shopify/cli-hydrogen": "^5.5.2",
+    "@shopify/hydrogen": "^2023.7.13",
     "@shopify/remix-oxygen": "^1.1.8",
     "graphql": "^16.6.0",
     "graphql-tag": "^2.12.6",

package/oclif.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.5.0",
+  "version": "5.5.2",
   "commands": {
     "hydrogen:build": {
       "id": "hydrogen:build",

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "5.5.0",
+  "version": "5.5.2",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -56,7 +56,7 @@
   "peerDependencies": {
     "@remix-run/dev": "1.19.1",
     "@remix-run/react": "1.19.1",
-    "@shopify/hydrogen-react": "^2023.7.5",
+    "@shopify/hydrogen-react": "^2023.7.6",
     "@shopify/remix-oxygen": "^1.1.8"
   },
   "peerDependenciesMeta": {

package/dist/commands/hydrogen/deploy.test.js

@@ -1,237 +0,0 @@
-import { vi, describe, expect, beforeEach, afterEach, it } from 'vitest';
-import { login } from '../../lib/auth.js';
-import { getStorefronts } from '../../lib/graphql/admin/link-storefront.js';
-import { AbortError } from '@shopify/cli-kit/node/error';
-import { renderSelectPrompt, renderSuccess, renderFatalError } from '@shopify/cli-kit/node/ui';
-import { getLatestGitCommit } from '@shopify/cli-kit/node/git';
-import { oxygenDeploy, deploymentLogger } from './deploy.js';
-import { getOxygenDeploymentData } from '../../lib/get-oxygen-deployment-data.js';
-import { createDeploy, parseToken } from '@shopify/oxygen-cli/deploy';
-
-vi.mock("../../lib/get-oxygen-deployment-data.js");
-vi.mock("@shopify/oxygen-cli/deploy");
-vi.mock("../../lib/auth.js");
-vi.mock("../../lib/shopify-config.js");
-vi.mock("../../lib/graphql/admin/link-storefront.js");
-vi.mock("../../lib/graphql/admin/create-storefront.js");
-vi.mock("../../lib/graphql/admin/fetch-job.js");
-vi.mock("../../lib/shell.js", () => ({ getCliCommand: () => "h2" }));
-vi.mock("@shopify/cli-kit/node/output", async () => {
-  return {
-    outputContent: () => ({ value: "" }),
-    outputInfo: () => {
-    },
-    outputWarn: () => {
-    }
-  };
-});
-vi.mock("@shopify/cli-kit/node/ui", async () => {
-  return {
-    renderFatalError: vi.fn(),
-    renderSelectPrompt: vi.fn(),
-    renderSuccess: vi.fn(),
-    renderTasks: vi.fn()
-  };
-});
-vi.mock("@shopify/cli-kit/node/git", async () => {
-  return {
-    getLatestGitCommit: vi.fn()
-  };
-});
-vi.mock("@shopify/cli-kit/node/context/local", async () => {
-  return {
-    ciPlatform: () => ({ isCI: false })
-  };
-});
-describe("deploy", () => {
-  const ADMIN_SESSION = {
-    token: "abc123",
-    storeFqdn: "my-shop.myshopify.com"
-  };
-  const FULL_SHOPIFY_CONFIG = {
-    shop: "my-shop.myshopify.com",
-    shopName: "My Shop",
-    email: "email",
-    storefront: {
-      id: "gid://shopify/HydrogenStorefront/1",
-      title: "Hydrogen"
-    }
-  };
-  const UNLINKED_SHOPIFY_CONFIG = {
-    ...FULL_SHOPIFY_CONFIG,
-    storefront: void 0
-  };
-  const originalExit = process.exit;
-  const deployParams = {
-    path: "./",
-    shop: "snowdevil.myshopify.com",
-    publicDeployment: false,
-    metadataUrl: "https://example.com",
-    metadataUser: "user",
-    metadataVersion: "1.0.0"
-  };
-  const mockToken = {
-    accessToken: "some-token",
-    allowedResource: "some-resource",
-    appId: "1",
-    client: "1",
-    expiresAt: "some-time",
-    namespace: "some-namespace",
-    namespaceId: "1"
-  };
-  const expectedConfig = {
-    assetsDir: "dist/client",
-    deploymentUrl: "https://oxygen.shopifyapps.com",
-    deploymentToken: mockToken,
-    verificationMaxDuration: 180,
-    metadata: {
-      url: deployParams.metadataUrl,
-      user: deployParams.metadataUser,
-      version: deployParams.metadataVersion
-    },
-    publicDeployment: deployParams.publicDeployment,
-    skipVerification: false,
-    rootPath: deployParams.path,
-    skipBuild: false,
-    workerOnly: false,
-    workerDir: "dist/worker"
-  };
-  const expectedHooks = {
-    buildFunction: expect.any(Function),
-    onVerificationComplete: expect.any(Function),
-    onUploadFilesStart: expect.any(Function),
-    onUploadFilesComplete: expect.any(Function),
-    onVerificationError: expect.any(Function),
-    onUploadFilesError: expect.any(Function)
-  };
-  beforeEach(async () => {
-    process.exit = vi.fn();
-    vi.mocked(login).mockResolvedValue({
-      session: ADMIN_SESSION,
-      config: UNLINKED_SHOPIFY_CONFIG
-    });
-    vi.mocked(getStorefronts).mockResolvedValue([
-      {
-        ...FULL_SHOPIFY_CONFIG.storefront,
-        parsedId: "1",
-        productionUrl: "https://example.com"
-      }
-    ]);
-    vi.mocked(renderSelectPrompt).mockResolvedValue(FULL_SHOPIFY_CONFIG.shop);
-    vi.mocked(createDeploy).mockResolvedValue(
-      "https://a-lovely-deployment.com"
-    );
-    vi.mocked(getOxygenDeploymentData).mockResolvedValue({
-      oxygenDeploymentToken: "some-encoded-token",
-      environments: []
-    });
-    vi.mocked(parseToken).mockReturnValue(mockToken);
-  });
-  afterEach(() => {
-    vi.resetAllMocks();
-    process.exit = originalExit;
-  });
-  it("calls getOxygenDeploymentData with the correct parameters", async () => {
-    await oxygenDeploy(deployParams);
-    expect(getOxygenDeploymentData).toHaveBeenCalledWith({
-      root: "./",
-      flagShop: "snowdevil.myshopify.com"
-    });
-    expect(getOxygenDeploymentData).toHaveBeenCalledTimes(1);
-  });
-  it("calls createDeploy with the correct parameters", async () => {
-    await oxygenDeploy(deployParams);
-    expect(vi.mocked(createDeploy)).toHaveBeenCalledWith({
-      config: expectedConfig,
-      hooks: expectedHooks,
-      logger: deploymentLogger
-    });
-    expect(vi.mocked(renderSuccess)).toHaveBeenCalled;
-  });
-  it("calls createDeploy with the checked out branch name", async () => {
-    vi.mocked(getLatestGitCommit).mockResolvedValue({
-      hash: "123",
-      message: "test commit",
-      date: "2021-01-01",
-      author_name: "test author",
-      author_email: "test@author.com",
-      body: "test body",
-      refs: "HEAD -> main"
-    });
-    await oxygenDeploy(deployParams);
-    expect(vi.mocked(createDeploy)).toHaveBeenCalledWith({
-      config: { ...expectedConfig, environmentTag: "main" },
-      hooks: expectedHooks,
-      logger: deploymentLogger
-    });
-    expect(vi.mocked(renderSuccess)).toHaveBeenCalled;
-  });
-  it("calls renderSelectPrompt when there are multiple environments", async () => {
-    vi.mocked(getOxygenDeploymentData).mockResolvedValue({
-      oxygenDeploymentToken: "some-encoded-token",
-      environments: [
-        { name: "production", branch: "main" },
-        { name: "preview", branch: "staging" }
-      ]
-    });
-    await oxygenDeploy(deployParams);
-    expect(vi.mocked(renderSelectPrompt)).toHaveBeenCalledWith({
-      message: "Select an environment to deploy to",
-      choices: [
-        { label: "production", value: "main" },
-        { label: "preview", value: "staging" }
-      ]
-    });
-  });
-  it("handles error during uploadFiles", async () => {
-    const mockRenderFatalError = vi.fn();
-    vi.mocked(renderFatalError).mockImplementation(mockRenderFatalError);
-    const error = new Error("Wonky internet!");
-    vi.mocked(createDeploy).mockImplementation((options) => {
-      options.hooks?.onUploadFilesStart?.();
-      options.hooks?.onUploadFilesError?.(error);
-      return new Promise((_resolve, reject) => {
-        reject(error);
-      });
-    });
-    try {
-      await oxygenDeploy(deployParams);
-      expect(true).toBe(false);
-    } catch (err) {
-      if (err instanceof AbortError) {
-        expect(err.message).toBe(error.message);
-        expect(err.tryMessage).toBe(
-          "Check your connection and try again. If the problem persists, try again later or contact support."
-        );
-      } else {
-        expect(true).toBe(false);
-      }
-    }
-  });
-  it("handles error during deployment verification", async () => {
-    const mockRenderFatalError = vi.fn();
-    vi.mocked(renderFatalError).mockImplementation(mockRenderFatalError);
-    const error = new Error("Cloudflare is down!");
-    vi.mocked(createDeploy).mockImplementation((options) => {
-      options.hooks?.onUploadFilesStart?.();
-      options.hooks?.onUploadFilesComplete?.();
-      options.hooks?.onVerificationError?.(error);
-      return new Promise((_resolve, reject) => {
-        reject(error);
-      });
-    });
-    try {
-      await oxygenDeploy(deployParams);
-      expect(true).toBe(false);
-    } catch (err) {
-      if (err instanceof AbortError) {
-        expect(err.message).toBe(error.message);
-        expect(err.tryMessage).toBe(
-          "Please verify the deployment status in the Shopify Admin and retry deploying if necessary."
-        );
-      } else {
-        expect(true).toBe(false);
-      }
-    }
-  });
-});