hydrogen-forge 0.1.0

package/dist/lib/generators.js

@@ -0,0 +1,470 @@
+export function generateComponent(name, type, withStyles) {
+    switch (type) {
+        case 'product':
+            return generateProductComponent(name, withStyles);
+        case 'collection':
+            return generateCollectionComponent(name, withStyles);
+        case 'cart':
+            return generateCartComponent(name, withStyles);
+        case 'form':
+            return generateFormComponent(name, withStyles);
+        case 'layout':
+            return generateLayoutComponent(name, withStyles);
+        default:
+            return generateBasicComponent(name, withStyles);
+    }
+}
+export function generateRoute(name, type) {
+    switch (type) {
+        case 'collection':
+            return generateCollectionRoute(name);
+        case 'product':
+            return generateProductRoute(name);
+        case 'account':
+            return generateAccountRoute(name);
+        case 'api':
+            return generateApiRoute(name);
+        case 'resource':
+            return generateResourceRoute(name);
+        default:
+            return generatePageRoute(name);
+    }
+}
+// Component generators
+function generateBasicComponent(name, withStyles) {
+    return `export interface ${name}Props {
+  // Add props here
+}
+
+export function ${name}({}: ${name}Props) {
+  return (
+    <div${withStyles ? ' className="p-4"' : ''}>
+      <h2>${name} Component</h2>
+    </div>
+  );
+}
+`;
+}
+function generateProductComponent(name, withStyles) {
+    return `import {Link} from 'react-router';
+import {Image, Money} from '@shopify/hydrogen';
+import type {MoneyV2} from '@shopify/hydrogen/storefront-api-types';
+
+export interface ${name}Props {
+  product: {
+    id: string;
+    title: string;
+    handle: string;
+    featuredImage?: {
+      url: string;
+      altText?: string | null;
+    } | null;
+    priceRange: {
+      minVariantPrice: MoneyV2;
+    };
+  };
+}
+
+export function ${name}({product}: ${name}Props) {
+  const image = product.featuredImage;
+
+  return (
+    <Link
+      to={\`/products/\${product.handle}\`}
+      ${withStyles ? 'className="group block"' : ''}
+      prefetch="intent"
+    >
+      <div${withStyles ? ' className="relative aspect-square overflow-hidden rounded-lg bg-secondary-100"' : ''}>
+        {image ? (
+          <Image
+            alt={image.altText || product.title}
+            src={image.url}
+            ${withStyles ? 'className="h-full w-full object-cover transition-transform group-hover:scale-105"' : ''}
+          />
+        ) : (
+          <div${withStyles ? ' className="flex h-full w-full items-center justify-center"' : ''}>
+            <span${withStyles ? ' className="text-secondary-400"' : ''}>No image</span>
+          </div>
+        )}
+      </div>
+      <div${withStyles ? ' className="mt-3 space-y-1"' : ''}>
+        <h3${withStyles ? ' className="text-sm font-medium text-secondary-900"' : ''}>{product.title}</h3>
+        <Money
+          data={product.priceRange.minVariantPrice}
+          ${withStyles ? 'className="text-sm text-secondary-500"' : ''}
+        />
+      </div>
+    </Link>
+  );
+}
+`;
+}
+function generateCollectionComponent(name, withStyles) {
+    return `import {Link} from 'react-router';
+import {Image} from '@shopify/hydrogen';
+
+export interface ${name}Props {
+  collection: {
+    id: string;
+    title: string;
+    handle: string;
+    image?: {
+      url: string;
+      altText?: string | null;
+    } | null;
+  };
+}
+
+export function ${name}({collection}: ${name}Props) {
+  return (
+    <Link
+      to={\`/collections/\${collection.handle}\`}
+      ${withStyles ? 'className="group relative block overflow-hidden rounded-lg"' : ''}
+      prefetch="intent"
+    >
+      <div${withStyles ? ' className="aspect-video bg-secondary-100"' : ''}>
+        {collection.image ? (
+          <Image
+            alt={collection.image.altText || collection.title}
+            src={collection.image.url}
+            ${withStyles ? 'className="h-full w-full object-cover transition-transform group-hover:scale-105"' : ''}
+          />
+        ) : (
+          <div${withStyles ? ' className="flex h-full w-full items-center justify-center bg-secondary-200"' : ''}>
+            <span${withStyles ? ' className="text-secondary-500"' : ''}>{collection.title}</span>
+          </div>
+        )}
+      </div>
+      <div${withStyles ? ' className="absolute inset-0 flex items-end bg-gradient-to-t from-black/60 to-transparent p-4"' : ''}>
+        <h3${withStyles ? ' className="text-lg font-semibold text-white"' : ''}>{collection.title}</h3>
+      </div>
+    </Link>
+  );
+}
+`;
+}
+function generateCartComponent(name, withStyles) {
+    return `import {CartForm} from '@shopify/hydrogen';
+
+export interface ${name}Props {
+  line: {
+    id: string;
+    quantity: number;
+    merchandise: {
+      title: string;
+      product: {
+        title: string;
+      };
+    };
+  };
+}
+
+export function ${name}({line}: ${name}Props) {
+  return (
+    <div${withStyles ? ' className="flex gap-4 py-4 border-b border-secondary-200"' : ''}>
+      <div${withStyles ? ' className="flex-1"' : ''}>
+        <h3${withStyles ? ' className="font-medium"' : ''}>{line.merchandise.product.title}</h3>
+        <p${withStyles ? ' className="text-sm text-secondary-500"' : ''}>{line.merchandise.title}</p>
+        <p${withStyles ? ' className="mt-1 text-sm"' : ''}>Qty: {line.quantity}</p>
+      </div>
+      <CartForm
+        route="/cart"
+        action={CartForm.ACTIONS.LinesRemove}
+        inputs={{lineIds: [line.id]}}
+      >
+        <button
+          type="submit"
+          ${withStyles ? 'className="text-sm text-red-600 hover:text-red-700"' : ''}
+        >
+          Remove
+        </button>
+      </CartForm>
+    </div>
+  );
+}
+`;
+}
+function generateFormComponent(name, withStyles) {
+    return `import {Form, useNavigation} from 'react-router';
+
+export interface ${name}Props {
+  action?: string;
+}
+
+export function ${name}({action}: ${name}Props) {
+  const navigation = useNavigation();
+  const isSubmitting = navigation.state === 'submitting';
+
+  return (
+    <Form action={action} method="post"${withStyles ? ' className="space-y-4"' : ''}>
+      <div>
+        <label htmlFor="email"${withStyles ? ' className="block text-sm font-medium"' : ''}>
+          Email
+        </label>
+        <input
+          type="email"
+          id="email"
+          name="email"
+          required
+          ${withStyles ? 'className="mt-1 block w-full rounded-md border border-secondary-300 px-3 py-2"' : ''}
+        />
+      </div>
+      <button
+        type="submit"
+        disabled={isSubmitting}
+        ${withStyles ? 'className="w-full rounded-md bg-primary-600 px-4 py-2 text-white disabled:opacity-50"' : ''}
+      >
+        {isSubmitting ? 'Submitting...' : 'Submit'}
+      </button>
+    </Form>
+  );
+}
+`;
+}
+function generateLayoutComponent(name, withStyles) {
+    return `import type {ReactNode} from 'react';
+
+export interface ${name}Props {
+  children: ReactNode;
+  header?: ReactNode;
+  footer?: ReactNode;
+}
+
+export function ${name}({children, header, footer}: ${name}Props) {
+  return (
+    <div${withStyles ? ' className="flex min-h-screen flex-col"' : ''}>
+      {header && <header${withStyles ? ' className="sticky top-0 z-40 border-b bg-white"' : ''}>{header}</header>}
+      <main${withStyles ? ' className="flex-1"' : ''}>{children}</main>
+      {footer && <footer${withStyles ? ' className="border-t bg-secondary-50"' : ''}>{footer}</footer>}
+    </div>
+  );
+}
+`;
+}
+// Route generators
+function generatePageRoute(name) {
+    const routeTitle = name
+        .split('.')
+        .pop()
+        ?.replace(/[$_]/g, '')
+        .replace(/^./, (c) => c.toUpperCase()) || 'Page';
+    return `import {useLoaderData} from 'react-router';
+import type {Route} from './+types/${name}';
+
+export const meta: Route.MetaFunction = () => {
+  return [{title: '${routeTitle}'}];
+};
+
+export async function loader({context}: Route.LoaderArgs) {
+  // Add your loader logic here
+  return {};
+}
+
+export default function ${routeTitle}() {
+  const data = useLoaderData<typeof loader>();
+
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-2xl font-bold">${routeTitle}</h1>
+    </div>
+  );
+}
+`;
+}
+function generateCollectionRoute(name) {
+    return `import {redirect, useLoaderData} from 'react-router';
+import type {Route} from './+types/${name}';
+import {getPaginationVariables} from '@shopify/hydrogen';
+
+export const meta: Route.MetaFunction = ({data}) => {
+  return [{title: \`\${data?.collection?.title ?? ''} Collection\`}];
+};
+
+export async function loader({context, params, request}: Route.LoaderArgs) {
+  const {handle} = params;
+  const {storefront} = context;
+  const paginationVariables = getPaginationVariables(request, {pageBy: 8});
+
+  if (!handle) {
+    throw redirect('/collections');
+  }
+
+  const {collection} = await storefront.query(COLLECTION_QUERY, {
+    variables: {handle, ...paginationVariables},
+  });
+
+  if (!collection) {
+    throw new Response('Collection not found', {status: 404});
+  }
+
+  return {collection};
+}
+
+export default function Collection() {
+  const {collection} = useLoaderData<typeof loader>();
+
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-2xl font-bold">{collection.title}</h1>
+      {/* Add collection products grid here */}
+    </div>
+  );
+}
+
+const COLLECTION_QUERY = \`#graphql
+  query Collection($handle: String!, $first: Int, $last: Int, $after: String, $before: String) {
+    collection(handle: $handle) {
+      id
+      handle
+      title
+      description
+      products(first: $first, last: $last, after: $after, before: $before) {
+        nodes {
+          id
+          handle
+          title
+        }
+        pageInfo {
+          hasNextPage
+          hasPreviousPage
+          startCursor
+          endCursor
+        }
+      }
+    }
+  }
+\` as const;
+`;
+}
+function generateProductRoute(name) {
+    return `import {useLoaderData} from 'react-router';
+import type {Route} from './+types/${name}';
+import {getSelectedProductOptions} from '@shopify/hydrogen';
+
+export const meta: Route.MetaFunction = ({data}) => {
+  return [{title: data?.product?.title ?? 'Product'}];
+};
+
+export async function loader({context, params, request}: Route.LoaderArgs) {
+  const {handle} = params;
+  const {storefront} = context;
+  const selectedOptions = getSelectedProductOptions(request);
+
+  const {product} = await storefront.query(PRODUCT_QUERY, {
+    variables: {handle, selectedOptions},
+  });
+
+  if (!product) {
+    throw new Response('Product not found', {status: 404});
+  }
+
+  return {product};
+}
+
+export default function Product() {
+  const {product} = useLoaderData<typeof loader>();
+
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-3xl font-bold">{product.title}</h1>
+      {/* Add product gallery and form here */}
+    </div>
+  );
+}
+
+const PRODUCT_QUERY = \`#graphql
+  query Product($handle: String!, $selectedOptions: [SelectedOptionInput!]!) {
+    product(handle: $handle) {
+      id
+      title
+      handle
+      descriptionHtml
+      featuredImage {
+        url
+        altText
+      }
+      selectedOrFirstAvailableVariant(selectedOptions: $selectedOptions) {
+        id
+        title
+        price {
+          amount
+          currencyCode
+        }
+      }
+    }
+  }
+\` as const;
+`;
+}
+function generateAccountRoute(name) {
+    return `import {useLoaderData} from 'react-router';
+import type {Route} from './+types/${name}';
+
+export const meta: Route.MetaFunction = () => {
+  return [{title: 'Account'}];
+};
+
+export async function loader({context}: Route.LoaderArgs) {
+  const {customerAccount} = context;
+  await customerAccount.handleAuthStatus();
+
+  const {data} = await customerAccount.query(CUSTOMER_QUERY);
+  return {customer: data.customer};
+}
+
+export default function Account() {
+  const {customer} = useLoaderData<typeof loader>();
+
+  return (
+    <div className="container mx-auto px-4 py-8">
+      <h1 className="text-2xl font-bold">Account</h1>
+      <p className="mt-4">Welcome, {customer?.firstName || 'Customer'}</p>
+    </div>
+  );
+}
+
+const CUSTOMER_QUERY = \`#graphql
+  query CustomerQuery {
+    customer {
+      id
+      firstName
+      lastName
+      email
+    }
+  }
+\` as const;
+`;
+}
+function generateApiRoute(name) {
+    return `import type {Route} from './+types/${name}';
+
+export async function loader({request}: Route.LoaderArgs) {
+  return Response.json({
+    message: 'API endpoint',
+    timestamp: new Date().toISOString(),
+  });
+}
+
+export async function action({request}: Route.ActionArgs) {
+  const method = request.method;
+
+  if (method === 'POST') {
+    const body = await request.json();
+    return Response.json({success: true, data: body});
+  }
+
+  return Response.json({error: 'Method not allowed'}, {status: 405});
+}
+`;
+}
+function generateResourceRoute(name) {
+    return `import type {Route} from './+types/${name}';
+
+export async function loader({context}: Route.LoaderArgs) {
+  return Response.json({
+    // Return your resource data
+  });
+}
+`;
+}
+//# sourceMappingURL=generators.js.map

