create-githat-app 1.7.0 → 1.8.1

package/templates/marketplace/app/(shop)/[slug]/p/[productId]/page.tsx.hbs

@@ -1,99 +0,0 @@
-/**
- * Product detail — `/<slug>/p/<productId>`.
- *
- * Server component. Fetch by (slug, productId), render. The starter
- * ships sample content so the route works even before a backend
- * exists. Cart writes go through `/api/cart/add` (you build that
- * route handler against your data layer).
- */
-
-import Link from 'next/link';
-
-interface PageProps {
-  params: Promise<{ slug: string; productId: string }>;
-}
-
-export default async function ProductPage({ params }: PageProps) {
-  const { slug, productId } = await params;
-
-  // TODO: replace with a real fetch
-  const product = {
-    id: productId,
-    name: 'Plátanos verdes (libra)',
-    price: 0.5,
-    description:
-      'Plátanos verdes recién llegados, perfectos para mangú. Vendido por libra.',
-    fresh: true,
-    storeName: 'Colmado de ejemplo',
-    storeOwner: 'Don Tito',
-    storeSlug: slug,
-  };
-
-  return (
-    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
-      <div style=\{{ maxWidth: '40rem', margin: '0 auto', padding: 'var(--space-8) var(--space-4)' }}>
-        <Link href={`/${product.storeSlug}`} style=\{{
-          fontSize: '0.875rem',
-          color: 'var(--fg-muted)',
-          marginBottom: 'var(--space-4)',
-          display: 'inline-block',
-        }}>
-          ← {product.storeName}
-        </Link>
-
-        <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '2rem', marginBottom: 'var(--space-2)' }}>
-          {product.name}
-        </h1>
-
-        {product.fresh && (
-          <p style=\{{
-            display: 'inline-block',
-            padding: 'var(--space-1) var(--space-3)',
-            borderRadius: 'var(--radius-full, 9999px)',
-            background: 'var(--success)',
-            color: 'var(--bg)',
-            fontSize: '0.75rem',
-            fontWeight: 600,
-            marginBottom: 'var(--space-3)',
-          }}>
-            Está fresquecito
-          </p>
-        )}
-
-        <p style=\{{ fontSize: '1.5rem', fontWeight: 600, marginBottom: 'var(--space-4)' }}>
-          ${product.price.toFixed(2)}
-        </p>
-
-        <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-6)', lineHeight: 1.6 }}>
-          {product.description}
-        </p>
-
-        <p style=\{{ fontSize: '0.875rem', color: 'var(--fg-subtle)', marginBottom: 'var(--space-6)' }}>
-          De tu colmadero: <strong>{product.storeOwner}</strong>
-        </p>
-
-        {/*
-          Cart-add is a real fetch in production — you wire it to
-          /api/cart/add against your data layer + the anon-session
-          cookie from src/lib/anon-session.ts.
-        */}
-        <form action="/api/cart/add" method="POST">
-          <input type="hidden" name="productId" value={product.id} />
-          <input type="hidden" name="slug" value={product.storeSlug} />
-          <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,
-            fontSize: '1rem',
-            cursor: 'pointer',
-          }}>
-            Echar a la funda — Add to bag
-          </button>
-        </form>
-      </div>
-    </div>
-  );
-}

package/templates/marketplace/app/(shop)/[slug]/page.tsx.hbs

