@doswiftly/cli 0.1.18 → 0.1.19

package/templates/storefront-nextjs-shadcn/graphql/collections.example.ts

@@ -1,168 +0,0 @@
-import { gql } from 'graphql-tag';
-
-/**
- * Example: Custom GraphQL query for collections
- * 
- * This file demonstrates how to write custom GraphQL queries for collections
- * that will be picked up by codegen and generate TypeScript types.
- * 
- * To use this example:
- * 1. Rename this file from collections.example.ts to collections.ts
- * 2. Run `pnpm run codegen` to generate types
- * 3. Import the generated query in your components
- */
-
-// Example 1: Get featured collections
-export const GET_FEATURED_COLLECTIONS = gql`
-  query GetFeaturedCollections($first: Int = 6) {
-    collections(first: $first, query: "featured:true") {
-      edges {
-        node {
-          id
-          handle
-          title
-          description
-          image {
-            url
-            altText
-            width
-            height
-          }
-        }
-        cursor
-      }
-      pageInfo {
-        hasNextPage
-        endCursor
-      }
-    }
-  }
-`;
-
-// Example 2: Get collection with products
-export const GET_COLLECTION_WITH_PRODUCTS = gql`
-  query GetCollectionWithProducts(
-    $handle: String!
-    $first: Int = 20
-    $after: String
-  ) {
-    collection(handle: $handle) {
-      id
-      title
-      description
-      descriptionHtml
-      image {
-        url
-        altText
-      }
-      seo {
-        title
-        description
-      }
-      products(
-        first: $first
-        after: $after
-      ) {
-        edges {
-          node {
-            id
-            handle
-            title
-            description
-            featuredImage {
-              url
-              altText
-            }
-            priceRange {
-              minVariantPrice {
-                amount
-                currencyCode
-                baseAmount
-                baseCurrencyCode
-                isConverted
-              }
-            }
-            compareAtPriceRange {
-              minVariantPrice {
-                amount
-                currencyCode
-              }
-            }
-            vendor
-            productType
-            tags
-            totalInventory
-          }
-          cursor
-        }
-        pageInfo {
-          hasNextPage
-          hasPreviousPage
-          startCursor
-          endCursor
-        }
-        totalCount
-      }
-    }
-  }
-`;
-
-// Example 3: Get all collections with product counts
-export const GET_ALL_COLLECTIONS = gql`
-  query GetAllCollections(
-    $first: Int = 50
-    $after: String
-    $sortKey: CollectionSortKeys = TITLE
-  ) {
-    collections(first: $first, after: $after, sortKey: $sortKey) {
-      edges {
-        node {
-          id
-          handle
-          title
-          description
-          image {
-            url
-            altText
-          }
-          products(first: 1) {
-            totalCount
-          }
-        }
-        cursor
-      }
-      pageInfo {
-        hasNextPage
-        hasPreviousPage
-        startCursor
-        endCursor
-      }
-      totalCount
-    }
-  }
-`;
-
-/**
- * Usage in components:
- * 
- * // Server Component
- * import { getClient } from '@/lib/graphql/server';
- * import { GetFeaturedCollectionsDocument } from '@/generated/graphql';
- * 
- * const client = getClient();
- * const { collections } = await client.request(GetFeaturedCollectionsDocument);
- * 
- * // Client Component
- * import { useQuery } from '@tanstack/react-query';
- * import { getGraphQLClient } from '@/lib/graphql/client';
- * import { GetCollectionWithProductsDocument } from '@/generated/graphql';
- * 
- * const client = getGraphQLClient();
- * const { data } = useQuery({
- *   queryKey: ['Collection', handle],
- *   queryFn: () => client.request(GetCollectionWithProductsDocument, { 
- *     handle,
- *     first: 20
- *   }),
- * });
- */

package/templates/storefront-nextjs-shadcn/graphql/products.example.ts