package/dist/lib/generators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generators.js","sourceRoot":"","sources":["../../src/lib/generators.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,17 @@
+export interface SpinnerOptions {
+    text: string;
+    successText?: string;
+    failText?: string;
+}
+export declare function withSpinner<T>(options: SpinnerOptions, fn: () => Promise<T>): Promise<T>;
+export declare function runCommand(command: string, args: string[], cwd: string): Promise<void>;
+export declare function copyTemplate(templateDir: string, targetDir: string, replacements?: Record<string, string>): Promise<void>;
+export declare function validateProjectName(name: string): boolean;
+export declare function isDirectoryEmpty(dir: string): Promise<boolean>;
+export declare function detectPackageManager(): Promise<'npm' | 'pnpm' | 'yarn'>;
+export declare function printSuccess(message: string): void;
+export declare function printError(message: string): void;
+export declare function printInfo(message: string): void;
+export declare function printWarning(message: string): void;
+export declare function printStep(step: number, total: number, message: string): void;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAsB,WAAW,CAAC,CAAC,EACjC,OAAO,EAAE,cAAc,EACvB,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACnB,OAAO,CAAC,CAAC,CAAC,CAWZ;AAED,wBAAsB,UAAU,CAC9B,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,EAAE,EACd,GAAG,EAAE,MAAM,GACV,OAAO,CAAC,IAAI,CAAC,CAkBf;AAED,wBAAsB,YAAY,CAChC,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,EACjB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,OAAO,CAAC,IAAI,CAAC,CAMf;AA+BD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAIzD;AAED,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAOpE;AAED,wBAAsB,oBAAoB,IAAI,OAAO,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAU7E;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAElD;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAEhD;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAE/C;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAElD;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAE5E"}

