@madebyseed/seed-cli-tools 3.0.0 → 4.0.0

package/src/tasks/watch-tui/theme-info.ts

@@ -0,0 +1,109 @@
+import { existsSync, readFileSync } from "fs";
+import { join } from "path";
+import type { ThemeInfo } from "./state";
+
+interface SeedContextFile {
+  version?: string;
+  activeContext?: string;
+  contexts?: Record<string, SeedContext>;
+}
+
+interface SeedContext {
+  name?: string;
+  status?: string;
+  git?: { branch?: string; baseBranch?: string };
+  shopify?: {
+    storeDomain?: string;
+    previewThemeName?: string;
+    previewThemeId?: string;
+    previewUrl?: string;
+    customizerUrl?: string;
+  };
+  asana?: { taskUrl?: string };
+  github?: { prUrl?: string };
+}
+
+interface SeedProjectConfig {
+  stores?: Record<string, { domain?: string }>;
+}
+
+interface SeedLegacyConfig {
+  store?: string;
+  stores?: Record<string, { domain?: string }>;
+}
+
+/**
+ * Build dashboard info from whatever config files exist. Precedence:
+ *   1. seed.context.json (active context) — full info
+ *   2. seed.project.json (newer project config) — store domain only
+ *   3. seed.config.js (legacy) — store domain only
+ * Returns an empty object if nothing is present; the dashboard renders
+ * whatever fields are populated.
+ */
+export function loadThemeInfo(cwd: string, storeKey = "main"): ThemeInfo {
+  const info: ThemeInfo = {};
+
+  const context = loadContext(cwd);
+  if (context) Object.assign(info, context);
+
+  if (!info.storeDomain) {
+    info.storeDomain =
+      loadProjectStore(cwd, storeKey) ?? loadLegacyStore(cwd, storeKey);
+  }
+
+  return info;
+}
+
+function loadContext(cwd: string): Partial<ThemeInfo> | null {
+  const file = join(cwd, "seed.context.json");
+  if (!existsSync(file)) return null;
+
+  try {
+    const parsed: SeedContextFile = JSON.parse(readFileSync(file, "utf-8"));
+    const id = parsed.activeContext;
+    if (!id || !parsed.contexts?.[id]) return null;
+
+    const ctx = parsed.contexts[id];
+    return {
+      contextName: ctx.name,
+      contextStatus: ctx.status,
+      branch: ctx.git?.branch,
+      baseBranch: ctx.git?.baseBranch,
+      storeDomain: ctx.shopify?.storeDomain,
+      previewThemeName: ctx.shopify?.previewThemeName,
+      previewThemeId: ctx.shopify?.previewThemeId,
+      previewUrl: ctx.shopify?.previewUrl,
+      customizerUrl: ctx.shopify?.customizerUrl,
+      asanaTaskUrl: ctx.asana?.taskUrl,
+      prUrl: ctx.github?.prUrl,
+    };
+  } catch {
+    return null;
+  }
+}
+
+function loadProjectStore(cwd: string, storeKey: string): string | undefined {
+  const file = join(cwd, "seed.project.json");
+  if (!existsSync(file)) return undefined;
+
+  try {
+    const parsed: SeedProjectConfig = JSON.parse(readFileSync(file, "utf-8"));
+    return parsed.stores?.[storeKey]?.domain;
+  } catch {
+    return undefined;
+  }
+}
+
+function loadLegacyStore(cwd: string, storeKey: string): string | undefined {
+  const file = join(cwd, "seed.config.js");
+  if (!existsSync(file)) return undefined;
+
+  try {
+    // require() caches; delete first so dev-edits to seed.config.js show up.
+    delete require.cache[require.resolve(file)];
+    const legacy: SeedLegacyConfig = require(file);
+    return legacy.stores?.[storeKey]?.domain || legacy.store;
+  } catch {
+    return undefined;
+  }
+}

package/src/types/declarations.d.ts

