npm - create-githat-app - Versions diffs - 1.0.13 → 1.0.15 - Mend

create-githat-app 1.0.13 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/cli.js +85 -14
package/package.json +2 -2
package/templates/agent/TODO.md +9 -0
package/templates/agent/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/agent/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/agent/app/globals.css.hbs +87 -0
package/templates/agent/app/layout.tsx.hbs +41 -0
package/templates/agent/app/page.tsx.hbs +123 -0
package/templates/agent/next.config.ts.hbs +7 -0
package/templates/agent/postcss.config.mjs.hbs +14 -0
package/templates/agent/proxy.ts.hbs +10 -0
package/templates/agent/tsconfig.json.hbs +21 -0
package/templates/base/.env.example.hbs +2 -2
package/templates/base/.env.local.example.hbs +2 -2
package/templates/base/.env.local.hbs +2 -2
package/templates/content/TODO.md +9 -0
package/templates/content/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/content/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/content/app/globals.css.hbs +87 -0
package/templates/content/app/layout.tsx.hbs +41 -0
package/templates/content/app/page.tsx.hbs +123 -0
package/templates/content/next.config.ts.hbs +7 -0
package/templates/content/postcss.config.mjs.hbs +14 -0
package/templates/content/proxy.ts.hbs +10 -0
package/templates/content/tsconfig.json.hbs +21 -0
package/templates/dashboard/TODO.md +9 -0
package/templates/dashboard/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/dashboard/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/dashboard/app/globals.css.hbs +87 -0
package/templates/dashboard/app/layout.tsx.hbs +41 -0
package/templates/dashboard/app/page.tsx.hbs +123 -0
package/templates/dashboard/next.config.ts.hbs +7 -0
package/templates/dashboard/postcss.config.mjs.hbs +14 -0
package/templates/dashboard/proxy.ts.hbs +10 -0
package/templates/dashboard/tsconfig.json.hbs +21 -0
package/templates/marketplace/CULTURE.md +74 -0
package/templates/marketplace/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/marketplace/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/marketplace/app/(shop)/[slug]/p/[productId]/page.tsx.hbs +99 -0
package/templates/marketplace/app/(shop)/[slug]/page.tsx.hbs +90 -0
package/templates/marketplace/app/admin/page.tsx.hbs +95 -0
package/templates/marketplace/app/cart/page.tsx.hbs +157 -0
package/templates/marketplace/app/globals.css.hbs +87 -0
package/templates/marketplace/app/layout.tsx.hbs +77 -0
package/templates/marketplace/app/page.tsx.hbs +178 -0
package/templates/marketplace/app/sell/page.tsx.hbs +78 -0
package/templates/marketplace/next.config.ts.hbs +7 -0
package/templates/marketplace/postcss.config.mjs.hbs +14 -0
package/templates/marketplace/proxy.ts.hbs +10 -0
package/templates/marketplace/src/lib/anon-session.ts.hbs +117 -0
package/templates/marketplace/src/lib/categories.ts.hbs +35 -0
package/templates/marketplace/tsconfig.json.hbs +21 -0
package/templates/plain/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/plain/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/plain/app/globals.css.hbs +87 -0
package/templates/plain/app/layout.tsx.hbs +41 -0
package/templates/plain/app/page.tsx.hbs +123 -0
package/templates/plain/next.config.ts.hbs +7 -0
package/templates/plain/postcss.config.mjs.hbs +14 -0
package/templates/plain/proxy.ts.hbs +10 -0
package/templates/plain/tsconfig.json.hbs +21 -0
package/templates/saas/TODO.md +9 -0
package/templates/saas/app/(auth)/sign-in/page.tsx.hbs +9 -0
package/templates/saas/app/(auth)/sign-up/page.tsx.hbs +9 -0
package/templates/saas/app/globals.css.hbs +87 -0
package/templates/saas/app/layout.tsx.hbs +41 -0
package/templates/saas/app/page.tsx.hbs +123 -0
package/templates/saas/next.config.ts.hbs +7 -0
package/templates/saas/postcss.config.mjs.hbs +14 -0
package/templates/saas/proxy.ts.hbs +10 -0
package/templates/saas/tsconfig.json.hbs +21 -0