package/dist/lib/utils.js

@@ -0,0 +1,101 @@
+import * as fs from 'fs-extra';
+import * as path from 'node:path';
+import { spawn } from 'node:child_process';
+import chalk from 'chalk';
+import ora from 'ora';
+export async function withSpinner(options, fn) {
+    const spinner = ora(options.text).start();
+    try {
+        const result = await fn();
+        spinner.succeed(options.successText || options.text);
+        return result;
+    }
+    catch (error) {
+        spinner.fail(options.failText || options.text);
+        throw error;
+    }
+}
+export async function runCommand(command, args, cwd) {
+    return new Promise((resolve, reject) => {
+        const child = spawn(command, args, {
+            cwd,
+            stdio: 'inherit',
+            shell: true,
+        });
+        child.on('close', (code) => {
+            if (code === 0) {
+                resolve();
+            }
+            else {
+                reject(new Error(`Command failed with code ${code}`));
+            }
+        });
+        child.on('error', reject);
+    });
+}
+export async function copyTemplate(templateDir, targetDir, replacements) {
+    await fs.copy(templateDir, targetDir);
+    if (replacements) {
+        await replaceInFiles(targetDir, replacements);
+    }
+}
+async function replaceInFiles(dir, replacements) {
+    const files = await fs.readdir(dir);
+    for (const file of files) {
+        const filePath = path.join(dir, file);
+        const stat = await fs.stat(filePath);
+        if (stat.isDirectory()) {
+            await replaceInFiles(filePath, replacements);
+        }
+        else if (file.endsWith('.ts') ||
+            file.endsWith('.tsx') ||
+            file.endsWith('.json') ||
+            file.endsWith('.md')) {
+            let content = await fs.readFile(filePath, 'utf-8');
+            for (const [key, value] of Object.entries(replacements)) {
+                content = content.replace(new RegExp(key, 'g'), value);
+            }
+            await fs.writeFile(filePath, content);
+        }
+    }
+}
+export function validateProjectName(name) {
+    // Valid npm package name
+    const validName = /^(?:@[a-z0-9-~][a-z0-9-._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/;
+    return validName.test(name);
+}
+export async function isDirectoryEmpty(dir) {
+    try {
+        const files = await fs.readdir(dir);
+        return files.length === 0;
+    }
+    catch {
+        return true; // Directory doesn't exist
+    }
+}
+export async function detectPackageManager() {
+    const cwd = process.cwd();
+    if (await fs.pathExists(path.join(cwd, 'pnpm-lock.yaml'))) {
+        return 'pnpm';
+    }
+    if (await fs.pathExists(path.join(cwd, 'yarn.lock'))) {
+        return 'yarn';
+    }
+    return 'npm';
+}
+export function printSuccess(message) {
+    console.log(chalk.green('✓'), message);
+}
+export function printError(message) {
+    console.error(chalk.red('✗'), message);
+}
+export function printInfo(message) {
+    console.log(chalk.blue('ℹ'), message);
+}
+export function printWarning(message) {
+    console.log(chalk.yellow('⚠'), message);
+}
+export function printStep(step, total, message) {
+    console.log(chalk.dim(`[${step}/${total}]`), message);
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "hydrogen-forge",
+  "version": "0.1.0",
+  "description": "CLI for creating and managing Hydrogen Forge projects",
+  "type": "module",
+  "main": "dist/index.js",
+  "bin": {
+    "hydrogen-forge": "./dist/index.js",
+    "hf": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/index.js",
+    "lint": "eslint src/",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "hydrogen",
+    "shopify",
+    "cli",
+    "scaffolding",
+    "react",
+    "ecommerce"
+  ],
+  "author": "nathanmcmullendev",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "fs-extra": "^11.2.0",
+    "inquirer": "^9.2.0",
+    "ora": "^8.0.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/inquirer": "^9.0.9",
+    "@types/node": "^20.10.0",
+    "typescript": "^5.3.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "files": [
+    "dist",
+    "templates",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nathanmcmullendev/hydrogen-forge.git",
+    "directory": "packages/cli"
+  }
+}

package/templates/starter/.env.example

@@ -0,0 +1,21 @@
+# Hydrogen Forge Starter - Environment Variables
+# Copy this file to .env and fill in your values
+
+# Session secret (generate a random string)
+SESSION_SECRET="your-session-secret-here"
+
+# Shopify Store Domain (without https://)
+PUBLIC_STORE_DOMAIN="your-store.myshopify.com"
+
+# Storefront API Token (from Shopify Admin > Apps > Headless)
+PUBLIC_STOREFRONT_API_TOKEN="your-storefront-api-token"
+
+# Optional: Private Storefront API Token (for server-side operations)
+# PRIVATE_STOREFRONT_API_TOKEN=""
+
+# Optional: Customer Account API
+# PUBLIC_CUSTOMER_ACCOUNT_API_CLIENT_ID=""
+# PUBLIC_CUSTOMER_ACCOUNT_API_URL=""
+
+# Optional: Checkout Domain
+# PUBLIC_CHECKOUT_DOMAIN=""