@@ -1,160 +0,0 @@
-import { gql } from 'graphql-tag';
-
-/**
- * Example: Custom GraphQL query for featured products
- * 
- * This file demonstrates how to write custom GraphQL queries
- * that will be picked up by codegen and generate TypeScript types.
- * 
- * To use this example:
- * 1. Rename this file from products.example.ts to products.ts
- * 2. Run `pnpm run codegen` to generate types
- * 3. Import the generated query in your components
- */
-
-// Example 1: Get featured products with specific fields
-export const GET_FEATURED_PRODUCTS = gql`
-  query GetFeaturedProducts($first: Int = 6) {
-    products(first: $first, query: "tag:featured") {
-      edges {
-        node {
-          id
-          handle
-          title
-          description
-          featuredImage {
-            url
-            altText
-            width
-            height
-          }
-          priceRange {
-            minVariantPrice {
-              amount
-              currencyCode
-            }
-          }
-        }
-        cursor
-      }
-      pageInfo {
-        hasNextPage
-        endCursor
-      }
-    }
-  }
-`;
-
-// Example 2: Get product with reviews
-export const GET_PRODUCT_WITH_REVIEWS = gql`
-  query GetProductWithReviews($handle: String!) {
-    product(handle: $handle) {
-      id
-      title
-      description
-      descriptionHtml
-      averageRating
-      reviewCount
-      featuredImage {
-        url
-        altText
-      }
-      priceRange {
-        minVariantPrice {
-          amount
-          currencyCode
-          baseAmount
-          baseCurrencyCode
-          isConverted
-        }
-      }
-      variants(first: 10) {
-        id
-        title
-        price {
-          amount
-          currencyCode
-        }
-        available
-        quantityAvailable
-      }
-    }
-  }
-`;
-
-// Example 3: Search products with filters
-export const SEARCH_PRODUCTS_WITH_FILTERS = gql`
-  query SearchProductsWithFilters(
-    $query: String!
-    $first: Int = 20
-    $after: String
-    $filters: ProductFilterInput
-  ) {
-    products(
-      query: $query
-      first: $first
-      after: $after
-      filters: $filters
-    ) {
-      edges {
-        node {
-          id
-          handle
-          title
-          vendor
-          productType
-          featuredImage {
-            url
-            altText
-          }
-          priceRange {
-            minVariantPrice {
-              amount
-              currencyCode
-            }
-            maxVariantPrice {
-              amount
-              currencyCode
-            }
-          }
-          compareAtPriceRange {
-            minVariantPrice {
-              amount
-              currencyCode
-            }
-          }
-        }
-        cursor
-      }
-      pageInfo {
-        hasNextPage
-        hasPreviousPage
-        startCursor
-        endCursor
-      }
-      totalCount
-    }
-  }
-`;
-
-/**
- * Usage in components:
- * 
- * // Server Component
- * import { getClient } from '@/lib/graphql/server';
- * import { GetFeaturedProductsDocument } from '@/generated/graphql';
- * 
- * const client = getClient();
- * const { products } = await client.request(GetFeaturedProductsDocument, { first: 6 });
- * 
- * // Client Component
- * import { useQuery } from '@tanstack/react-query';
- * import { getGraphQLClient } from '@/lib/graphql/client';
- * import { GetFeaturedProductsDocument } from '@/generated/graphql';
- * 
- * const client = getGraphQLClient();
- * const { data } = useQuery({
- *   queryKey: ['FeaturedProducts'],
- *   queryFn: () => client.request(GetFeaturedProductsDocument, { first: 6 }),
- * });
- */

package/templates/storefront-nextjs-shadcn/lib/auth/cookies.ts