package/templates/marketplace/app/layout.tsx.hbs ADDED Viewed

@@ -0,0 +1,77 @@
+import { GitHatProvider } from '@githat/nextjs';
+import '@githat/nextjs/styles';
+import Link from 'next/link';
+import './globals.css';
+export const metadata = {
+  title: '{{businessName}} — el colmado de tu barrio',
+  description: '{{description}}',
+};
+/**
+ * Root layout for the marketplace template.
+ *
+ * Header has three slots, in order of importance:
+ *   1. Wordmark (always visible)
+ *   2. Tu funda — cart icon, anonymous-aware
+ *   3. "Save my stuff" / Sign in — low contrast, never a gate
+ *
+ * The "Vende en {{businessName}}" link sits in the footer, not the
+ * header. Sellers are a small minority of visitors; shoppers come first.
+ */
+export default function RootLayout({ children }{{#if typescript}}: { children: React.ReactNode }{{/if}}) {
+  return (
+    <html lang="es">
+      <body>
+        <GitHatProvider config=\{{
+          publishableKey: process.env.NEXT_PUBLIC_GITHAT_PUBLISHABLE_KEY || '',
+          signInUrl: '/sign-in',
+          signUpUrl: '/sign-up',
+          afterSignInUrl: '/',
+          afterSignOutUrl: '/',
+        }}>
+          <header style=\{{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: 'var(--space-4, 1rem) var(--space-6, 1.5rem)',
+            borderBottom: '1px solid var(--border, #e5e7eb)',
+            background: 'var(--surface, #fafafa)',
+          }}>
+            <Link href="/" style=\{{
+              fontFamily: 'var(--font-wordmark, Georgia, serif)',
+              fontSize: '1.5rem',
+              color: 'var(--fg, inherit)',
+              textDecoration: 'none',
+            }}>
+              {{businessName}}
+            </Link>
+            <nav style=\{{ display: 'flex', alignItems: 'center', gap: 'var(--space-4, 1rem)', fontSize: '0.875rem' }}>
+              <Link href="/cart" style=\{{ color: 'var(--fg, inherit)', textDecoration: 'none' }}>
+                Tu funda
+              </Link>
+              <Link href="/sign-in" style=\{{ color: 'var(--fg-subtle, #71717a)', textDecoration: 'none' }}>
+                Save my stuff
+              </Link>
+            </nav>
+          </header>
+          <main>{children}</main>
+          <footer style=\{{
+            padding: 'var(--space-6, 1.5rem)',
+            borderTop: '1px solid var(--border, #e5e7eb)',
+            fontSize: '0.75rem',
+            color: 'var(--fg-subtle, #71717a)',
+            textAlign: 'center',
+          }}>
+            <Link href="/sell" style=\{{ color: 'var(--fg-muted, #525252)', textDecoration: 'none' }}>
+              ¿Tienes un colmado? Vende aquí →
+            </Link>
+            <span style=\{{ display: 'block', marginTop: 'var(--space-2, 0.5rem)' }}>
+              {{businessName}} — built on GitHat + Sebastn.
+            </span>
+          </footer>
+        </GitHatProvider>
+      </body>
+    </html>
+  );
+}

package/templates/marketplace/app/page.tsx.hbs ADDED Viewed

@@ -0,0 +1,178 @@
+'use client';
+import { useState } from 'react';
+import Link from 'next/link';
+import { useAuth } from '@githat/nextjs';
+import { CATEGORIES } from '../src/lib/categories';
+/**
+ * Marketplace homepage — colmado-flavored.
+ *
+ * Anonymous-first: visitors browse and search without signing in.
+ * The header has a low-contrast "Save my stuff" link that opens
+ * GitHat sign-in, but it's never a gate. See CULTURE.md for the
+ * cultural framing — this is a colmado, not a checkout terminal.
+ *
+ * Real product data should come from your backend (Postgres,
+ * DynamoDB, Sebastn-stored inventory) — this file just renders
+ * the shell + seed categories.
+ */
+export default function Home() {
+  const { isSignedIn } = useAuth();
+  const [query, setQuery] = useState('');
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
+      {/* Hero — bilingual, warm, anti-Amazon */}
+      <section style=\{{
+        padding: 'var(--space-8) var(--space-4)',
+        background: 'linear-gradient(180deg, var(--surface-sub), var(--bg))',
+        textAlign: 'center',
+      }}>
+        <h1 style=\{{
+          fontFamily: 'var(--font-wordmark, Georgia, serif)',
+          fontSize: 'clamp(2rem, 5vw, 3rem)',
+          lineHeight: 1.1,
+          marginBottom: 'var(--space-3)',
+        }}>
+          Cerquita de ti, todo lo que necesitas.
+        </h1>
+        <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-6)', fontSize: '1.125rem' }}>
+          {{businessName}} — el colmado de tu barrio, ahora en tu teléfono.
+          <br />
+          <span style=\{{ fontSize: '0.875rem', opacity: 0.7 }}>
+            Pídelo y te lo llevamos. <em>Order it, we'll bring it to you.</em>
+          </span>
+        </p>
+        <form
+          onSubmit={(e) => { e.preventDefault(); window.location.href = `/buscar?q=${encodeURIComponent(query)}`; }}
+          style=\{{ maxWidth: '32rem', margin: '0 auto' }}
+        >
+          <label htmlFor="q" style=\{{ display: 'block', textAlign: 'left', marginBottom: 'var(--space-2)', fontSize: '0.875rem', color: 'var(--fg-muted)' }}>
+            Busca lo que te haga falta
+          </label>
+          <div style=\{{ display: 'flex', gap: 'var(--space-2)' }}>
+            <input
+              id="q"
+              type="search"
+              value={query}
+              onChange={(e) => setQuery(e.target.value)}
+              placeholder="Plátano, Presidente fría, recargas Claro…"
+              style=\{{
+                flex: 1,
+                padding: 'var(--space-3) var(--space-4)',
+                borderRadius: 'var(--radius-md, 0.5rem)',
+                border: '1px solid var(--border)',
+                background: 'var(--surface)',
+                color: 'var(--fg)',
+                fontSize: '1rem',
+              }}
+            />
+            <button type="submit" style=\{{
+              padding: 'var(--space-3) var(--space-6)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              border: 'none',
+              background: 'var(--primary)',
+              color: 'var(--bg)',
+              fontWeight: 600,
+              cursor: 'pointer',
+            }}>
+              Buscar
+            </button>
+          </div>
+        </form>
+        {isSignedIn && (
+          <p style=\{{ marginTop: 'var(--space-6)', fontSize: '0.875rem' }}>
+            <Link href="/cart" style=\{{ color: 'var(--primary)' }}>
+              Lo de siempre →
+            </Link>
+            <span style=\{{ color: 'var(--fg-subtle)' }}> (your usual order, one click away)</span>
+          </p>
+        )}
+      </section>
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)' }}>
+        <div style=\{{ maxWidth: '64rem', margin: '0 auto' }}>
+          <h2 style=\{{ fontSize: '1.5rem', marginBottom: 'var(--space-4)' }}>Categorías</h2>
+          <div style=\{{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))',
+            gap: 'var(--space-3)',
+          }}>
+            {CATEGORIES.map((cat) => (
+              <Link
+                key={cat.slug}
+                href={`/buscar?cat=${cat.slug}`}
+                style=\{{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  alignItems: 'center',
+                  gap: 'var(--space-2)',
+                  padding: 'var(--space-4)',
+                  borderRadius: 'var(--radius-md, 0.5rem)',
+                  border: '1px solid var(--border)',
+                  background: 'var(--surface)',
+                  textAlign: 'center',
+                  textDecoration: 'none',
+                  color: 'inherit',
+                }}
+              >
+                <span style=\{{ fontSize: '2rem' }} aria-hidden>{cat.emoji}</span>
+                <span style=\{{ fontWeight: 600, fontSize: '0.875rem' }}>{cat.es}</span>
+                <span style=\{{ fontSize: '0.75rem', color: 'var(--fg-muted)' }}>{cat.en}</span>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)', background: 'var(--surface-sub)' }}>
+        <div style=\{{
+          maxWidth: '64rem',
+          margin: '0 auto',
+          display: 'grid',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
+          gap: 'var(--space-6)',
+        }}>
+          <div>
+            <h3 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.5rem', marginBottom: 'var(--space-2)' }}>
+              ¿Tienes un colmado?
+            </h3>
+            <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-3)' }}>
+              Pon tu tienda online en cinco minutos. Tu propia página,
+              tus precios, tus pedidos. Te quedas con el 96%.
+            </p>
+            <Link href="/sell" style=\{{
+              display: 'inline-block',
+              padding: 'var(--space-3) var(--space-5)',
+              borderRadius: 'var(--radius-md, 0.5rem)',
+              background: 'var(--accent)',
+              color: 'var(--bg)',
+              fontWeight: 600,
+              textDecoration: 'none',
+            }}>
+              Vende en {{businessName}} →
+            </Link>
+          </div>
+          <div>
+            <h3 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.5rem', marginBottom: 'var(--space-2)' }}>
+              Buying without signing in?
+            </h3>
+            <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-3)' }}>
+              Adelante. You don't need an account to browse, add to your
+              funda, or check out. Sign up only if you want to save
+              addresses, see past orders, or use store credit.
+            </p>
+            {!isSignedIn && (
+              <Link href="/sign-in" style=\{{ fontSize: '0.875rem', color: 'var(--primary)' }}>
+                Save my stuff (optional) →
+              </Link>
+            )}
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}

