# Mercado Minero — Autenticación + Publicación (Fase 2) — Implementation Plan > **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking. **Goal:** Permitir registro/login con email+contraseña y, ya autenticado, publicar un activo minero mediante un asistente de 7 pasos que guarda en la base y lo muestra en el catálogo. **Architecture:** Auth propia con `crypto` de Node (scrypt) + sesiones en BD (tabla `Session`) + cookie httpOnly + `middleware.ts` protegiendo `/dashboard/*`. Server Actions para registro/login/logout/publicar. Asistente como componente cliente que acumula estado y al final llama a un server action `createListingAction`. **Tech Stack:** Next.js 16 (App Router, Server Actions, middleware), React 19 (`useActionState`), Prisma 6 (SQLite), `crypto` nativo, Vitest. **Decisión de diseño clave:** las funciones testeables (`hashPassword`, `verifyPassword`, `createSession`, `getSessionUser`, `deleteSession`) viven en `src/lib/auth.ts` y **no** importan `next/headers`. La función que lee la cookie (`getCurrentUser`) vive aparte en `src/lib/current-user.ts`. Así Vitest no intenta cargar `next/headers`. --- ## Estructura de archivos (nuevos / modificados) ``` prisma/schema.prisma # +User, +Session, +campos de Listing src/lib/constants.ts # +OFFER_TYPES, SELLER_TYPES, CONTACT_PREFERENCES, MINERALIZATION_TYPES, WORKS_OPTIONS src/lib/auth.ts # hash + sesiones (testeable) [TDD] src/lib/auth.test.ts src/lib/current-user.ts # getCurrentUser() (lee cookie) src/lib/publish.ts # buildListingInput() (puro) [TDD] src/lib/publish.test.ts src/lib/listings.ts # MOD: filtra status=PUBLISHED src/app/(auth)/actions.ts # 'use server' registerAction/loginAction/logoutAction src/app/(auth)/login/page.tsx src/app/(auth)/registro/page.tsx src/components/auth/AuthForm.tsx # form cliente reutilizable (useActionState) src/app/dashboard/actions.ts # 'use server' createListingAction src/app/dashboard/page.tsx # inicio protegido src/app/dashboard/publicar-activo/page.tsx src/components/dashboard/PublishWizard.tsx # cliente, estado de 7 pasos src/components/dashboard/WizardFields.tsx # inputs reutilizables (Text/Select/Textarea/Checkbox/ChipGroup) src/components/dashboard/wizardContent.ts # textos de la columna lateral + plantilla "Generar con IA" src/components/Header.tsx # MOD: server component consciente de sesión src/middleware.ts # protege /dashboard/* ``` --- ## Task 1: Esquema (User, Session, extensión de Listing) + constantes **Files:** - Modify: `prisma/schema.prisma`, `src/lib/constants.ts` - [ ] **Step 1: Añadir modelos y campos en `prisma/schema.prisma`** Añadir al final (modelos nuevos) y modificar `Listing`. El bloque `Listing` completo queda así (reemplazar el existente): ```prisma model Listing { id String @id @default(cuid()) slug String @unique title String description String category String assetType String? stage String? country String region String? city String? lat Float? lng Float? priceUsd Int? surfaceHa Float? concessionCount Int? verified Boolean @default(false) imageSeed String? publishedAt DateTime @default(now()) status String @default("PUBLISHED") // DRAFT | PUBLISHED owner User? @relation(fields: [ownerId], references: [id]) ownerId String? offerType String? headline String? sellReason String? sellerCompany String? sellerWebsite String? sellerType String? mineralizationType String? works String? waterAccess String? energyAccess String? esgEnvStatus String? esgClosurePlan String? esgCommunity String? esgLiabilities String? contactName String? contactRole String? contactEmail String? contactPhone String? contactPreference String? hasAgent Boolean @default(false) commodities ListingCommodity[] dealTypes ListingDealType[] @@index([category]) @@index([country]) @@index([status]) @@index([ownerId]) } model User { id String @id @default(cuid()) email String @unique passwordHash String name String company String? role String @default("SELLER") createdAt DateTime @default(now()) sessions Session[] listings Listing[] } model Session { id String @id @default(cuid()) token String @unique user User @relation(fields: [userId], references: [id], onDelete: Cascade) userId String expiresAt DateTime createdAt DateTime @default(now()) @@index([userId]) } ``` - [ ] **Step 2: Crear la migración** Run: ```bash npx prisma migrate dev --name add_auth_and_listing_fields ``` Expected: aplica la migración y regenera el cliente. (SQLite rellena las filas existentes con los defaults; `status` queda `PUBLISHED`.) - [ ] **Step 3: Re-sembrar (las semillas siguen como PUBLISHED, sin dueño)** Run: ```bash npm run db:seed ``` Expected: `Seed completado: 13 oportunidades.` - [ ] **Step 4: Añadir constantes en `src/lib/constants.ts`** Agregar al final del archivo: ```typescript export const OFFER_TYPES = ['VENTA_TOTAL', 'VENTA_PARCIAL'] as const export type OfferType = (typeof OFFER_TYPES)[number] export const OFFER_TYPE_LABELS: Record = { VENTA_TOTAL: 'Venta total', VENTA_PARCIAL: 'Venta parcial', } export const SELLER_TYPES = ['PERSONA_NATURAL', 'PERSONA_JURIDICA', 'ESTADO'] as const export type SellerType = (typeof SELLER_TYPES)[number] export const SELLER_TYPE_LABELS: Record = { PERSONA_NATURAL: 'Persona natural', PERSONA_JURIDICA: 'Persona jurídica', ESTADO: 'El Estado', } export const CONTACT_PREFERENCES = ['EMAIL', 'TELEFONO', 'WHATSAPP'] as const export type ContactPreference = (typeof CONTACT_PREFERENCES)[number] export const CONTACT_PREFERENCE_LABELS: Record = { EMAIL: 'Email', TELEFONO: 'Teléfono', WHATSAPP: 'WhatsApp', } export const MINERALIZATION_TYPES = [ 'Veta', 'Diseminado', 'Manto', 'Pórfido', 'Skarn', 'IOCG', 'Epitermal', 'Placer', 'Otro', ] as const export const WORKS_OPTIONS = [ 'Reconocimiento en terreno', 'Muestreo de superficie', 'Análisis de laboratorio', 'Mapeo geológico', 'Geofísica', 'Geoquímica', 'Sondajes', 'Estimación de recursos', 'Informe técnico', 'Producción histórica / actual', ] as const ``` - [ ] **Step 5: Commit** ```bash git add -A git commit -m "feat: modelos User/Session, extensión de Listing y constantes de publicación" ``` --- ## Task 2: Capa de auth (hash + sesiones, TDD) **Files:** - Create: `src/lib/auth.ts`, `src/lib/auth.test.ts` - [ ] **Step 1: Escribir el test que falla** `src/lib/auth.test.ts`: ```typescript import { describe, it, expect } from 'vitest' import { hashPassword, verifyPassword, createSession, getSessionUser, deleteSession } from './auth' import { prisma } from './prisma' describe('password hashing', () => { it('acepta la contraseña correcta y rechaza la incorrecta', () => { const stored = hashPassword('SuperSecreta123') expect(stored).toContain(':') expect(verifyPassword('SuperSecreta123', stored)).toBe(true) expect(verifyPassword('otra', stored)).toBe(false) }) it('rechaza un formato inválido sin lanzar', () => { expect(verifyPassword('x', 'no-tiene-formato')).toBe(false) }) }) describe('sesiones', () => { it('crea una sesión y devuelve el usuario; la borra después', async () => { const user = await prisma.user.create({ data: { email: `t${Date.now()}@test.cl`, passwordHash: hashPassword('x12345678'), name: 'Test' }, }) const token = await createSession(user.id) const found = await getSessionUser(token) expect(found?.id).toBe(user.id) await deleteSession(token) expect(await getSessionUser(token)).toBeNull() await prisma.user.delete({ where: { id: user.id } }) }) }) ``` - [ ] **Step 2: Ejecutar y verificar que falla** Run: `npm test -- auth` Expected: FAIL ("Cannot find module './auth'"). - [ ] **Step 3: Implementar `src/lib/auth.ts`** ```typescript import { scryptSync, randomBytes, timingSafeEqual } from 'node:crypto' import { prisma } from './prisma' const SESSION_DAYS = 30 export function hashPassword(plain: string): string { const salt = randomBytes(16).toString('hex') const hash = scryptSync(plain, salt, 64).toString('hex') return `${salt}:${hash}` } export function verifyPassword(plain: string, stored: string): boolean { const [salt, hash] = stored.split(':') if (!salt || !hash) return false const expected = Buffer.from(hash, 'hex') const actual = scryptSync(plain, salt, 64) return expected.length === actual.length && timingSafeEqual(expected, actual) } export async function createSession(userId: string): Promise { const token = randomBytes(32).toString('hex') const expiresAt = new Date(Date.now() + SESSION_DAYS * 24 * 60 * 60 * 1000) await prisma.session.create({ data: { token, userId, expiresAt } }) return token } export async function getSessionUser(token: string) { const session = await prisma.session.findUnique({ where: { token }, include: { user: true } }) if (!session || session.expiresAt < new Date()) return null return session.user } export async function deleteSession(token: string): Promise { await prisma.session.deleteMany({ where: { token } }) } ``` - [ ] **Step 4: Ejecutar y verificar que pasa** Run: `npm test -- auth` Expected: PASS. - [ ] **Step 5: Commit** ```bash git add -A git commit -m "feat: capa de auth (scrypt + sesiones en BD) con TDD" ``` --- ## Task 3: getCurrentUser (lee cookie) **Files:** - Create: `src/lib/session-cookie.ts`, `src/lib/current-user.ts` > El nombre de la cookie vive en su propio módulo SIN dependencias (`session-cookie.ts`) para que tanto `current-user.ts` (usa `next/headers`) como `middleware.ts` (runtime edge, NO puede importar `next/headers`) lo compartan sin arrastrar dependencias incompatibles. - [ ] **Step 1: Crear `src/lib/session-cookie.ts`** ```typescript export const SESSION_COOKIE = 'mm_session' ``` - [ ] **Step 2: Implementar `src/lib/current-user.ts`** ```typescript import { cookies } from 'next/headers' import { getSessionUser } from './auth' import { SESSION_COOKIE } from './session-cookie' export async function getCurrentUser() { const store = await cookies() const token = store.get(SESSION_COOKIE)?.value if (!token) return null return getSessionUser(token) } ``` - [ ] **Step 3: Verificar tipos** Run: `npx tsc --noEmit` Expected: sin errores. - [ ] **Step 3: Commit** ```bash git add -A git commit -m "feat: getCurrentUser() lee la cookie de sesión" ``` --- ## Task 4: Server actions de auth **Files:** - Create: `src/app/(auth)/actions.ts` - [ ] **Step 1: Implementar `src/app/(auth)/actions.ts`** ```typescript 'use server' import { cookies } from 'next/headers' import { redirect } from 'next/navigation' import { prisma } from '@/lib/prisma' import { hashPassword, verifyPassword, createSession, deleteSession } from '@/lib/auth' import { SESSION_COOKIE } from '@/lib/session-cookie' type FormState = { error?: string } async function setSessionCookie(userId: string) { const token = await createSession(userId) const store = await cookies() store.set(SESSION_COOKIE, token, { httpOnly: true, sameSite: 'lax', secure: process.env.NODE_ENV === 'production', path: '/', maxAge: 60 * 60 * 24 * 30, }) } export async function registerAction(_prev: FormState, formData: FormData): Promise { const name = String(formData.get('name') ?? '').trim() const email = String(formData.get('email') ?? '').trim().toLowerCase() const company = String(formData.get('company') ?? '').trim() || null const password = String(formData.get('password') ?? '') if (!name || !email || password.length < 8) { return { error: 'Completa nombre, email y una contraseña de al menos 8 caracteres.' } } const exists = await prisma.user.findUnique({ where: { email } }) if (exists) return { error: 'Ya existe una cuenta con ese email.' } const user = await prisma.user.create({ data: { name, email, company, passwordHash: hashPassword(password) }, }) await setSessionCookie(user.id) redirect('/dashboard') } export async function loginAction(_prev: FormState, formData: FormData): Promise { const email = String(formData.get('email') ?? '').trim().toLowerCase() const password = String(formData.get('password') ?? '') const next = String(formData.get('next') ?? '/dashboard') || '/dashboard' const user = await prisma.user.findUnique({ where: { email } }) if (!user || !verifyPassword(password, user.passwordHash)) { return { error: 'Email o contraseña incorrectos.' } } await setSessionCookie(user.id) redirect(next.startsWith('/') ? next : '/dashboard') } export async function logoutAction(): Promise { const store = await cookies() const token = store.get(SESSION_COOKIE)?.value if (token) await deleteSession(token) store.delete(SESSION_COOKIE) redirect('/') } ``` - [ ] **Step 2: Verificar tipos** Run: `npx tsc --noEmit` Expected: sin errores. - [ ] **Step 3: Commit** ```bash git add -A git commit -m "feat: server actions de registro/login/logout" ``` --- ## Task 5: Páginas de login y registro **Files:** - Create: `src/components/auth/AuthForm.tsx`, `src/app/(auth)/login/page.tsx`, `src/app/(auth)/registro/page.tsx` - [ ] **Step 1: `src/components/auth/AuthForm.tsx` (cliente, reutilizable)** ```tsx 'use client' import { useActionState } from 'react' import Link from 'next/link' import { Container } from '@/components/ui/Container' type FormState = { error?: string } type Action = (prev: FormState, fd: FormData) => Promise export function AuthForm({ mode, action, next, }: { mode: 'login' | 'register' action: Action next?: string }) { const [state, formAction, pending] = useActionState(action, {}) const isRegister = mode === 'register' return (