@@ -26,7 +26,17 @@ declare module "postcss-reporter" {
 }
 
 declare module "postcss-import" {
-  function postcssImport(): any;
+  interface PostcssImportOptions {
+    path?: string | string[];
+    resolve?: (
+      id: string,
+      basedir: string,
+      importOptions: unknown,
+    ) => string | string[] | Promise<string | string[]>;
+    filter?: (path: string) => boolean;
+    skipDuplicates?: boolean;
+  }
+  function postcssImport(options?: PostcssImportOptions): any;
   export default postcssImport;
 }
 
@@ -70,3 +80,11 @@ declare module "gulp-include" {
   function include(options?: IncludeOptions): NodeJS.ReadWriteStream;
   export default include;
 }
+
+declare module "gulp-terser" {
+  interface TerserOptions {
+    [key: string]: unknown;
+  }
+  function terser(options?: TerserOptions): NodeJS.ReadWriteStream;
+  export default terser;
+}

package/src/utils.ts

@@ -5,6 +5,7 @@ import type { ChildProcess } from "child_process";
 import { join } from "path";
 import { readFileSync, writeFileSync, existsSync } from "fs";
 import config from "./config";
+import { shopifyCommand } from "./shopify-bin";
 import { SeedConfig, ShopifyCLI, SeedProjectConfig } from "./types";
 
 /**
@@ -14,7 +15,6 @@ import { SeedConfig, ShopifyCLI, SeedProjectConfig } from "./types";
  * @returns {SeedProjectConfig | null} - project config object or null if not found
  */
 export function getProjectConfig(themeRoot: string): SeedProjectConfig | null {
-  console.log(require(join(themeRoot, "seed.project.json")));
 
   return require(join(themeRoot, "seed.project.json"));
 }