package/templates/marketplace/app/sell/page.tsx.hbs ADDED Viewed

@@ -0,0 +1,78 @@
+import Link from 'next/link';
+/**
+ * Seller pitch page — `/sell`.
+ *
+ * Bodega owners land here from the homepage CTA "Vende en
+ * {{businessName}}." The job of this page is to convince a small
+ * shop owner — often someone who's never used a SaaS — that the
+ * platform is worth five minutes of their time.
+ *
+ * Three commitments worth making explicit:
+ *  1. They keep 96% (we take 4% as the platform fee)
+ *  2. Sebastn handles payouts directly to their bank
+ *  3. No lock-in — they can leave any time
+ */
+export default function SellPage() {
+  return (
+    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
+      <section style=\{{ padding: 'var(--space-12) var(--space-4)', textAlign: 'center', maxWidth: '48rem', margin: '0 auto' }}>
+        <h1 style=\{{
+          fontFamily: 'var(--font-wordmark)',
+          fontSize: 'clamp(2rem, 5vw, 3rem)',
+          lineHeight: 1.1,
+          marginBottom: 'var(--space-3)',
+        }}>
+          Tu colmado, online en 5 minutos.
+        </h1>
+        <p style=\{{ color: 'var(--fg-muted)', fontSize: '1.125rem', marginBottom: 'var(--space-6)' }}>
+          Take orders from your block, take payment to your bank. We handle
+          the website, the cart, the receipts. You handle the colmado.
+        </p>
+        <Link href="/sign-up?role=seller" style=\{{
+          display: 'inline-block',
+          padding: 'var(--space-4) var(--space-8)',
+          borderRadius: 'var(--radius-md, 0.5rem)',
+          background: 'var(--primary)',
+          color: 'var(--bg)',
+          fontWeight: 600,
+          fontSize: '1.125rem',
+          textDecoration: 'none',
+        }}>
+          Empieza gratis →
+        </Link>
+      </section>
+      <section style=\{{ padding: 'var(--space-8) var(--space-4)', background: 'var(--surface-sub)' }}>
+        <div style=\{{ maxWidth: '48rem', margin: '0 auto', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: 'var(--space-6)' }}>
+          <Promise emoji="💵" title="Te quedas con el 96%" body="We take a flat 4% on each order. No monthly fee on the free tier. No surprise charges." />
+          <Promise emoji="🏦" title="Pagos directo a tu cuenta" body="Sebastn pays you to your bank the next business day. You keep your existing bank account." />
+          <Promise emoji="🚪" title="Sin contratos" body="Cancel any time. Export your customers, your products, your orders. They're yours." />
+        </div>
+      </section>
+      <section style=\{{ padding: 'var(--space-12) var(--space-4)', textAlign: 'center', maxWidth: '40rem', margin: '0 auto' }}>
+        <h2 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '1.75rem', marginBottom: 'var(--space-3)' }}>
+          ¿Cómo funciona?
+        </h2>
+        <ol style=\{{ textAlign: 'left', color: 'var(--fg-muted)', lineHeight: 1.8, paddingLeft: 'var(--space-6)' }}>
+          <li>Te creas tu cuenta de {{businessName}} (es gratis).</li>
+          <li>Conectas tu banco (a través de Sebastn).</li>
+          <li>Subes tus productos — o los importas de un CSV.</li>
+          <li>Tu colmado vive en <code>{{businessName}}/tu-tienda</code>.</li>
+          <li>Los pedidos te llegan por email. Tú decides cómo entregar.</li>
+        </ol>
+      </section>
+    </div>
+  );
+}
+function Promise({ emoji, title, body }: { emoji: string; title: string; body: string }) {
+  return (
+    <div>
+      <div style=\{{ fontSize: '2rem', marginBottom: 'var(--space-2)' }} aria-hidden>{emoji}</div>
+      <h3 style=\{{ fontWeight: 600, marginBottom: 'var(--space-2)' }}>{title}</h3>
+      <p style=\{{ color: 'var(--fg-muted)', fontSize: '0.875rem' }}>{body}</p>
+    </div>
+  );
+}