@@ -1,220 +0,0 @@
-/**
- * Cookie Helpers for Authentication
- *
- * Provides utilities for managing authentication cookies in both
- * client-side and server-side contexts.
- *
- * Security Notes:
- * - Cookies are httpOnly (set via API routes, not client-side)
- * - Cookies are secure in production (HTTPS only)
- * - Cookies are SameSite=Lax to prevent CSRF
- * - Token validation happens on GraphQL backend
- *
- * @see lib/auth/routes.ts - Cookie name constant
- * @see app/api/auth/set-token/route.ts - Server-side cookie setter
- * @see app/api/auth/clear-token/route.ts - Server-side cookie clearer
- */
-
-import { AUTH_COOKIE_NAME } from "./routes";
-
-/**
- * Cookie configuration for authentication token
- */
-export const AUTH_COOKIE_CONFIG = {
-  name: AUTH_COOKIE_NAME,
-  maxAge: 60 * 60 * 24 * 30, // 30 days (in seconds)
-  path: "/",
-  sameSite: "lax" as const,
-  secure: process.env.NODE_ENV === "production",
-  httpOnly: true, // Cannot be accessed via JavaScript (security)
-} as const;
-
-/**
- * Get authentication token from cookies (client-side)
- *
- * Note: This only works if the cookie is NOT httpOnly.
- * For httpOnly cookies, use server-side methods or API routes.
- *
- * @returns Token string or null if not found
- *
- * @example
- * ```tsx
- * const token = getAuthToken();
- * if (token) {
- *   // User is authenticated
- * }
- * ```
- */
-export function getAuthToken(): string | null {
-  if (typeof window === "undefined") {
-    return null; // Server-side
-  }
-
-  const cookies = document.cookie.split("; ");
-  const authCookie = cookies.find((c) => c.startsWith(`${AUTH_COOKIE_NAME}=`));
-
-  if (!authCookie) {
-    return null;
-  }
-
-  return authCookie.split("=")[1] || null;
-}
-
-/**
- * Check if user is authenticated (client-side)
- *
- * Note: This checks cookie EXISTENCE, not VALIDITY.
- * Token validation happens on the GraphQL backend.
- *
- * @returns True if auth cookie exists
- *
- * @example
- * ```tsx
- * const isAuthenticated = isAuthTokenPresent();
- * if (isAuthenticated) {
- *   // Show authenticated UI
- * }
- * ```
- */
-export function isAuthTokenPresent(): boolean {
-  return getAuthToken() !== null;
-}
-
-/**
- * Set authentication token (via API route)
- *
- * This function calls the API route to set an httpOnly cookie.
- * Direct client-side cookie setting is NOT secure for auth tokens.
- *
- * @param token - Customer access token from GraphQL
- * @returns Promise that resolves when cookie is set
- *
- * @example
- * ```tsx
- * const { customerAccessToken } = await loginMutation.mutateAsync({
- *   input: { email, password }
- * });
- *
- * if (customerAccessToken) {
- *   await setAuthToken(customerAccessToken.accessToken);
- * }
- * ```
- */
-export async function setAuthToken(token: string): Promise<void> {
-  const response = await fetch("/api/auth/set-token", {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify({ token }),
-  });
-
-  if (!response.ok) {
-    throw new Error("Failed to set authentication token");
-  }
-}
-
-/**
- * Clear authentication token (via API route)
- *
- * This function calls the API route to clear the httpOnly cookie.
- *
- * @returns Promise that resolves when cookie is cleared
- *
- * @example
- * ```tsx
- * await clearAuthToken();
- * router.push('/auth/login');
- * ```
- */
-export async function clearAuthToken(): Promise<void> {
-  const response = await fetch("/api/auth/clear-token", {
-    method: "POST",
-  });
-
-  if (!response.ok) {
-    throw new Error("Failed to clear authentication token");
-  }
-}
-
-/**
- * Parse cookie string into key-value object
- *
- * Utility function for parsing cookie strings in server-side contexts.
- *
- * @param cookieString - Raw cookie string from request headers
- * @returns Object with cookie key-value pairs
- *
- * @example
- * ```tsx
- * const cookies = parseCookies(request.headers.get('cookie') || '');
- * const token = cookies[AUTH_COOKIE_NAME];
- * ```
- */
-export function parseCookies(cookieString: string): Record<string, string> {
-  return cookieString
-    .split("; ")
-    .reduce((acc, cookie) => {
-      const [key, value] = cookie.split("=");
-      if (key && value) {
-        acc[key] = value;
-      }
-      return acc;
-    }, {} as Record<string, string>);
-}
-
-/**
- * Serialize cookie for Set-Cookie header
- *
- * Utility function for creating Set-Cookie header values in API routes.
- *
- * @param name - Cookie name
- * @param value - Cookie value
- * @param options - Cookie options (maxAge, path, etc.)
- * @returns Serialized cookie string for Set-Cookie header
- *
- * @example
- * ```tsx
- * const cookieHeader = serializeCookie(
- *   AUTH_COOKIE_NAME,
- *   token,
- *   AUTH_COOKIE_CONFIG
- * );
- * response.headers.set('Set-Cookie', cookieHeader);
- * ```
- */
-export function serializeCookie(
-  name: string,
-  value: string,
-  options: {
-    maxAge?: number;
-    path?: string;
-    sameSite?: "strict" | "lax" | "none";
-    secure?: boolean;
-    httpOnly?: boolean;
-  } = {}
-): string {
-  const parts = [`${name}=${value}`];
-
-  if (options.maxAge) {
-    parts.push(`Max-Age=${options.maxAge}`);
-  }
-
-  if (options.path) {
-    parts.push(`Path=${options.path}`);
-  }
-
-  if (options.sameSite) {
-    parts.push(`SameSite=${options.sameSite}`);
-  }
-
-  if (options.secure) {
-    parts.push("Secure");
-  }
-
-  if (options.httpOnly) {
-    parts.push("HttpOnly");
-  }
-
-  return parts.join("; ");
-}

package/templates/storefront-nextjs-shadcn/lib/config.ts

@@ -1,46 +0,0 @@
-/**
- * Shop Configuration
- *
- * Centralized configuration for shop settings.
- * Customize these values to match your store's policies.
- */
-
-export const shopConfig = {
-  /**
-   * Currency settings
-   */
-  currency: {
-    default: 'USD',
-    supported: ['USD', 'EUR', 'GBP', 'PLN'],
-  },
-
-  /**
-   * Shipping policy settings
-   */
-  shipping: {
-    freeShippingThreshold: 50,
-    standardDeliveryDays: { min: 3, max: 5 },
-    features: [
-      'Express shipping available at checkout',
-      'International shipping available',
-      '30-day return policy',
-    ],
-  },
-
-  /**
-   * Product display settings
-   */
-  products: {
-    gridColumns: 4,
-    itemsPerPage: 12,
-  },
-
-  /**
-   * Cart settings
-   */
-  cart: {
-    maxQuantityPerItem: 99,
-  },
-} as const;
-
-export type ShopConfig = typeof shopConfig;