@@ -79,142 +79,112 @@ export function getStorePassword(
  * @namespace seed-cli.shopifyCLI
  * @memberof seed-cli
  */
+// All shopify spawn calls go through `shopifyCommand` so they pick up the
+// bundled `@shopify/cli` binary advertised by seed-cli via SEED_SHOPIFY_BIN.
+// PATH `shopify` is the fallback for when seed-tools is invoked outside the
+// seed-cli wrapper (e.g. running gulp directly).
 export const shopifyCLI: ShopifyCLI = {
-  /**
-   * shopify login
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @returns {object} - spawnSync object or, node's <ChildProcess> object if async
-   */
   login: (store: string) => {
-    const args = ["switch", "--store", store];
-    const options = {
+    const { command, args, shell } = shopifyCommand([
+      "switch",
+      "--store",
+      store,
+    ]);
+    return spawn.sync(command, args, {
       env: process.env,
       stdio: "inherit" as const,
-      shell: true,
-    };
-
-    return spawn.sync("shopify", args, options);
+      shell,
+    });
   },
 
-  /**
-   * shopify theme serve
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @param {object} options - node spawn options
-   * @returns {object} - node's ChildProcess
-   */
   serve: (store: string, options = {}) => {
-    return spawn("shopify theme", ["dev", "--store", store, "--path", "dist"], {
+    const { command, args, shell } = shopifyCommand([
+      "theme",
+      "dev",
+      "--store",
+      store,
+      "--path",
+      "dist",
+    ]);
+    return spawn(command, args, {
       env: process.env,
       stdio: "inherit" as const,
-      shell: true,
+      shell,
       ...options,
     });
   },
 
-  /**
-   * shopify theme pull
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @param {string} themeId - shopify theme id to pull from
-   * @param {string} dir - directory to pull into
-   * @param {boolean} [nodelete = true] - run command with --no-delete flag
-   * @returns {object} - node's ChildProcess
-   */
   pull: (store: string, themeId?: string, dir = "./src", nodelete = true) => {
-    let args = ["pull", "--store", store];
-    if (themeId) args = args.concat(["--theme", themeId, "--path", dir]);
-
-    if (nodelete) args.push("--nodelete");
+    const sub = ["theme", "pull", "--store", store];
+    if (themeId) sub.push("--theme", themeId, "--path", dir);
+    if (nodelete) sub.push("--nodelete");
 
-    return spawn("shopify theme", args, {
+    const { command, args, shell } = shopifyCommand(sub);
+    return spawn(command, args, {
       env: process.env,
       stdio: "inherit" as const,
-      shell: true,
+      shell,
     });
   },
 
-  /**
-   * shopify theme push
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @param {string} themeId - shopify theme id to push into
-   * @param {boolean} [nodelete = true] - run command with --no-delete flag
-   * @returns {ChildProcess} - node's ChildProcess
-   */
   push: (store: string, themeId?: string, nodelete = true) => {
-    let args = ["push", "--store", store, "--path", "dist"];
-    if (themeId) args = args.concat(["--theme", themeId]);
+    const sub = ["theme", "push", "--store", store, "--path", "dist"];
+    if (themeId) sub.push("--theme", themeId);
+    if (nodelete) sub.push("--nodelete");
 
-    if (nodelete) args.push("--nodelete");
-
-    return spawn("shopify theme", args, {
+    const { command, args, shell } = shopifyCommand(sub);
+    return spawn(command, args, {
       env: process.env,
       stdio: "inherit" as const,
-      shell: true,
+      shell,
     });
   },
 
-  /**
-   * shopify theme package
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @returns {ChildProcess} - node's ChildProcess
-   */
   package: () => {
-    return spawn("shopify theme", ["package", "--path", "dist"], {
+    const { command, args, shell } = shopifyCommand([
+      "theme",
+      "package",
+      "--path",
+      "dist",
+    ]);
+    return spawn(command, args, {
       env: process.env,
       stdio: "inherit" as const,
-      shell: true,
+      shell,
     });
   },
 
-  /**
-   * shopify theme list
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @param {object} options - additional options (role, json, etc.)
-   * @returns {ChildProcess} - node's ChildProcess
-   */
   list: (store: string, options: { role?: string; json?: boolean } = {}) => {
-    let args = ["list", "--store", store];
-
-    if (options.role) args = args.concat(["--role", options.role]);
-    if (options.json) args.push("--json");
+    const sub = ["theme", "list", "--store", store];
+    if (options.role) sub.push("--role", options.role);
+    if (options.json) sub.push("--json");
 
-    return spawn("shopify theme", args, {
+    const { command, args, shell } = shopifyCommand(sub);
+    return spawn(command, args, {
       env: process.env,
       stdio: options.json ? "pipe" : ("inherit" as const),
-      shell: true,
+      shell,
     });
   },
 
-  /**
-   * shopify theme duplicate
-   *
-   * @memberof seed-cli.shopifyCLI
-   * @param {string} store - store's myshopify domain name
-   * @param {string} themeId - theme ID to duplicate
-   * @param {string} [name] - optional name for the duplicated theme
-   * @param {boolean} [json] - return JSON output
-   * @returns {ChildProcess} - node's ChildProcess
-   */
   duplicate: (store: string, themeId: string, name?: string, json = false) => {
-    let args = ["duplicate", "--store", store, "--theme", themeId, "--force"];
-
-    if (name) args = args.concat(["--name", name]);
-    if (json) args.push("--json");
-
-    return spawn("shopify theme", args, {
+    const sub = [
+      "theme",
+      "duplicate",
+      "--store",
+      store,
+      "--theme",
+      themeId,
+      "--force",
+    ];
+    if (name) sub.push("--name", name);
+    if (json) sub.push("--json");
+
+    const { command, args, shell } = shopifyCommand(sub);
+    return spawn(command, args, {
       env: process.env,
       stdio: json ? "pipe" : ("inherit" as const),
-      shell: true,
+      shell,
     });
   },
 };

package/tsconfig.json

@@ -7,8 +7,9 @@
     "declaration": true,
     "sourceMap": true,
     "esModuleInterop": true,
-    "strict": true
+    "strict": true,
+    "jsx": "react"
   },
-  "include": ["./**/*.ts"],
+  "include": ["./**/*.ts", "./**/*.tsx"],
   "exclude": ["node_modules", "lib"]
 }