@bigcommerce/create-catalyst 0.18.0 → 0.20.0

package/dist/index.js

@@ -53,12 +53,12 @@ var __async = (__this, __arguments, generator) => {
 
 // src/index.ts
 import { program } from "@commander-js/extra-typings";
-import chalk7 from "chalk";
+import chalk6 from "chalk";
 
 // package.json
 var package_default = {
   name: "@bigcommerce/create-catalyst",
-  version: "0.18.0",
+  version: "0.20.0",
   type: "module",
   bin: "bin/index.cjs",
   files: [
@@ -77,6 +77,7 @@ var package_default = {
   },
   dependencies: {
     "@commander-js/extra-typings": "^12.1.0",
+    "@iarna/toml": "^2.2.5",
     "@inquirer/prompts": "^7.2.0",
     "@segment/analytics-node": "^2.2.0",
     chalk: "^5.3.0",
@@ -87,10 +88,11 @@ var package_default = {
     giget: "^1.2.3",
     "lodash.kebabcase": "^4.1.1",
     nypm: "^0.4.1",
+    open: "^10.1.0",
     ora: "^8.1.1",
     semver: "^7.6.3",
     "std-env": "^3.8.0",
-    zod: "^3.23.8",
+    zod: "^3.24.1",
     "zod-validation-error": "^3.4.0"
   },
   devDependencies: {
@@ -101,12 +103,12 @@ var package_default = {
     "@types/fs-extra": "^11.0.4",
     "@types/jest": "^29.5.14",
     "@types/lodash.kebabcase": "^4.1.9",
-    "@types/node": "^20.17.9",
+    "@types/node": "^20.17.10",
     "@types/prompts": "^2.4.9",
     "@types/semver": "^7.5.8",
     eslint: "^8.57.1",
     jest: "^29.7.0",
-    msw: "^2.6.8",
+    msw: "^2.6.9",
     prettier: "^3.4.2",
     tsup: "^8.3.5",
     typescript: "^5.7.2"
@@ -115,13 +117,122 @@ var package_default = {
 
 // src/commands/create.ts
 import { Command, Option } from "@commander-js/extra-typings";
-import { input, select as select2 } from "@inquirer/prompts";
-import chalk4 from "chalk";
+import { input, select } from "@inquirer/prompts";
+import chalk3 from "chalk";
 import { execSync as execSync5 } from "child_process";
 import { pathExistsSync } from "fs-extra/esm";
 import kebabCase from "lodash.kebabcase";
-import { join as join2 } from "path";
-import { z as z3 } from "zod";
+import { join as join3 } from "path";
+
+// src/utils/user-agent.ts
+import {
+  isDevelopment,
+  isLinux,
+  isMacOS,
+  isProduction,
+  isTest,
+  isWindows,
+  nodeVersion,
+  process as process2,
+  provider,
+  runtime
+} from "std-env";
+var { name, version } = package_default;
+var getOS = () => {
+  if (isWindows) return "Windows";
+  if (isMacOS) return "macOS";
+  if (isLinux) return "Linux";
+  return "Unknown OS";
+};
+var getEnv = () => {
+  if (isDevelopment) return "Development";
+  if (isTest) return "Test";
+  if (isProduction) return "Production";
+};
+var getPlatform = () => {
+  const os = getOS();
+  const env = getEnv();
+  const keysOfInterest = [
+    os,
+    env,
+    runtime,
+    provider,
+    `Node ${nodeVersion}`,
+    process2.env.NODE_ENV
+  ].filter(Boolean);
+  return keysOfInterest.join("; ");
+};
+var detectedPlatform = getPlatform();
+var getCLIUserAgent = (platform, extensions) => {
+  const userAgentParts = [`${name}/${version}`];
+  const platformValue = platform != null ? platform : detectedPlatform;
+  userAgentParts.push(`(${platformValue})`);
+  if (extensions) {
+    userAgentParts.push(extensions);
+  }
+  return userAgentParts.join(" ");
+};
+
+// src/utils/https.ts
+var Https = class {
+  constructor({ baseUrl, accessToken }) {
+    this.baseUrl = baseUrl;
+    this.accessToken = accessToken;
+    this.userAgent = getCLIUserAgent();
+  }
+  fetch(_0) {
+    return __async(this, arguments, function* (path, opts = {}) {
+      const _a = opts, { headers = {} } = _a, rest = __objRest(_a, ["headers"]);
+      const options = __spreadValues({
+        headers: __spreadValues(__spreadProps(__spreadValues({}, headers), {
+          Accept: "application/json",
+          "User-Agent": this.userAgent
+        }), this.accessToken && { "X-Auth-Token": this.accessToken })
+      }, rest);
+      return fetch(`${this.baseUrl}${path}`, options);
+    });
+  }
+};
+
+// src/utils/cli-api.ts
+var CliApi = class {
+  constructor({ origin, storeHash, accessToken }) {
+    this.client = new Https({
+      baseUrl: `${origin}/stores/${storeHash}/cli-api/v3`,
+      accessToken
+    });
+  }
+  getChannelInit(channelId) {
+    return __async(this, null, function* () {
+      return this.client.fetch(`/channels/${channelId}/init`, {
+        method: "GET"
+      });
+    });
+  }
+  checkEligibility() {
+    return __async(this, null, function* () {
+      return this.client.fetch("/channels/catalyst/eligibility", {
+        method: "GET"
+      });
+    });
+  }
+  createChannel(name2, installSampleData = false) {
+    return __async(this, null, function* () {
+      return this.client.fetch("/channels/catalyst", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          name: name2,
+          initialData: {
+            type: installSampleData ? "sample" : "none"
+          },
+          deployStorefront: true,
+          devOrigin: "http://localhost:3000"
+        })
+      });
+    });
+  }
+};
 
 // src/utils/clone-catalyst.ts
 import { execSync as execSync4 } from "child_process";
@@ -209,7 +320,7 @@ var cloneCatalyst = ({
   console.log();
   if (ghRef) {
     if (resetMain) {
-      checkoutRef(projectDir, "main");
+      execSync4("git checkout -b main", { cwd: projectDir, stdio: "inherit" });
       resetBranchToRef(projectDir, ghRef);
       console.log(`Reset main to ${ghRef} successfully.`);
       console.log();
@@ -220,8 +331,36 @@ var cloneCatalyst = ({
   }
 };
 
-// src/utils/https.ts
+// src/utils/install-dependencies.ts
 import chalk from "chalk";
+import { installDependencies as installDeps } from "nypm";
+
+// src/utils/spinner.ts
+import { oraPromise } from "ora";
+var spinner = (action, oraOpts) => __async(void 0, null, function* () {
+  return oraPromise(action, __spreadValues({
+    spinner: "triangle"
+  }, oraOpts)).catch(() => process.exit(1));
+});
+
+// src/utils/install-dependencies.ts
+var installAllDeps = (projectDir) => __async(void 0, null, function* () {
+  yield installDeps({ cwd: projectDir, silent: true, packageManager: "pnpm" });
+});
+var installDependencies = (projectDir) => __async(void 0, null, function* () {
+  return spinner(installAllDeps(projectDir), {
+    text: `Installing dependencies. This could take a minute...`,
+    successText: `Dependencies installed successfully`,
+    failText: (err) => chalk.red(`Failed to install dependencies: ${err.message}`)
+  });
+});
+
+// src/utils/login.ts
+import chalk2 from "chalk";
+import open from "open";
+import { createInterface } from "readline";
+
+// src/utils/auth.ts
 import { z as z2 } from "zod";
 
 // src/utils/parse.ts
@@ -238,113 +377,17 @@ var parse = (data, schema) => {
   }
 };
 
-// src/utils/user-agent.ts
-import {
-  isDevelopment,
-  isLinux,
-  isMacOS,
-  isProduction,
-  isTest,
-  isWindows,
-  nodeVersion,
-  process as process2,
-  provider,
-  runtime
-} from "std-env";
-var { name, version } = package_default;
-var getOS = () => {
-  if (isWindows) return "Windows";
-  if (isMacOS) return "macOS";
-  if (isLinux) return "Linux";
-  return "Unknown OS";
-};
-var getEnv = () => {
-  if (isDevelopment) return "Development";
-  if (isTest) return "Test";
-  if (isProduction) return "Production";
-};
-var getPlatform = () => {
-  const os = getOS();
-  const env = getEnv();
-  const keysOfInterest = [
-    os,
-    env,
-    runtime,
-    provider,
-    `Node ${nodeVersion}`,
-    process2.env.NODE_ENV
-  ].filter(Boolean);
-  return keysOfInterest.join("; ");
-};
-var detectedPlatform = getPlatform();
-var getCLIUserAgent = (platform, extensions) => {
-  const userAgentParts = [`${name}/${version}`];
-  const platformValue = platform != null ? platform : detectedPlatform;
-  userAgentParts.push(`(${platformValue})`);
-  if (extensions) {
-    userAgentParts.push(extensions);
-  }
-  return userAgentParts.join(" ");
-};
-
-// src/utils/https.ts
-var BigCommerceStoreInfo = z2.object({
-  features: z2.object({
-    storefront_limits: z2.object({
-      active: z2.number(),
-      total_including_inactive: z2.number()
-    })
-  })
-});
-var BigCommerceV3ApiResponseSchema = (schema) => z2.object({
-  data: schema,
-  meta: z2.object({})
-});
-var BigCommerceChannelsV3ResponseSchema = BigCommerceV3ApiResponseSchema(
-  z2.array(
-    z2.object({
-      id: z2.number(),
-      name: z2.string(),
-      status: z2.string(),
-      platform: z2.string()
-    })
-  )
-);
-var Https = class {
-  constructor({
-    bigCommerceApiUrl,
-    bigCommerceAuthUrl,
-    sampleDataApiUrl,
-    storeHash,
-    accessToken
-  }) {
-    this.DEVICE_OAUTH_CLIENT_ID = "acse0vvawm9r1n0evag4b8e1ea1fo90";
-    this.MAX_EPOC_EXPIRES_AT = 2147483647;
-    this.bigCommerceApiUrl = bigCommerceApiUrl != null ? bigCommerceApiUrl : "";
-    this.bigCommerceAuthUrl = bigCommerceAuthUrl != null ? bigCommerceAuthUrl : "";
-    this.sampleDataApiUrl = sampleDataApiUrl != null ? sampleDataApiUrl : "";
-    this.storeHash = storeHash != null ? storeHash : "";
-    this.accessToken = accessToken != null ? accessToken : "";
-    this.userAgent = getCLIUserAgent();
-  }
-  auth(path, opts = {}) {
-    if (!this.bigCommerceAuthUrl) {
-      throw new Error("bigCommerceAuthUrl is required to make API requests");
-    }
-    const _a = opts, { headers = {} } = _a, rest = __objRest(_a, ["headers"]);
-    const options = __spreadValues({
-      method: "POST",
-      headers: __spreadProps(__spreadValues({}, headers), {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        "User-Agent": this.userAgent
-      })
-    }, rest);
-    return fetch(`${this.bigCommerceAuthUrl}${path}`, options);
+// src/utils/auth.ts
+var Auth = class {
+  constructor({ baseUrl }) {
+    this.DEVICE_OAUTH_CLIENT_ID = "s1q4io7mah2lm1i6uwp9yl1eit80n3b";
+    this.client = new Https({ baseUrl });
   }
   getDeviceCode() {
     return __async(this, null, function* () {
-      const response = yield this.auth("/device/token", {
+      const response = yield this.client.fetch("/device/token", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           scopes: [
             "store_channel_settings",
@@ -358,14 +401,6 @@ var Https = class {
           client_id: this.DEVICE_OAUTH_CLIENT_ID
         })
       });
-      if (!response.ok) {
-        console.error(
-          chalk.red(`
-POST /device/token failed: ${response.status} ${response.statusText}
-`)
-        );
-        process.exit(1);
-      }
       const DeviceCodeSchema = z2.object({
         device_code: z2.string(),
         user_code: z2.string(),
@@ -378,7 +413,9 @@ POST /device/token failed: ${response.status} ${response.statusText}
   }
   checkDeviceCode(deviceCode) {
     return __async(this, null, function* () {
-      const response = yield this.auth("/device/token", {
+      const response = yield this.client.fetch("/device/token", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           device_code: deviceCode,
           client_id: this.DEVICE_OAUTH_CLIENT_ID
@@ -396,243 +433,149 @@ POST /device/token failed: ${response.status} ${response.statusText}
       return parse(yield response.json(), DeviceCodeSuccessSchema);
     });
   }
-  api(path, opts = {}) {
-    if (!this.bigCommerceApiUrl || !this.storeHash || !this.accessToken) {
-      throw new Error(
-        "bigCommerceApiUrl, storeHash, and accessToken are required to make API requests"
-      );
-    }
-    const _a = opts, { headers = {} } = _a, rest = __objRest(_a, ["headers"]);
-    const options = __spreadValues({
-      headers: __spreadProps(__spreadValues({}, headers), {
-        Accept: "application/json",
-        "X-Auth-Token": this.accessToken,
-        "User-Agent": this.userAgent
-      })
-    }, rest);
-    return fetch(`${this.bigCommerceApiUrl}/stores/${this.storeHash}${path}`, options);
+};
+
+// src/utils/config.ts
+import { parse as parseTOML, stringify as stringifyTOML } from "@iarna/toml";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
+import { dirname, join } from "path";
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function isCatalystConfig(obj) {
+  if (!isRecord(obj)) {
+    return false;
   }
-  storeInformation() {
-    return __async(this, null, function* () {
-      const res = yield this.api("/v2/store");
-      if (!res.ok) {
-        console.error(chalk.red(`
-GET /v2/store failed: ${res.status} ${res.statusText}
-`));
-        process.exit(1);
-      }
-      return parse(yield res.json(), BigCommerceStoreInfo);
-    });
+  if ("auth" in obj) {
+    if (!isRecord(obj.auth)) {
+      return false;
+    }
+    const { storeHash, accessToken } = obj.auth;
+    return (storeHash === void 0 || typeof storeHash === "string") && (accessToken === void 0 || typeof accessToken === "string");
   }
-  channels(query = "") {
-    return __async(this, null, function* () {
-      const res = yield this.api(`/v3/channels${query}`);
-      if (!res.ok) {
-        console.error(chalk.red(`
-GET /v3/channels failed: ${res.status} ${res.statusText}
-`));
-        process.exit(1);
-      }
-      return parse(yield res.json(), BigCommerceChannelsV3ResponseSchema);
-    });
+  return true;
+}
+var Config = class {
+  constructor(projectDir) {
+    this.configPath = join(projectDir, ".catalyst");
+    this.config = this.read();
   }
-  createChannelMenus(channelId) {
-    return __async(this, null, function* () {
-      const res = yield this.api(`/v3/channels/${channelId}/channel-menus`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          bigcommerce_protected_app_sections: [
-            "storefront_settings",
-            "currencies",
-            "domains",
-            "notifications",
-            "social"
-          ]
-        })
-      });
-      if (!res.ok) {
-        console.warn(
-          chalk.yellow(
-            `
-Failed to create channel menus: ${res.status} ${res.statusText}. You may want to create these later: https://developer.bigcommerce.com/docs/rest-management/channels/menus#create-channel-menus
-`
-          )
-        );
-      }
-    });
+  getAuth() {
+    var _a;
+    return (_a = this.config.auth) != null ? _a : {};
   }
-  storefrontToken() {
-    return __async(this, null, function* () {
-      const res = yield this.api("/v3/storefront/api-token", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ expires_at: this.MAX_EPOC_EXPIRES_AT, channel_ids: [] })
-      });
-      if (!res.ok) {
-        console.error(
-          chalk.red(`
-POST /v3/storefront/api-token failed: ${res.status} ${res.statusText}
-`)
-        );
-        process.exit(1);
-      }
-      const BigCommerceStorefrontTokenSchema = z2.object({
-        data: z2.object({
-          token: z2.string()
-        })
-      });
-      return parse(yield res.json(), BigCommerceStorefrontTokenSchema);
-    });
+  setAuth(storeHash, accessToken) {
+    this.config.auth = { storeHash, accessToken };
+    this.save();
   }
-  sampleDataApi(path, opts = {}) {
-    if (!this.sampleDataApiUrl || !this.storeHash || !this.accessToken) {
-      throw new Error(
-        "sampleDataApiUrl, storeHash, and accessToken are required to make API requests"
-      );
+  save() {
+    var _a;
+    const configObj = {};
+    if (((_a = this.config.auth) == null ? void 0 : _a.storeHash) && this.config.auth.accessToken) {
+      configObj.auth = {
+        storeHash: this.config.auth.storeHash,
+        accessToken: this.config.auth.accessToken
+      };
     }
-    const _a = opts, { headers = {} } = _a, rest = __objRest(_a, ["headers"]);
-    const options = __spreadValues({
-      method: "POST",
-      headers: __spreadProps(__spreadValues({}, headers), {
-        Accept: "application/json",
-        "Content-Type": "application/json",
-        "X-Auth-Token": this.accessToken,
-        "User-Agent": this.userAgent
-      })
-    }, rest);
-    return fetch(`${this.sampleDataApiUrl}/stores/${this.storeHash}${path}`, options);
-  }
-  checkEligibility() {
-    return __async(this, null, function* () {
-      const res = yield this.sampleDataApi("/v3/channels/catalyst/eligibility", {
-        method: "GET"
-      });
-      if (!res.ok) {
-        console.error(
-          chalk.red(
-            `
-GET /v3/channels/catalyst/eligibility failed: ${res.status} ${res.statusText}
-`
-          )
-        );
-        process.exit(1);
-      }
-      const CheckEligibilitySchema = z2.object({
-        data: z2.object({
-          eligible: z2.boolean(),
-          message: z2.string()
-        })
-      });
-      return parse(yield res.json(), CheckEligibilitySchema);
-    });
+    const dir = dirname(this.configPath);
+    if (!existsSync(dir)) {
+      mkdirSync(dir, { recursive: true });
+    }
+    const preamble = `# DO NOT commit this file to your repository!
+# This file contains sensitive configuration specific to your local CLI setup.
+# It includes authentication tokens and store-specific information.
+# If using version control, make sure to add .catalyst to your .gitignore file.
+
+`;
+    writeFileSync(this.configPath, preamble + stringifyTOML(configObj));
   }
-  createChannel(channelName) {
-    return __async(this, null, function* () {
-      const res = yield this.sampleDataApi("/v3/channels/catalyst", {
-        body: JSON.stringify({ name: channelName, tokenType: "normal" })
-      });
-      if (!res.ok) {
-        console.error(
-          chalk.red(`
-POST /v3/channels/catalyst failed: ${res.status} ${res.statusText}
-`)
-        );
-        process.exit(1);
+  read() {
+    if (!existsSync(this.configPath)) {
+      return {};
+    }
+    try {
+      const contents = readFileSync(this.configPath, "utf-8");
+      const parsed = parseTOML(contents);
+      if (isCatalystConfig(parsed)) {
+        return parsed;
       }
-      const SampleDataChannelCreateSchema = z2.object({
-        data: z2.object({
-          id: z2.number(),
-          name: z2.string().min(1),
-          storefront_api_token: z2.string()
-        })
-      });
-      return parse(yield res.json(), SampleDataChannelCreateSchema);
-    });
+      console.warn("Invalid config format in .catalyst file, using defaults");
+      return {};
+    } catch (e) {
+      console.warn("Failed to parse .catalyst config file, using defaults");
+      return {};
+    }
   }
 };
 
-// src/utils/install-dependencies.ts
-import chalk2 from "chalk";
-import { installDependencies as installDeps } from "nypm";
-
-// src/utils/spinner.ts
-import { oraPromise } from "ora";
-var spinner = (action, oraOpts) => __async(void 0, null, function* () {
-  return oraPromise(action, __spreadValues({
-    spinner: "triangle"
-  }, oraOpts)).catch(() => process.exit(1));
-});
-
-// src/utils/install-dependencies.ts
-var installAllDeps = (projectDir) => __async(void 0, null, function* () {
-  yield installDeps({ cwd: projectDir, silent: true, packageManager: "pnpm" });
-});
-var installDependencies = (projectDir) => __async(void 0, null, function* () {
-  return spinner(installAllDeps(projectDir), {
-    text: `Installing dependencies. This could take a minute...`,
-    successText: `Dependencies installed successfully`,
-    failText: (err) => chalk2.red(`Failed to install dependencies: ${err.message}`)
-  });
-});
-
 // src/utils/login.ts
-import { select } from "@inquirer/prompts";
-import chalk3 from "chalk";
-var poll = (auth, deviceCode, interval, expiresIn) => __async(void 0, null, function* () {
-  const intervalMs = interval * 1e3;
-  const expiresAtMs = expiresIn * 1e3;
-  const retries = expiresAtMs / intervalMs;
-  for (let i = 0; i < retries; i += 1) {
+function pollDeviceCode(auth, deviceCode, interval) {
+  return __async(this, null, function* () {
     try {
-      return yield auth.checkDeviceCode(deviceCode);
+      const credentials = yield auth.checkDeviceCode(deviceCode);
+      return credentials;
     } catch (e) {
+      yield new Promise((resolve) => setTimeout(resolve, interval * 1e3));
+      return null;
     }
-    yield new Promise((resolve) => setTimeout(resolve, intervalMs));
-  }
-  console.error(chalk3.red("\nDevice code expired. Please try again.\n"));
-  process.exit(1);
-});
-var login = (bigCommerceAuthUrl, storeHash, accessToken) => __async(void 0, null, function* () {
-  if (storeHash && accessToken) {
-    return { storeHash, accessToken };
-  }
-  const shouldLogin = yield select({
-    message: "Would you like to connect to a BigCommerce store?",
-    choices: [
-      { name: "Yes", value: true },
-      { name: "No", value: false }
-    ]
   });
-  if (!shouldLogin) {
-    return { storeHash, accessToken };
-  }
-  const auth = new Https({ bigCommerceAuthUrl });
-  const deviceCode = yield auth.getDeviceCode();
-  console.log(
-    [
-      `
-Please visit ${chalk3.cyan(deviceCode.verification_uri)} and enter the code: ${chalk3.yellow(
-        deviceCode.user_code
-      )}
-`,
-      `The code will expire in ${chalk3.yellow(`${deviceCode.expires_in / 60} minutes`)}
-`
-    ].join("\n")
-  );
-  const { store_hash, access_token } = yield spinner(
-    poll(auth, deviceCode.device_code, deviceCode.interval, deviceCode.expires_in),
-    {
-      text: "Waiting for device code to be authorized",
-      successText: "Device code authorized\n",
-      failText: "Device code expired\n"
+}
+function waitForCredentials(auth, deviceCode, interval) {
+  return __async(this, null, function* () {
+    const credentials = yield pollDeviceCode(auth, deviceCode, interval);
+    if (credentials) {
+      return credentials;
     }
-  );
-  return {
-    storeHash: store_hash,
-    accessToken: access_token
-  };
-});
+    return waitForCredentials(auth, deviceCode, interval);
+  });
+}
+function waitForKeyPress(prompt) {
+  return __async(this, null, function* () {
+    const rl = createInterface({
+      input: process.stdin,
+      output: process.stdout
+    });
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
+    return new Promise((resolve) => {
+      process.stdin.once("data", (data) => {
+        process.stdin.setRawMode(false);
+        process.stdin.pause();
+        rl.close();
+        const shouldProceed = data[0] === 13 || data[0] === 10;
+        process.stdout.write("\n");
+        resolve(shouldProceed);
+      });
+      rl.write(prompt);
+    });
+  });
+}
+function login(baseUrl) {
+  return __async(this, null, function* () {
+    const auth = new Auth({ baseUrl });
+    const deviceCode = yield auth.getDeviceCode();
+    console.log(
+      chalk2.yellow("\n! First copy your one-time code: ") + chalk2.bold(deviceCode.user_code)
+    );
+    console.log(`Press Enter to open ${deviceCode.verification_uri} in your browser...`);
+    const shouldOpenUrl = yield waitForKeyPress("");
+    if (shouldOpenUrl) {
+      yield open(deviceCode.verification_uri);
+    }
+    const credentials = yield spinner(
+      () => waitForCredentials(auth, deviceCode.device_code, deviceCode.interval),
+      { text: "Waiting for authentication...", successText: "Authentication complete" }
+    );
+    return {
+      storeHash: credentials.store_hash,
+      accessToken: credentials.access_token
+    };
+  });
+}
+function storeCredentials(projectDir, credentials) {
+  const config = new Config(projectDir);
+  config.setAuth(credentials.storeHash, credentials.accessToken);
+}
 
 // src/utils/telemetry/telemetry.ts
 import { Analytics } from "@segment/analytics-node";
@@ -720,28 +663,13 @@ var Telemetry = class {
 };
 
 // src/utils/write-env.ts
-import { randomBytes as randomBytes2 } from "crypto";
 import { outputFileSync } from "fs-extra/esm";
-import { join } from "path";
-var writeEnv = (projectDir, {
-  channelId,
-  storeHash,
-  storefrontToken,
-  arbitraryEnv
-}) => {
+import { join as join2 } from "path";
+var writeEnv = (projectDir, envVars) => {
   outputFileSync(
-    join(projectDir, ".env.local"),
-    [
-      `BIGCOMMERCE_STORE_HASH=${storeHash}`,
-      `BIGCOMMERCE_CHANNEL_ID=${channelId}`,
-      `BIGCOMMERCE_STOREFRONT_TOKEN=${storefrontToken}`,
-      "",
-      `AUTH_SECRET=${randomBytes2(32).toString("hex")}`,
-      `CLIENT_LOGGER=false`,
-      `ENABLE_ADMIN_ROUTE=true`,
-      `DEFAULT_REVALIDATE_TARGET=3600`,
-      arbitraryEnv == null ? void 0 : arbitraryEnv.map((env) => env).join("\n")
-    ].join("\n")
+    join2(projectDir, ".env.local"),
+    `${Object.entries(envVars).map(([key, value]) => `${key}=${value}`).join("\n")}
+`
   );
 };
 
@@ -751,285 +679,454 @@ function getPlatformCheckCommand(command) {
   return isWindows2 ? `where.exe ${command}` : `which ${command}`;
 }
 var telemetry = new Telemetry();
-var create = new Command("create").description("Command to scaffold and connect a Catalyst storefront to your BigCommerce store").option("--project-name <name>", "Name of your Catalyst project").option("--project-dir <dir>", "Directory in which to create your project", process.cwd()).option("--store-hash <hash>", "BigCommerce store hash").option("--access-token <token>", "BigCommerce access token").option("--channel-id <id>", "BigCommerce channel ID").option("--storefront-token <token>", "BigCommerce storefront token").option("--gh-ref <ref>", "Clone a specific ref from the source repository").option("--reset-main", "Reset the main branch to the gh-ref").option("--repository <repository>", "GitHub repository to clone from", "bigcommerce/catalyst").option("--env <vars...>", "Arbitrary environment variables to set in .env.local").addOption(
-  new Option("--bigcommerce-hostname <hostname>", "BigCommerce hostname").default("bigcommerce.com").hideHelp()
-).addOption(
-  new Option("--sample-data-api-url <url>", "BigCommerce sample data API URL").default("https://api.bc-sample.store").hideHelp()
-).action((options) => __async(void 0, null, function* () {
-  const { ghRef, repository } = options;
+function handleChannelCreation(cliApi) {
+  return __async(this, null, function* () {
+    const newChannelName = yield input({
+      message: "What would you like to name your new channel?"
+    });
+    const shouldInstallSampleData = yield select({
+      message: "Would you like to install sample data?",
+      choices: [
+        { name: "Yes", value: true },
+        { name: "No", value: false }
+      ]
+    });
+    const response = yield cliApi.createChannel(newChannelName, shouldInstallSampleData);
+    if (!response.ok) {
+      console.error(
+        chalk3.red(`
+POST /channels/catalyst failed: ${response.status} ${response.statusText}
+`)
+      );
+      process.exit(1);
+    }
+    const channelData = yield response.json();
+    if (!isCreateChannelResponse(channelData)) {
+      console.error(chalk3.red("\nUnexpected response format from create channel endpoint\n"));
+      process.exit(1);
+    }
+    return {
+      channelId: channelData.data.id,
+      storefrontToken: channelData.data.storefront_api_token,
+      envVars: channelData.data.envVars
+    };
+  });
+}
+function handleChannelSelection(bc) {
+  return __async(this, null, function* () {
+    const channelSortOrder = ["catalyst", "next", "bigcommerce"];
+    const channelsResponse = yield bc.fetch("/v3/channels?available=true&type=storefront");
+    if (!channelsResponse.ok) {
+      console.error(
+        chalk3.red(
+          `
+GET /v3/channels failed: ${channelsResponse.status} ${channelsResponse.statusText}
+`
+        )
+      );
+      process.exit(1);
+    }
+    const availableChannels = yield channelsResponse.json();
+    if (!isChannelsResponse(availableChannels)) {
+      console.error(chalk3.red("\nUnexpected response format from channels endpoint\n"));
+      process.exit(1);
+    }
+    const existingChannel = yield select({
+      message: "Which channel would you like to use?",
+      choices: availableChannels.data.sort((a, b) => {
+        const aIndex = channelSortOrder.indexOf(a.platform);
+        const bIndex = channelSortOrder.indexOf(b.platform);
+        if (aIndex === -1 && bIndex === -1) {
+          return 0;
+        }
+        if (aIndex === -1) return 1;
+        if (bIndex === -1) return -1;
+        return aIndex - bIndex;
+      }).map((ch) => ({
+        name: ch.name,
+        value: ch,
+        description: `Channel Platform: ${ch.platform === "bigcommerce" ? "Stencil" : ch.platform.charAt(0).toUpperCase() + ch.platform.slice(1)}`
+      }))
+    });
+    return existingChannel.id;
+  });
+}
+function getChannelInit(cliApi, channelId) {
+  return __async(this, null, function* () {
+    const initResponse = yield cliApi.getChannelInit(channelId);
+    if (!initResponse.ok) {
+      console.error(
+        chalk3.red(
+          `
+GET /channels/${channelId}/init failed: ${initResponse.status} ${initResponse.statusText}
+`
+        )
+      );
+      process.exit(1);
+    }
+    const initData = yield initResponse.json();
+    if (!isInitResponse(initData)) {
+      console.error(chalk3.red("\nUnexpected response format from init endpoint\n"));
+      process.exit(1);
+    }
+    return {
+      storefrontToken: initData.data.storefront_api_token,
+      envVars: initData.data.envVars
+    };
+  });
+}
+function setupProject(options) {
+  return __async(this, null, function* () {
+    let { projectName, projectDir } = options;
+    if (!pathExistsSync(projectDir)) {
+      console.error(chalk3.red(`Error: --projectDir ${projectDir} is not a valid path
+`));
+      process.exit(1);
+    }
+    if (projectName) {
+      projectName = kebabCase(projectName);
+      projectDir = join3(options.projectDir, projectName);
+      if (pathExistsSync(projectDir)) {
+        console.error(chalk3.red(`Error: ${projectDir} already exists
+`));
+        process.exit(1);
+      }
+    }
+    if (!projectName) {
+      const validateProjectName = (i) => {
+        const formatted = kebabCase(i);
+        if (!formatted) return "Project name is required";
+        const targetDir = join3(options.projectDir, formatted);
+        if (pathExistsSync(targetDir)) return `Destination '${targetDir}' already exists`;
+        projectName = formatted;
+        projectDir = targetDir;
+        return true;
+      };
+      yield input({
+        message: "What is the name of your project?",
+        default: "my-catalyst-app",
+        validate: validateProjectName
+      });
+    }
+    if (!projectName) throw new Error("Something went wrong, projectName is not defined");
+    if (!projectDir) throw new Error("Something went wrong, projectDir is not defined");
+    return { projectName, projectDir };
+  });
+}
+function checkRequiredTools() {
   try {
     execSync5(getPlatformCheckCommand("git"), { stdio: "ignore" });
   } catch (e) {
-    console.error(chalk4.red("Error: git is required to create a Catalyst project\n"));
+    console.error(chalk3.red("Error: git is required to create a Catalyst project\n"));
     process.exit(1);
   }
   try {
     execSync5(getPlatformCheckCommand("pnpm"), { stdio: "ignore" });
   } catch (e) {
-    console.error(chalk4.red("Error: pnpm is required to create a Catalyst project\n"));
-    console.error(chalk4.yellow("Tip: Enable it by running `corepack enable pnpm`\n"));
+    console.error(chalk3.red("Error: pnpm is required to create a Catalyst project\n"));
+    console.error(chalk3.yellow("Tip: Enable it by running `corepack enable pnpm`\n"));
     process.exit(1);
   }
-  const URLSchema = z3.string().url();
-  const sampleDataApiUrl = parse(options.sampleDataApiUrl, URLSchema);
-  const bigcommerceApiUrl = parse(`https://api.${options.bigcommerceHostname}`, URLSchema);
-  const bigcommerceAuthUrl = parse(`https://login.${options.bigcommerceHostname}`, URLSchema);
-  const resetMain = options.resetMain;
-  let projectName;
-  let projectDir;
+}
+var create = new Command("create").description("Command to scaffold and connect a Catalyst storefront to your BigCommerce store").option("--project-name <name>", "Name of your Catalyst project").option("--project-dir <dir>", "Directory in which to create your project", process.cwd()).option("--store-hash <hash>", "BigCommerce store hash").option("--access-token <token>", "BigCommerce access token").option("--channel-id <id>", "BigCommerce channel ID").option("--storefront-token <token>", "BigCommerce storefront token").option(
+  "--gh-ref <ref>",
+  "Clone a specific ref from the source repository",
+  "@bigcommerce/catalyst-core@latest"
+).option("--reset-main", "Reset the main branch to the gh-ref").option("--repository <repository>", "GitHub repository to clone from", "bigcommerce/catalyst").option("--env <vars...>", "Arbitrary environment variables to set in .env.local").addOption(
+  new Option("--bigcommerce-hostname <hostname>", "BigCommerce hostname").default("bigcommerce.com").hideHelp()
+).addOption(
+  new Option("--cli-api-origin <origin>", "Catalyst CLI API origin").default("https://cxm-prd.bigcommerceapp.com").hideHelp()
+).action((options) => __async(void 0, null, function* () {
+  const { ghRef, repository } = options;
+  checkRequiredTools();
+  const { projectName, projectDir } = yield setupProject({
+    projectName: options.projectName,
+    projectDir: options.projectDir
+  });
   let storeHash = options.storeHash;
   let accessToken = options.accessToken;
   let channelId;
   let storefrontToken = options.storefrontToken;
+  let credentials;
   if (options.channelId) {
     channelId = parseInt(options.channelId, 10);
   }
-  if (!pathExistsSync(options.projectDir)) {
-    console.error(chalk4.red(`Error: --projectDir ${options.projectDir} is not a valid path
-`));
-    process.exit(1);
-  }
-  if (options.projectName) {
-    projectName = kebabCase(options.projectName);
-    projectDir = join2(options.projectDir, projectName);
-    if (pathExistsSync(projectDir)) {
-      console.error(chalk4.red(`Error: ${projectDir} already exists
-`));
-      process.exit(1);
-    }
-  }
-  if (!options.projectName) {
-    const validateProjectName = (i) => {
-      const formatted = kebabCase(i);
-      if (!formatted) return "Project name is required";
-      const targetDir = join2(options.projectDir, formatted);
-      if (pathExistsSync(targetDir)) return `Destination '${targetDir}' already exists`;
-      projectName = formatted;
-      projectDir = targetDir;
-      return true;
-    };
-    yield input({
-      message: "What is the name of your project?",
-      default: "my-catalyst-app",
-      validate: validateProjectName
-    });
-  }
-  if (!projectName) throw new Error("Something went wrong, projectName is not defined");
-  if (!projectDir) throw new Error("Something went wrong, projectDir is not defined");
-  if (storeHash && channelId && storefrontToken) {
-    console.log(`
-Creating '${projectName}' at '${projectDir}'
-`);
-    cloneCatalyst({ repository, projectName, projectDir, ghRef, resetMain });
-    writeEnv(projectDir, {
-      channelId: channelId.toString(),
-      storeHash,
-      storefrontToken,
-      arbitraryEnv: options.env
-    });
-    yield installDependencies(projectDir);
-    console.log(
-      `
-${chalk4.green("Success!")} Created '${projectName}' at '${projectDir}'
-`,
-      "\nNext steps:\n",
-      chalk4.yellow(`
-cd ${projectName} && pnpm run dev
-`)
-    );
-    process.exit(0);
-  }
-  if (!options.storeHash || !options.accessToken) {
-    const credentials = yield login(bigcommerceAuthUrl);
+  let envVars = {};
+  if ((!storeHash || !accessToken) && (!channelId || !storefrontToken)) {
+    credentials = yield login(`https://login.${options.bigcommerceHostname}`);
     storeHash = credentials.storeHash;
     accessToken = credentials.accessToken;
   }
-  if (!storeHash || !accessToken) {
-    console.log(`
+  if (storeHash && channelId && storefrontToken) {
+    envVars.BIGCOMMERCE_STORE_HASH = storeHash;
+    envVars.BIGCOMMERCE_CHANNEL_ID = channelId.toString();
+    envVars.BIGCOMMERCE_STOREFRONT_API_TOKEN = storefrontToken;
+  } else {
+    if (!storeHash || !accessToken) {
+      console.log(`
 Creating '${projectName}' at '${projectDir}'
 `);
-    cloneCatalyst({ repository, projectName, projectDir, ghRef, resetMain });
-    yield installDependencies(projectDir);
-    console.log(
-      [
-        `
-${chalk4.green("Success!")} Created '${projectName}' at '${projectDir}'
+      cloneCatalyst({ repository, projectName, projectDir, ghRef, resetMain: options.resetMain });
+      yield installDependencies(projectDir);
+      if (options.env) {
+        const cliEnvVars = options.env.reduce((acc, env) => {
+          const [key, value] = env.split("=");
+          if (key && value) {
+            acc[key] = value;
+          }
+          return acc;
+        }, {});
+        Object.assign(envVars, cliEnvVars);
+      }
+      writeEnv(projectDir, envVars);
+      console.log(
+        [
+          `
+${chalk3.green("Success!")} Created '${projectName}' at '${projectDir}'
 `,
-        `Next steps:`,
-        chalk4.yellow(`
+          `Next steps:`,
+          Object.keys(envVars).length > 0 ? chalk3.yellow(`
+- cd ${projectName} && pnpm run dev
+`) : [
+            chalk3.yellow(`
 - cd ${projectName} && cp .env.example .env.local`),
-        chalk4.yellow(`
+            chalk3.yellow(`
 - Populate .env.local with your BigCommerce API credentials
 `)
-      ].join("\n")
-    );
-    process.exit(0);
-  }
-  yield telemetry.identify(storeHash);
-  if (!channelId || !storefrontToken) {
-    const bc = new Https({ bigCommerceApiUrl: bigcommerceApiUrl, storeHash, accessToken });
-    const sampleDataApi = new Https({
-      sampleDataApiUrl,
-      storeHash,
-      accessToken
-    });
-    const eligibilityResponse = yield sampleDataApi.checkEligibility();
-    if (!eligibilityResponse.data.eligible) {
-      console.warn(chalk4.yellow(eligibilityResponse.data.message));
-    }
-    let shouldCreateChannel;
-    if (eligibilityResponse.data.eligible) {
-      shouldCreateChannel = yield select2({
-        message: "Would you like to create a new channel?",
-        choices: [
-          { name: "Yes", value: true },
-          { name: "No", value: false }
-        ]
-      });
+          ].join("")
+        ].join("\n")
+      );
+      process.exit(0);
     }
-    if (shouldCreateChannel) {
-      const newChannelName = yield input({
-        message: "What would you like to name your new channel?"
+    yield telemetry.identify(storeHash);
+    if (!channelId || !storefrontToken) {
+      const bc = new Https({
+        baseUrl: `https://api.${options.bigcommerceHostname}/stores/${storeHash}`,
+        accessToken
       });
-      const {
-        data: { id: createdChannelId, storefront_api_token: storefrontApiToken }
-      } = yield sampleDataApi.createChannel(newChannelName);
-      yield bc.createChannelMenus(createdChannelId);
-      channelId = createdChannelId;
-      storefrontToken = storefrontApiToken;
-    }
-    if (!shouldCreateChannel) {
-      const channelSortOrder = ["catalyst", "next", "bigcommerce"];
-      const availableChannels = yield bc.channels("?available=true&type=storefront");
-      const existingChannel = yield select2({
-        message: "Which channel would you like to use?",
-        choices: availableChannels.data.sort(
-          (a, b) => channelSortOrder.indexOf(a.platform) - channelSortOrder.indexOf(b.platform)
-        ).map((ch) => ({
-          name: ch.name,
-          value: ch,
-          description: `Channel Platform: ${ch.platform === "bigcommerce" ? "Stencil" : ch.platform.charAt(0).toUpperCase() + ch.platform.slice(1)}`
-        }))
+      const cliApi = new CliApi({
+        origin: options.cliApiOrigin,
+        storeHash,
+        accessToken
       });
-      channelId = existingChannel.id;
-      const {
-        data: { token: sfToken }
-      } = yield bc.storefrontToken();
-      storefrontToken = sfToken;
+      if (channelId && !storefrontToken) {
+        const initData = yield getChannelInit(cliApi, channelId);
+        envVars = __spreadValues({}, initData.envVars);
+        storefrontToken = initData.storefrontToken;
+      } else if (!channelId) {
+        const eligibilityResponse = yield cliApi.checkEligibility();
+        if (!eligibilityResponse.ok) {
+          console.error(
+            chalk3.red(
+              `
+GET /channels/catalyst/eligibility failed: ${eligibilityResponse.status} ${eligibilityResponse.statusText}
+`
+            )
+          );
+          process.exit(1);
+        }
+        const eligibilityData = yield eligibilityResponse.json();
+        if (!isEligibilityResponse(eligibilityData)) {
+          console.error(chalk3.red("\nUnexpected response format from eligibility endpoint\n"));
+          process.exit(1);
+        }
+        if (!eligibilityData.data.eligible) {
+          console.warn(chalk3.yellow(eligibilityData.data.message));
+        }
+        let shouldCreateChannel;
+        if (eligibilityData.data.eligible) {
+          shouldCreateChannel = yield select({
+            message: "Would you like to create a new channel?",
+            choices: [
+              { name: "Yes", value: true },
+              { name: "No", value: false }
+            ]
+          });
+        }
+        if (shouldCreateChannel) {
+          const channelData = yield handleChannelCreation(cliApi);
+          channelId = channelData.channelId;
+          storefrontToken = channelData.storefrontToken;
+          envVars = __spreadValues({}, channelData.envVars);
+          console.log(chalk3.green(`Channel created successfully`));
+          console.warn(
+            chalk3.yellow(
+              "\nNote: A preview storefront has been deployed in your BigCommerce control panel. This preview may look different from your local environment as it may be running different code."
+            )
+          );
+        }
+        if (!shouldCreateChannel) {
+          channelId = yield handleChannelSelection(bc);
+          const initData = yield getChannelInit(cliApi, channelId);
+          envVars = __spreadValues({}, initData.envVars);
+          storefrontToken = initData.storefrontToken;
+        }
+      }
     }
   }
+  if (options.env) {
+    const cliEnvVars = options.env.reduce((acc, env) => {
+      const [key, value] = env.split("=");
+      if (key && value) {
+        acc[key] = value;
+      }
+      return acc;
+    }, {});
+    Object.assign(envVars, cliEnvVars);
+  }
+  if (options.storeHash) {
+    envVars.BIGCOMMERCE_STORE_HASH = options.storeHash;
+  }
+  if (options.channelId) {
+    envVars.BIGCOMMERCE_CHANNEL_ID = options.channelId;
+  }
+  if (options.storefrontToken) {
+    envVars.BIGCOMMERCE_STOREFRONT_TOKEN = options.storefrontToken;
+  }
   if (!channelId) throw new Error("Something went wrong, channelId is not defined");
   if (!storefrontToken) throw new Error("Something went wrong, storefrontToken is not defined");
   console.log(`
 Creating '${projectName}' at '${projectDir}'
 `);
-  cloneCatalyst({ repository, projectName, projectDir, ghRef, resetMain });
-  writeEnv(projectDir, {
-    channelId: channelId.toString(),
-    storeHash,
-    storefrontToken,
-    arbitraryEnv: options.env
-  });
+  cloneCatalyst({ repository, projectName, projectDir, ghRef, resetMain: options.resetMain });
   yield installDependencies(projectDir);
+  writeEnv(projectDir, envVars);
+  if (credentials) {
+    storeCredentials(projectDir, credentials);
+  }
   console.log(
     `
-${chalk4.green("Success!")} Created '${projectName}' at '${projectDir}'
+${chalk3.green("Success!")} Created '${projectName}' at '${projectDir}'
 `,
     "\nNext steps:\n",
-    chalk4.yellow(`
+    chalk3.yellow(`
 cd ${projectName} && pnpm run dev
 `)
   );
 }));
+function isInitResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response && typeof response.data === "object" && response.data !== null && "storefront_api_token" in response.data && "envVars" in response.data;
+}
+function isEligibilityResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response && typeof response.data === "object" && response.data !== null && "eligible" in response.data && "message" in response.data;
+}
+function isCreateChannelResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response && typeof response.data === "object" && response.data !== null && "id" in response.data && "storefront_api_token" in response.data && "envVars" in response.data;
+}
+function isChannelsResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response && Array.isArray(response.data) && response.data.every(
+    (item) => typeof item === "object" && item !== null && "id" in item && "name" in item && "platform" in item
+  );
+}
 
 // src/commands/init.ts
 import { Command as Command2, Option as Option2 } from "@commander-js/extra-typings";
-import { input as input2, select as select3 } from "@inquirer/prompts";
-import chalk5 from "chalk";
-import * as z4 from "zod";
+import { select as select2 } from "@inquirer/prompts";
+import chalk4 from "chalk";
+function isChannelsResponse2(response) {
+  return typeof response === "object" && response !== null && "data" in response && Array.isArray(response.data) && response.data.every(
+    (item) => typeof item === "object" && item !== null && "id" in item && "name" in item && "platform" in item
+  );
+}
+function isInitResponse2(response) {
+  return typeof response === "object" && response !== null && "data" in response && typeof response.data === "object" && response.data !== null && "storefront_api_token" in response.data && "envVars" in response.data;
+}
 var telemetry2 = new Telemetry();
-var init = new Command2("init").description("Connect a BigCommerce store with an existing Catalyst project").option("--store-hash <hash>", "BigCommerce store hash").option("--access-token <token>", "BigCommerce access token").addOption(
+var init = new Command2("init").description("Connect a BigCommerce store with an existing Catalyst project").option("--store-hash <hash>", "BigCommerce store hash").option("--access-token <token>", "BigCommerce access token").option("--env <vars...>", "Arbitrary environment variables to set in .env.local").addOption(
   new Option2("--bigcommerce-hostname <hostname>", "BigCommerce hostname").default("bigcommerce.com").hideHelp()
 ).addOption(
-  new Option2("--sample-data-api-url <url>", "BigCommerce sample data API URL").default("https://api.bc-sample.store").hideHelp()
+  new Option2("--cli-api-origin <origin>", "Catalyst CLI API origin").default("https://cxm-prd.bigcommerceapp.com").hideHelp()
 ).action((options) => __async(void 0, null, function* () {
   const projectDir = process.cwd();
-  const URLSchema = z4.string().url();
-  const sampleDataApiUrl = parse(options.sampleDataApiUrl, URLSchema);
-  const bigCommerceApiUrl = `https://api.${options.bigcommerceHostname}`;
-  const bigCommerceAuthUrl = `https://login.${options.bigcommerceHostname}`;
   let storeHash = options.storeHash;
   let accessToken = options.accessToken;
-  let channelId;
-  let storefrontToken;
-  if (!options.storeHash || !options.accessToken) {
-    const credentials = yield login(bigCommerceAuthUrl);
-    storeHash = credentials.storeHash;
-    accessToken = credentials.accessToken;
+  if (!storeHash || !accessToken) {
+    const config = new Config(projectDir);
+    const storedAuth = config.getAuth();
+    storeHash = storeHash != null ? storeHash : storedAuth.storeHash;
+    accessToken = accessToken != null ? accessToken : storedAuth.accessToken;
   }
   if (!storeHash || !accessToken) {
-    console.log(
-      chalk5.yellow("\nYou must authenticate with a store to overwrite your local environment.\n")
-    );
-    process.exit(1);
+    const credentials = yield login(`https://login.${options.bigcommerceHostname}`);
+    storeHash = credentials.storeHash;
+    accessToken = credentials.accessToken;
+    storeCredentials(projectDir, credentials);
   }
   yield telemetry2.identify(storeHash);
-  const bc = new Https({ bigCommerceApiUrl, storeHash, accessToken });
-  const sampleDataApi = new Https({
-    sampleDataApiUrl,
+  const bc = new Https({
+    baseUrl: `https://api.${options.bigcommerceHostname}/stores/${storeHash}`,
+    accessToken
+  });
+  const cliApi = new CliApi({
+    origin: options.cliApiOrigin,
     storeHash,
     accessToken
   });
-  const eligibilityResponse = yield sampleDataApi.checkEligibility();
-  if (!eligibilityResponse.data.eligible) {
-    console.warn(chalk5.yellow(eligibilityResponse.data.message));
+  const channelSortOrder = ["catalyst", "next", "bigcommerce"];
+  const channelsResponse = yield bc.fetch("/v3/channels?available=true&type=storefront");
+  if (!channelsResponse.ok) {
+    console.error(
+      chalk4.red(
+        `
+GET /v3/channels failed: ${channelsResponse.status} ${channelsResponse.statusText}
+`
+      )
+    );
+    process.exit(1);
   }
-  let shouldCreateChannel;
-  if (eligibilityResponse.data.eligible) {
-    shouldCreateChannel = yield select3({
-      message: "Would you like to create a new channel?",
-      choices: [
-        { name: "Yes", value: true },
-        { name: "No", value: false }
-      ]
-    });
+  const availableChannels = yield channelsResponse.json();
+  if (!isChannelsResponse2(availableChannels)) {
+    console.error(chalk4.red("\nUnexpected response format from channels endpoint\n"));
+    process.exit(1);
   }
-  if (shouldCreateChannel) {
-    const newChannelName = yield input2({
-      message: "What would you like to name your new channel?"
-    });
-    const {
-      data: { id: createdChannelId, storefront_api_token: storefrontApiToken }
-    } = yield sampleDataApi.createChannel(newChannelName);
-    channelId = createdChannelId;
-    storefrontToken = storefrontApiToken;
+  const existingChannel = yield select2({
+    message: "Which channel would you like to use?",
+    choices: availableChannels.data.sort(
+      (a, b) => channelSortOrder.indexOf(a.platform) - channelSortOrder.indexOf(b.platform)
+    ).map((ch) => ({
+      name: ch.name,
+      value: ch,
+      description: `Channel Platform: ${ch.platform === "bigcommerce" ? "Stencil" : ch.platform.charAt(0).toUpperCase() + ch.platform.slice(1)}`
+    }))
+  });
+  const channelId = existingChannel.id;
+  const initResponse = yield cliApi.getChannelInit(channelId);
+  if (!initResponse.ok) {
+    console.error(
+      chalk4.red(
+        `
+GET /channels/${channelId}/init failed: ${initResponse.status} ${initResponse.statusText}
+`
+      )
+    );
+    process.exit(1);
   }
-  if (!shouldCreateChannel) {
-    const channelSortOrder = ["catalyst", "next", "bigcommerce"];
-    const availableChannels = yield bc.channels("?available=true&type=storefront");
-    const existingChannel = yield select3({
-      message: "Which channel would you like to use?",
-      choices: availableChannels.data.sort(
-        (a, b) => channelSortOrder.indexOf(a.platform) - channelSortOrder.indexOf(b.platform)
-      ).map((ch) => ({
-        name: ch.name,
-        value: ch,
-        description: `Channel Platform: ${ch.platform === "bigcommerce" ? "Stencil" : ch.platform.charAt(0).toUpperCase() + ch.platform.slice(1)}`
-      }))
-    });
-    channelId = existingChannel.id;
-    const {
-      data: { token: sfToken }
-    } = yield bc.storefrontToken();
-    storefrontToken = sfToken;
+  const initData = yield initResponse.json();
+  if (!isInitResponse2(initData)) {
+    console.error(chalk4.red("\nUnexpected response format from init endpoint\n"));
+    process.exit(1);
   }
-  if (!channelId) throw new Error("Something went wrong, channelId is not defined");
-  if (!storefrontToken) throw new Error("Something went wrong, storefrontToken is not defined");
-  writeEnv(projectDir, {
-    channelId: channelId.toString(),
-    storeHash,
-    storefrontToken
-  });
+  const envVars = __spreadValues({}, initData.data.envVars);
+  if (options.env) {
+    const cliEnvVars = options.env.reduce((acc, env) => {
+      const [key, value] = env.split("=");
+      if (key && value) {
+        acc[key] = value;
+      }
+      return acc;
+    }, {});
+    Object.assign(envVars, cliEnvVars);
+  }
+  writeEnv(projectDir, envVars);
+  console.log(chalk4.green(`
+.env.local file created for channel ${existingChannel.name}!
+`));
+  console.log(chalk4.green(`
+Next steps:
+`));
+  console.log(chalk4.yellow(`
+pnpm run dev
+`));
 }));
 
 // src/commands/integration.ts
@@ -1040,16 +1137,16 @@ import { outputFileSync as outputFileSync2, writeJsonSync } from "fs-extra/esm";
 import kebabCase2 from "lodash.kebabcase";
 import { coerce, compare } from "semver";
 import { promisify } from "util";
-import { z as z5 } from "zod";
+import { z as z3 } from "zod";
 var exec = promisify(execCb);
-var ManifestSchema = z5.object({
-  name: z5.string(),
-  dependencies: z5.object({ add: z5.array(z5.string()) }),
-  devDependencies: z5.object({ add: z5.array(z5.string()) }),
-  environmentVariables: z5.array(z5.string())
+var ManifestSchema = z3.object({
+  name: z3.string(),
+  dependencies: z3.object({ add: z3.array(z3.string()) }),
+  devDependencies: z3.object({ add: z3.array(z3.string()) }),
+  environmentVariables: z3.array(z3.string())
 });
 var integration = new Command3("integration").argument("<integration-name>", "Formatted name of the integration").option("--commit-hash <hash>", "Override integration source branch with a specific commit hash").action((integrationNameRaw, options) => __async(void 0, null, function* () {
-  const integrationName = z5.string().transform(kebabCase2).parse(integrationNameRaw);
+  const integrationName = z3.string().transform(kebabCase2).parse(integrationNameRaw);
   const manifest = {
     name: integrationName,
     dependencies: { add: [] },
@@ -1071,9 +1168,9 @@ var integration = new Command3("integration").argument("<integration-name>", "Fo
     }
     return 0;
   }).reverse();
-  const PackageDependenciesSchema = z5.object({
-    dependencies: z5.object({}).passthrough(),
-    devDependencies: z5.object({}).passthrough()
+  const PackageDependenciesSchema = z3.object({
+    dependencies: z3.object({}).passthrough(),
+    devDependencies: z3.object({}).passthrough()
   });
   const getPackageDeps = (ref) => __async(void 0, null, function* () {
     const { stdout } = yield exec(`git show ${ref}:core/package.json`);
@@ -1109,7 +1206,7 @@ var integration = new Command3("integration").argument("<integration-name>", "Fo
 import { Argument, Command as Command4, Option as Option3 } from "@commander-js/extra-typings";
 
 // src/utils/telemetry/index.ts
-import chalk6 from "chalk";
+import chalk5 from "chalk";
 var telemetry3 = new Telemetry();
 var isEnabled = telemetry3.isEnabled();
 var catalystTelemetry = (options, arg) => {
@@ -1130,7 +1227,7 @@ var catalystTelemetry = (options, arg) => {
   }
   console.log(
     `
-Status: ${chalk6.bold(isEnabled ? chalk6.green("Enabled") : chalk6.red("Disabled"))}`
+Status: ${chalk5.bold(isEnabled ? chalk5.green("Enabled") : chalk5.red("Disabled"))}`
   );
   if (!isEnabled) {
     console.log(
@@ -1183,7 +1280,7 @@ var telemetryPostHook = () => __async(void 0, null, function* () {
 });
 
 // src/index.ts
-console.log(chalk7.cyanBright(`
+console.log(chalk6.cyanBright(`
 \u25E2 ${package_default.name} v${package_default.version}
 `));
 program.name(package_default.name).version(package_default.version).description("A command line tool to create a new Catalyst project.").addCommand(create, { isDefault: true }).addCommand(init).addCommand(integration).addCommand(telemetry4).hook("preAction", telemetryPreHook).hook("postAction", telemetryPostHook);