{isRegister ? 'Crea tu cuenta' : 'Inicia sesión'}

{isRegister ? 'Para publicar activos en Mercado Minero.' : 'Accede a tu panel de Mercado Minero.'}

{next && } {isRegister && ( <> )} {state.error &&

{state.error}

}

{isRegister ? ( <> ¿Ya tienes cuenta?{' '} Inicia sesión ) : ( <> ¿No tienes cuenta?{' '} Regístrate )}

) } function Input({ name, label, type = 'text', required = false, }: { name: string label: string type?: string required?: boolean }) { return ( ) } ``` - [ ] **Step 2: `src/app/(auth)/login/page.tsx`** ```tsx import { AuthForm } from '@/components/auth/AuthForm' import { loginAction } from '../actions' export default async function LoginPage({ searchParams, }: { searchParams: Promise<{ next?: string }> }) { const { next } = await searchParams return } ``` - [ ] **Step 3: `src/app/(auth)/registro/page.tsx`** ```tsx import { AuthForm } from '@/components/auth/AuthForm' import { registerAction } from '../actions' export default function RegisterPage() { return } ``` - [ ] **Step 4: Commit** ```bash git add -A git commit -m "feat: páginas y formulario de login/registro" ``` --- ## Task 6: Middleware, dashboard de inicio y Header con sesión **Files:** - Create: `src/middleware.ts`, `src/app/dashboard/page.tsx` - Modify: `src/components/Header.tsx` - [ ] **Step 1: `src/middleware.ts`** ```typescript import { NextResponse, type NextRequest } from 'next/server' import { SESSION_COOKIE } from '@/lib/session-cookie' export function middleware(request: NextRequest) { const token = request.cookies.get(SESSION_COOKIE)?.value if (!token) { const url = new URL('/login', request.url) url.searchParams.set('next', request.nextUrl.pathname) return NextResponse.redirect(url) } return NextResponse.next() } export const config = { matcher: ['/dashboard/:path*'] } ``` > `SESSION_COOKIE` se importa desde `@/lib/session-cookie` (módulo sin dependencias, creado en Task 3) — el middleware corre en runtime edge y NO puede importar `next/headers`. - [ ] **Step 2: `src/app/dashboard/page.tsx`** ```tsx import Link from 'next/link' import { redirect } from 'next/navigation' import { getCurrentUser } from '@/lib/current-user' import { Container } from '@/components/ui/Container' export default async function DashboardPage() { const user = await getCurrentUser() if (!user) redirect('/login?next=/dashboard') return (

Panel

Hola, {user.name}

Gestiona tus publicaciones en Mercado Minero.

⛰

Publicar activo minero

Concesiones y proyectos de exploración. Conecta con compradores e inversionistas.

Comenzar →

 ) } ``` - [ ] **Step 3: Reemplazar `src/components/Header.tsx` (consciente de sesión)** ```tsx import Link from 'next/link' import { Container } from './ui/Container' import { getCurrentUser } from '@/lib/current-user' import { logoutAction } from '@/app/(auth)/actions' const nav = [ { href: '/marketplace', label: 'Marketplace' }, { href: '/inversionistas', label: 'Inversionistas' }, { href: '/como-funciona', label: 'Cómo funciona' }, ] export async function Header() { const user = await getCurrentUser() return (
⛰ MERCADO MINERO
{user ? ( <> Publicar {user.name.split(' ')[0]}
) : ( <> Iniciar sesión Publicar )}
) } ``` - [ ] **Step 4: Verificar tipos y commit** Run: `npx tsc --noEmit` Expected: sin errores. ```bash git add -A git commit -m "feat: middleware de protección, dashboard de inicio y Header con sesión" ``` --- ## Task 7: Validación/armado del activo (`lib/publish.ts`, TDD) **Files:** - Create: `src/lib/publish.ts`, `src/lib/publish.test.ts` - [ ] **Step 1: Escribir el test que falla** `src/lib/publish.test.ts`: ```typescript import { describe, it, expect } from 'vitest' import { buildListingInput, type WizardForm } from './publish' const base: WizardForm = { title: 'Proyecto Demo Cu en Atacama', stage: 'EXPLORACION_BASICA', assetType: 'CONCESION_MINERA', offerType: 'VENTA_TOTAL', commodities: ['CU', 'AU'], primaryCommodity: 'CU', country: 'CL', region: 'Atacama', city: 'Copiapó', surfaceHa: '120', concessionCount: '3', dealTypes: ['VENTA_100'], priceUsd: '1500000', headline: '', sellReason: 'Reenfoque de portafolio', sellerCompany: 'Demo Mining SpA', sellerWebsite: '', sellerType: 'PERSONA_JURIDICA', mineralizationType: 'Veta', works: ['Sondajes', 'Mapeo geológico'], waterAccess: 'Disponible en cuenca', energyAccess: 'Línea MT a 5 km', esgEnvStatus: '', esgClosurePlan: '', esgCommunity: '', esgLiabilities: '', description: 'Proyecto de cobre con vetas reconocidas y potencial en profundidad.', contactName: 'Ana Pérez', contactRole: 'Gerente', contactEmail: 'ana@demo.cl', contactPhone: '+56 9 1234 5678', contactPreference: 'EMAIL', hasAgent: false, } describe('buildListingInput', () => { it('arma un input válido con relaciones y slug', () => { const r = buildListingInput(base) expect(r.ok).toBe(true) if (!r.ok) return expect(r.data.slug).toBe('proyecto-demo-cu-en-atacama') expect(r.data.category).toBe('ACTIVO') expect(r.data.priceUsd).toBe(1_500_000) expect(r.data.surfaceHa).toBe(120) expect(r.data.commodities.create).toEqual([ { commodity: 'CU', isPrimary: true }, { commodity: 'AU', isPrimary: false }, ]) expect(r.data.dealTypes.create).toEqual([{ dealType: 'VENTA_100' }]) expect(r.data.status).toBe('PUBLISHED') }) it('rechaza si falta título, país, commodity o estructura', () => { expect(buildListingInput({ ...base, title: '' }).ok).toBe(false) expect(buildListingInput({ ...base, country: '' }).ok).toBe(false) expect(buildListingInput({ ...base, commodities: [] }).ok).toBe(false) expect(buildListingInput({ ...base, dealTypes: [] }).ok).toBe(false) }) it('descarta precio/superficie no numéricos en lugar de fallar', () => { const r = buildListingInput({ ...base, priceUsd: 'abc', surfaceHa: '' }) expect(r.ok).toBe(true) if (!r.ok) return expect(r.data.priceUsd).toBeNull() expect(r.data.surfaceHa).toBeNull() }) }) ``` - [ ] **Step 2: Ejecutar y verificar que falla** Run: `npm test -- publish` Expected: FAIL ("Cannot find module './publish'"). - [ ] **Step 3: Implementar `src/lib/publish.ts`** ```typescript export interface WizardForm { title: string stage: string assetType: string offerType: string commodities: string[] primaryCommodity: string country: string region: string city: string surfaceHa: string concessionCount: string dealTypes: string[] priceUsd: string headline: string sellReason: string sellerCompany: string sellerWebsite: string sellerType: string mineralizationType: string works: string[] waterAccess: string energyAccess: string esgEnvStatus: string esgClosurePlan: string esgCommunity: string esgLiabilities: string description: string contactName: string contactRole: string contactEmail: string contactPhone: string contactPreference: string hasAgent: boolean } export function slugify(text: string): string { return text .toLowerCase() .normalize('NFD') .replace(/[\u0300-\u036f]/g, '') .replace(/[^a-z0-9]+/g, '-') .replace(/^-+|-+$/g, '') .slice(0, 80) } function numOrNull(s: string): number | null { if (!s || !s.trim()) return null const n = Number(s) return Number.isFinite(n) ? n : null } type BuildResult = | { ok: true; data: ReturnType } | { ok: false; errors: string[] } function toData(form: WizardForm) { const commodities = form.commodities.map((c) => ({ commodity: c, isPrimary: c === form.primaryCommodity, })) return { slug: slugify(form.title), title: form.title.trim(), description: form.description.trim() || form.title.trim(), category: 'ACTIVO', assetType: form.assetType || null, stage: form.stage || null, country: form.country.trim(), region: form.region.trim() || null, city: form.city.trim() || null, priceUsd: numOrNull(form.priceUsd), surfaceHa: numOrNull(form.surfaceHa), concessionCount: numOrNull(form.concessionCount), imageSeed: slugify(form.title) || 'activo', status: 'PUBLISHED', offerType: form.offerType || null, headline: form.headline.trim() || null, sellReason: form.sellReason.trim() || null, sellerCompany: form.sellerCompany.trim() || null, sellerWebsite: form.sellerWebsite.trim() || null, sellerType: form.sellerType || null, mineralizationType: form.mineralizationType || null, works: form.works.join(', ') || null, waterAccess: form.waterAccess.trim() || null, energyAccess: form.energyAccess.trim() || null, esgEnvStatus: form.esgEnvStatus.trim() || null, esgClosurePlan: form.esgClosurePlan.trim() || null, esgCommunity: form.esgCommunity.trim() || null, esgLiabilities: form.esgLiabilities.trim() || null, contactName: form.contactName.trim() || null, contactRole: form.contactRole.trim() || null, contactEmail: form.contactEmail.trim() || null, contactPhone: form.contactPhone.trim() || null, contactPreference: form.contactPreference || null, hasAgent: form.hasAgent, commodities: { create: commodities }, dealTypes: { create: form.dealTypes.map((d) => ({ dealType: d })) }, } } export function buildListingInput(form: WizardForm): BuildResult { const errors: string[] = [] if (!form.title.trim()) errors.push('El nombre del activo es obligatorio.') if (!form.country.trim()) errors.push('El país es obligatorio.') if (form.commodities.length === 0) errors.push('Selecciona al menos un mineral.') if (form.dealTypes.length === 0) errors.push('Selecciona al menos una estructura de negocio.') if (errors.length > 0) return { ok: false, errors } return { ok: true, data: toData(form) } } ``` - [ ] **Step 4: Ejecutar y verificar que pasa** Run: `npm test -- publish` Expected: PASS. - [ ] **Step 5: Commit** ```bash git add -A git commit -m "feat: buildListingInput valida y arma el activo desde el asistente (TDD)" ``` --- ## Task 8: createListingAction + filtro de estado en el catálogo **Files:** - Create: `src/app/dashboard/actions.ts` - Modify: `src/lib/listings.ts` - [ ] **Step 1: Filtrar por estado en `src/lib/listings.ts`** En `buildWhere`, añadir como primera línea del cuerpo (después de `const where ... = {}`): ```typescript where.status = 'PUBLISHED' ``` (El resto de la función queda igual.) - [ ] **Step 2: Verificar que los tests de listings siguen pasando** Run: `npm test -- listings` Expected: PASS (las 13 semillas son PUBLISHED). - [ ] **Step 3: Implementar `src/app/dashboard/actions.ts`** ```typescript 'use server' import { randomBytes } from 'node:crypto' import { redirect } from 'next/navigation' import { prisma } from '@/lib/prisma' import { getCurrentUser } from '@/lib/current-user' import { buildListingInput, type WizardForm } from '@/lib/publish' export type PublishResult = { ok: false; errors: string[] } export async function createListingAction(form: WizardForm): Promise { const user = await getCurrentUser() if (!user) redirect('/login?next=/dashboard/publicar-activo') const built = buildListingInput(form) if (!built.ok) return { ok: false, errors: built.errors } // Garantizar slug único let slug = built.data.slug || 'activo' if (await prisma.listing.findUnique({ where: { slug } })) { slug = `${slug}-${randomBytes(3).toString('hex')}` } await prisma.listing.create({ data: { ...built.data, slug, ownerId: user.id }, }) redirect(`/marketplace/${slug}`) } ``` - [ ] **Step 4: Commit** ```bash git add -A git commit -m "feat: createListingAction publica el activo; catálogo filtra status=PUBLISHED" ``` --- ## Task 9: Asistente de publicación (7 pasos) **Files:** - Create: `src/components/dashboard/WizardFields.tsx`, `src/components/dashboard/wizardContent.ts`, `src/components/dashboard/PublishWizard.tsx`, `src/app/dashboard/publicar-activo/page.tsx` - [ ] **Step 1: `src/components/dashboard/WizardFields.tsx` (inputs reutilizables, cliente)** ```tsx 'use client' export function Text({ label, value, onChange, placeholder, type = 'text', }: { label: string; value: string; onChange: (v: string) => void; placeholder?: string; type?: string }) { return ( ) } export function Area({ label, value, onChange, placeholder, }: { label: string; value: string; onChange: (v: string) => void; placeholder?: string }) { return (