@@ -1,90 +0,0 @@
-/**
- * A single colmadero's storefront — `/<slug>`.
- *
- * Server component. Take the slug, fetch the colmado's profile +
- * products from your data layer, render. The starter ships static
- * sample content so the route renders even without a backend.
- *
- * Real implementations:
- *  - Read by slug from your `colmados` table (Postgres, DynamoDB,
- *    whatever)
- *  - 404 via `notFound()` from 'next/navigation' if the slug is
- *    unknown
- *  - Pre-render the popular ones via `generateStaticParams()`
- */
-
-import Link from 'next/link';
-
-interface PageProps {
-  params: Promise<{ slug: string }>;
-}
-
-export default async function ShopPage({ params }: PageProps) {
-  const { slug } = await params;
-
-  // TODO: replace with a real fetch
-  const colmado = {
-    name: 'Colmado de ejemplo',
-    slug,
-    owner: 'Don Tito',
-    address: 'Calle Duarte #42',
-    open: true,
-    products: [
-      { id: '1', name: 'Plátanos verdes (libra)', price: 0.5, fresh: true },
-      { id: '2', name: 'Café Santo Domingo (1lb)', price: 6.99, fresh: false },
-      { id: '3', name: 'Salami Induveca', price: 4.5, fresh: false },
-      { id: '4', name: 'Recarga Claro $5', price: 5.0, fresh: false },
-    ],
-  };
-
-  return (
-    <div style=\{{ background: 'var(--bg)', color: 'var(--fg)', minHeight: 'calc(100vh - 64px)' }}>
-      <div style=\{{ maxWidth: '48rem', margin: '0 auto', padding: 'var(--space-8) var(--space-4)' }}>
-        <header style=\{{ marginBottom: 'var(--space-8)' }}>
-          <h1 style=\{{ fontFamily: 'var(--font-wordmark)', fontSize: '2.25rem', marginBottom: 'var(--space-2)' }}>
-            {colmado.name}
-          </h1>
-          <p style=\{{ color: 'var(--fg-muted)', marginBottom: 'var(--space-2)' }}>
-            Tu colmadero: <strong>{colmado.owner}</strong>
-          </p>
-          <p style=\{{ color: 'var(--fg-subtle)', fontSize: '0.875rem', display: 'flex', gap: 'var(--space-3)', alignItems: 'center' }}>
-            <span>{colmado.address}</span>
-            <span>·</span>
-            <span style=\{{ color: colmado.open ? 'var(--success)' : 'var(--danger)' }}>
-              {colmado.open ? 'Abierto ahorita' : 'Cerrado'}
-            </span>
-          </p>
-        </header>
-
-        <section>
-          <h2 style=\{{ fontSize: '1.5rem', marginBottom: 'var(--space-4)' }}>Productos</h2>
-          <ul style=\{{ listStyle: 'none', display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))', gap: 'var(--space-3)' }}>
-            {colmado.products.map((p) => (
-              <li key={p.id}>
-                <Link href={`/${slug}/p/${p.id}`} style=\{{
-                  display: 'block',
-                  padding: 'var(--space-4)',
-                  borderRadius: 'var(--radius-md, 0.5rem)',
-                  border: '1px solid var(--border)',
-                  background: 'var(--surface)',
-                  color: 'inherit',
-                  textDecoration: 'none',
-                }}>
-                  <div style=\{{ fontWeight: 600, marginBottom: 'var(--space-1)' }}>{p.name}</div>
-                  {p.fresh && (
-                    <div style=\{{ fontSize: '0.75rem', color: 'var(--success)', marginBottom: 'var(--space-1)' }}>
-                      Está fresquecito
-                    </div>
-                  )}
-                  <div style=\{{ fontSize: '0.875rem', color: 'var(--fg-muted)' }}>
-                    ${p.price.toFixed(2)}
-                  </div>
-                </Link>
-              </li>
-            ))}
-          </ul>
-        </section>
-      </div>
-    </div>
-  );
-}

package/templates/marketplace/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/marketplace/proxy.ts.hbs

@@ -1,10 +0,0 @@
-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/nextjs/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/nextjs/proxy.ts.hbs

@@ -1,10 +0,0 @@
-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/plain/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/plain/proxy.ts.hbs

@@ -1,10 +0,0 @@
-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/portfolio/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/portfolio/proxy.ts.hbs

@@ -1,10 +0,0 @@
-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/saas/app/api/githat/[...path]/route.ts.hbs

@@ -1,21 +0,0 @@
-/**
- * Same-origin GitHat API proxy.
- *
- * Forwards every request to api.githat.io and re-emits upstream Set-Cookie
- * headers on this app's domain. Without this bridge, the auth cookie set
- * by api.githat.io is invisible to the consumer's proxy.ts and getAuth(),
- * which produces a sign-in → app-page → "session expired" loop.
- *
- * The SDK is wired to this URL via `apiUrl: "/api/githat"` on
- * GitHatProvider, so every fetch becomes same-origin and cookies land
- * on this app's domain.
- *
- * Implementation lives in @githat/nextjs/server.githatApiProxy().
- */
-import { githatApiProxy } from "@githat/nextjs/server";
-
-export const { GET, POST, PUT, PATCH, DELETE, OPTIONS } = githatApiProxy();
-
-// Auth flows are stateful — never cache the proxied responses.
-export const dynamic = "force-dynamic";
-export const revalidate = 0;

package/templates/saas/proxy.ts.hbs

@@ -1,10 +0,0 @@
-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|.*\\..*).*)'],
-};