package/templates/marketplace/next.config.ts.hbs ADDED Viewed

@@ -0,0 +1,7 @@
+import type { NextConfig } from 'next';
+const nextConfig: NextConfig = {
+  output: 'standalone',
+};
+export default nextConfig;

package/templates/marketplace/postcss.config.mjs.hbs ADDED Viewed

@@ -0,0 +1,14 @@
+/*
+ * Plain template — Tailwind v4 PostCSS plugin is required even though
+ * the plain scaffold doesn't use Tailwind utility classes. The auth
+ * page CSS shipped by `@githat/nextjs/styles` is processed through
+ * @tailwindcss/postcss at build time. Drop this config and the
+ * auth pages render unstyled.
+ */
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+export default config;

package/templates/marketplace/proxy.ts.hbs ADDED Viewed

@@ -0,0 +1,10 @@
+import { authProxy } from '@githat/nextjs/proxy';
+export const proxy = authProxy({
+  publicRoutes: ['/', '/sign-in', '/sign-up'{{#if includeForgotPassword}}, '/forgot-password', '/reset-password'{{/if}}{{#if includeEmailVerification}}, '/verify-email'{{/if}}],
+  signInUrl: '/sign-in',
+});
+export const config = {
+  matcher: ['/((?!_next|api|.*\\..*).*)'],
+};

package/templates/marketplace/src/lib/anon-session.ts.hbs ADDED Viewed

@@ -0,0 +1,117 @@
+/**
+ * Anonymous shopper session helpers.
+ *
+ * The marketplace template is anonymous-first: shoppers can browse,
+ * search, fill a cart, and even check out as guests without ever
+ * touching GitHat auth. This module manages the cookie that binds
+ * that anonymous activity to a server-side cart row.
+ *
+ * GitHat is only invoked when the shopper opts in to "Save my stuff."
+ * At that point, server code can migrate the anon-cart onto the new
+ * GitHat user — see migrateAnonCart() below.
+ *
+ * The cookie is signed (HMAC-SHA-256) with COLMADO_ANON_SECRET so
+ * a malicious shopper can't steal another anon's cart by guessing
+ * the session id.
+ */
+import { cookies } from 'next/headers';
+import { createHmac, randomBytes, timingSafeEqual } from 'node:crypto';
+const COOKIE_NAME = 'anon_session';
+const COOKIE_MAX_AGE = 60 * 60 * 24 * 30; // 30 days
+function secret(): string {
+  const s = process.env.COLMADO_ANON_SECRET || process.env.MARKETPLACE_ANON_SECRET;
+  if (!s) {
+    throw new Error(
+      [
+        'Missing COLMADO_ANON_SECRET (or MARKETPLACE_ANON_SECRET) env var.',
+        'Generate one with the openssl one-liner:',
+        '  openssl rand -hex 32',
+        'and add it to .env.local before running `npm run dev` again.',
+      ].join(' ')
+    );
+  }
+  return s;
+}
+function sign(id: string): string {
+  return createHmac('sha256', secret()).update(id).digest('hex');
+}
+function verify(id: string, sig: string): boolean {
+  try {
+    const expected = sign(id);
+    const a = Buffer.from(expected, 'hex');
+    const b = Buffer.from(sig, 'hex');
+    return a.length === b.length && timingSafeEqual(a, b);
+  } catch {
+    return false;
+  }
+}
+/**
+ * Returns the current anon session id (creating one if needed).
+ * Use this in any server component / route handler that needs to
+ * read or write the anon cart.
+ */
+export async function getOrCreateAnonSession(): Promise<string> {
+  const jar = await cookies();
+  const raw = jar.get(COOKIE_NAME)?.value;
+  if (raw) {
+    const [id, sig] = raw.split('.');
+    if (id && sig && verify(id, sig)) {
+      return id;
+    }
+  }
+  // No valid cookie — issue a fresh one
+  const id = randomBytes(16).toString('hex');
+  const sig = sign(id);
+  jar.set(COOKIE_NAME, `${id}.${sig}`, {
+    httpOnly: true,
+    sameSite: 'lax',
+    secure: process.env.NODE_ENV === 'production',
+    maxAge: COOKIE_MAX_AGE,
+    path: '/',
+  });
+  return id;
+}
+/**
+ * Read-only — returns the anon session id if a valid one exists,
+ * otherwise null. Use this when you don't want to mint a new cookie
+ * just to check.
+ */
+export async function readAnonSession(): Promise<string | null> {
+  const jar = await cookies();
+  const raw = jar.get(COOKIE_NAME)?.value;
+  if (!raw) return null;
+  const [id, sig] = raw.split('.');
+  if (id && sig && verify(id, sig)) return id;
+  return null;
+}
+/**
+ * Migrate an anonymous cart onto a freshly-created GitHat user.
+ * Call this from a `useEffect` (or server action) right after a
+ * successful sign-up: hand it the new user.id and we'll rewrite the
+ * cart row, then drop the cookie.
+ *
+ * Stub for now — wire it to your database in your own code.
+ */
+export async function migrateAnonCart(userId: string): Promise<void> {
+  const anonId = await readAnonSession();
+  if (!anonId) return;
+  // TODO: in your project's data layer, transfer cart rows from
+  // `cart:anon:${anonId}` to `cart:user:${userId}`. This file is
+  // deliberately backend-agnostic — the marketplace template doesn't
+  // ship a database, you bring your own.
+  void userId;
+  const jar = await cookies();
+  jar.delete(COOKIE_NAME);
+}

package/templates/marketplace/src/lib/categories.ts.hbs ADDED Viewed

@@ -0,0 +1,35 @@
+/**
+ * Category seed for the marketplace template.
+ *
+ * Default values are shaped for a Caribbean colmado (Dominican-flavored),
+ * which is the {{businessName}} project's first audience. Replace as
+ * needed for your region — see CULTURE.md for what's region-specific
+ * vs universal.
+ *
+ * Each category is bilingual on purpose: the Spanish term is what
+ * the shopper actually says ("recargas," "víveres") and the English
+ * gloss helps Anglophone shoppers navigate without hiding the
+ * cultural identity.
+ */
+export interface Category {
+  slug: string;
+  es: string;
+  en: string;
+  emoji: string;
+}
+export const CATEGORIES: Category[] = [
+  { slug: 'viveres',   es: 'Víveres',          en: 'Staples',         emoji: '🍚' },
+  { slug: 'frutas',    es: 'Frutas y verduras', en: 'Produce',        emoji: '🥑' },
+  { slug: 'carnes',    es: 'Carnes',            en: 'Meat',           emoji: '🥩' },
+  { slug: 'lacteos',   es: 'Lácteos y huevos',  en: 'Dairy & eggs',   emoji: '🥚' },
+  { slug: 'bebidas',   es: 'Bebidas',           en: 'Drinks',         emoji: '🍺' },
+  { slug: 'hielo',     es: 'Hielo',             en: 'Ice',            emoji: '🧊' },
+  { slug: 'pan',       es: 'Pan y galletas',    en: 'Bread & crackers', emoji: '🍞' },
+  { slug: 'recargas',  es: 'Recargas',          en: 'Phone top-ups',  emoji: '📱' },
+  { slug: 'limpieza',  es: 'Limpieza',          en: 'Cleaning',       emoji: '🧼' },
+  { slug: 'higiene',   es: 'Higiene personal',  en: 'Personal care',  emoji: '🪥' },
+  { slug: 'sazon',     es: 'Sazón',             en: 'Seasonings',     emoji: '🧂' },
+  { slug: 'fritura',   es: 'Frituras',          en: 'Hot snacks',     emoji: '🥟' },
+];

package/templates/marketplace/tsconfig.json.hbs ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [{ "name": "next" }],
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/templates/plain/app/(auth)/sign-in/page.tsx.hbs ADDED Viewed

@@ -0,0 +1,9 @@
+import { SignInForm } from '@githat/nextjs';
+export default function SignInPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <SignInForm signUpUrl="/sign-up" {{#if includeForgotPassword}}forgotPasswordUrl="/forgot-password"{{/if}} />
+    </main>
+  );
+}

package/templates/plain/app/(auth)/sign-up/page.tsx.hbs ADDED Viewed

@@ -0,0 +1,9 @@
+import { SignUpForm } from '@githat/nextjs';
+export default function SignUpPage() {
+  return (
+    <main {{#if useTailwind}}className="flex items-center justify-center min-h-screen bg-[#09090b]"{{else}}style=\{{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh', background: '#09090b' }}{{/if}}>
+      <SignUpForm signInUrl="/sign-in" />
+    </main>
+  );
+}

package/templates/plain/app/globals.css.hbs ADDED Viewed

@@ -0,0 +1,87 @@
+/*
+ * Tailwind v4 — required because @githat/nextjs/styles is processed
+ * through @tailwindcss/postcss. Plain doesn't ship utility classes,
+ * but the import is needed for the auth pages to render styled.
+ */
+@import "tailwindcss";
+/*
+ * Plain template — self-contained globals.
+ *
+ * Defines the minimum CSS variables a GitHat app uses for layout and
+ * the auth-page styling that ships with @githat/nextjs/styles.
+ * Override these in your own files when you want a real theme.
+ *
+ * Light theme by default; flip --bg/--fg for dark.
+ */
+:root {
+  /* Surface */
+  --bg:           #ffffff;
+  --surface:      #fafafa;
+  --surface-sub:  #f4f4f5;
+  /* Borders */
+  --border:       #e5e7eb;
+  /* Foreground */
+  --fg:           #0a0a0a;
+  --fg-muted:     #525252;
+  --fg-subtle:    #737373;
+  /* Brand — change these two to re-skin the whole auth flow */
+  --primary:      #6366f1;
+  --accent:       #f59e0b;
+  /* Semantic */
+  --success:      #16a34a;
+  --warn:         #d97706;
+  --danger:       #dc2626;
+  /* Spacing — used by @githat/nextjs/styles */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  /* Radius */
+  --radius:    0.5rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  /* Fonts */
+  --font-sans:     'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  --font-wordmark: 'Instrument Serif', Georgia, serif;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bg:           #0a0a0a;
+    --surface:      #18181b;
+    --surface-sub:  #27272a;
+    --border:       #3f3f46;
+    --fg:           #fafafa;
+    --fg-muted:     #a1a1aa;
+    --fg-subtle:    #71717a;
+  }
+}
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+body {
+  font-family: var(--font-sans);
+  background: var(--bg);
+  color: var(--fg);
+  line-height: 1.5;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}