create-huenei-frontend 0.1.2

package/dist/templates/help/src/routeTree.gen.ts

@@ -0,0 +1,241 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as ProyectosRouteImport } from './routes/proyectos'
+import { Route as PerfilRouteImport } from './routes/perfil'
+import { Route as DocumentacionRouteImport } from './routes/documentacion'
+import { Route as DashbordRouteImport } from './routes/dashbord'
+import { Route as ContactoRouteImport } from './routes/contacto'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as ProyectosProyectoIdRouteImport } from './routes/proyectos.$proyectoId'
+import { Route as AuthRegistroRouteImport } from './routes/auth/registro'
+import { Route as AuthIniciarSesionRouteImport } from './routes/auth/iniciar-sesion'
+
+const ProyectosRoute = ProyectosRouteImport.update({
+  id: '/proyectos',
+  path: '/proyectos',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const PerfilRoute = PerfilRouteImport.update({
+  id: '/perfil',
+  path: '/perfil',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const DocumentacionRoute = DocumentacionRouteImport.update({
+  id: '/documentacion',
+  path: '/documentacion',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const DashbordRoute = DashbordRouteImport.update({
+  id: '/dashbord',
+  path: '/dashbord',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ContactoRoute = ContactoRouteImport.update({
+  id: '/contacto',
+  path: '/contacto',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProyectosProyectoIdRoute = ProyectosProyectoIdRouteImport.update({
+  id: '/$proyectoId',
+  path: '/$proyectoId',
+  getParentRoute: () => ProyectosRoute,
+} as any)
+const AuthRegistroRoute = AuthRegistroRouteImport.update({
+  id: '/auth/registro',
+  path: '/auth/registro',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const AuthIniciarSesionRoute = AuthIniciarSesionRouteImport.update({
+  id: '/auth/iniciar-sesion',
+  path: '/auth/iniciar-sesion',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/contacto': typeof ContactoRoute
+  '/dashbord': typeof DashbordRoute
+  '/documentacion': typeof DocumentacionRoute
+  '/perfil': typeof PerfilRoute
+  '/proyectos': typeof ProyectosRouteWithChildren
+  '/auth/iniciar-sesion': typeof AuthIniciarSesionRoute
+  '/auth/registro': typeof AuthRegistroRoute
+  '/proyectos/$proyectoId': typeof ProyectosProyectoIdRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/contacto': typeof ContactoRoute
+  '/dashbord': typeof DashbordRoute
+  '/documentacion': typeof DocumentacionRoute
+  '/perfil': typeof PerfilRoute
+  '/proyectos': typeof ProyectosRouteWithChildren
+  '/auth/iniciar-sesion': typeof AuthIniciarSesionRoute
+  '/auth/registro': typeof AuthRegistroRoute
+  '/proyectos/$proyectoId': typeof ProyectosProyectoIdRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/contacto': typeof ContactoRoute
+  '/dashbord': typeof DashbordRoute
+  '/documentacion': typeof DocumentacionRoute
+  '/perfil': typeof PerfilRoute
+  '/proyectos': typeof ProyectosRouteWithChildren
+  '/auth/iniciar-sesion': typeof AuthIniciarSesionRoute
+  '/auth/registro': typeof AuthRegistroRoute
+  '/proyectos/$proyectoId': typeof ProyectosProyectoIdRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/contacto'
+    | '/dashbord'
+    | '/documentacion'
+    | '/perfil'
+    | '/proyectos'
+    | '/auth/iniciar-sesion'
+    | '/auth/registro'
+    | '/proyectos/$proyectoId'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/contacto'
+    | '/dashbord'
+    | '/documentacion'
+    | '/perfil'
+    | '/proyectos'
+    | '/auth/iniciar-sesion'
+    | '/auth/registro'
+    | '/proyectos/$proyectoId'
+  id:
+    | '__root__'
+    | '/'
+    | '/contacto'
+    | '/dashbord'
+    | '/documentacion'
+    | '/perfil'
+    | '/proyectos'
+    | '/auth/iniciar-sesion'
+    | '/auth/registro'
+    | '/proyectos/$proyectoId'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  ContactoRoute: typeof ContactoRoute
+  DashbordRoute: typeof DashbordRoute
+  DocumentacionRoute: typeof DocumentacionRoute
+  PerfilRoute: typeof PerfilRoute
+  ProyectosRoute: typeof ProyectosRouteWithChildren
+  AuthIniciarSesionRoute: typeof AuthIniciarSesionRoute
+  AuthRegistroRoute: typeof AuthRegistroRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/proyectos': {
+      id: '/proyectos'
+      path: '/proyectos'
+      fullPath: '/proyectos'
+      preLoaderRoute: typeof ProyectosRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/perfil': {
+      id: '/perfil'
+      path: '/perfil'
+      fullPath: '/perfil'
+      preLoaderRoute: typeof PerfilRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/documentacion': {
+      id: '/documentacion'
+      path: '/documentacion'
+      fullPath: '/documentacion'
+      preLoaderRoute: typeof DocumentacionRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/dashbord': {
+      id: '/dashbord'
+      path: '/dashbord'
+      fullPath: '/dashbord'
+      preLoaderRoute: typeof DashbordRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/contacto': {
+      id: '/contacto'
+      path: '/contacto'
+      fullPath: '/contacto'
+      preLoaderRoute: typeof ContactoRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/proyectos/$proyectoId': {
+      id: '/proyectos/$proyectoId'
+      path: '/$proyectoId'
+      fullPath: '/proyectos/$proyectoId'
+      preLoaderRoute: typeof ProyectosProyectoIdRouteImport
+      parentRoute: typeof ProyectosRoute
+    }
+    '/auth/registro': {
+      id: '/auth/registro'
+      path: '/auth/registro'
+      fullPath: '/auth/registro'
+      preLoaderRoute: typeof AuthRegistroRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/auth/iniciar-sesion': {
+      id: '/auth/iniciar-sesion'
+      path: '/auth/iniciar-sesion'
+      fullPath: '/auth/iniciar-sesion'
+      preLoaderRoute: typeof AuthIniciarSesionRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+interface ProyectosRouteChildren {
+  ProyectosProyectoIdRoute: typeof ProyectosProyectoIdRoute
+}
+
+const ProyectosRouteChildren: ProyectosRouteChildren = {
+  ProyectosProyectoIdRoute: ProyectosProyectoIdRoute,
+}
+
+const ProyectosRouteWithChildren = ProyectosRoute._addFileChildren(
+  ProyectosRouteChildren,
+)
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  ContactoRoute: ContactoRoute,
+  DashbordRoute: DashbordRoute,
+  DocumentacionRoute: DocumentacionRoute,
+  PerfilRoute: PerfilRoute,
+  ProyectosRoute: ProyectosRouteWithChildren,
+  AuthIniciarSesionRoute: AuthIniciarSesionRoute,
+  AuthRegistroRoute: AuthRegistroRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()

package/dist/templates/help/src/router.tsx

@@ -0,0 +1,13 @@
+import { createRouter } from '@tanstack/react-router'
+import { routeTree } from './routeTree.gen'
+
+export const router = createRouter({
+  routeTree,
+  defaultPreload: 'intent',
+})
+
+declare module '@tanstack/react-router' {
+  interface Register {
+    router: typeof router
+  }
+}

package/dist/templates/help/src/routes/__root.tsx

@@ -0,0 +1,92 @@
+import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+
+function NotFound() {
+  return (
+    <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-4xl">404 - Página no encontrada</CardTitle>
+          <CardDescription>La página que buscas no existe o ha sido movida.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button asChild>
+            <Link to="/">Volver al inicio</Link>
+          </Button>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}
+
+export const Route = createRootRoute({
+  component: () => (
+    <>
+      <div className="min-h-screen bg-base-100">
+        {/* Header */}
+        <header className="bg-base-100 shadow-sm">
+          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div className="flex justify-between items-center py-6">
+              <div className="flex items-center">
+                <Link to="/" className="text-2xl font-bold text-base-content">
+                  Huenei
+                </Link>
+              </div>
+              <nav className="hidden md:flex space-x-8">
+                <Link
+                  to="/"
+                  className="text-base-content/70 hover:text-base-content transition-colors [&.active]:text-base-content [&.active]:font-semibold"
+                >
+                  Inicio
+                </Link>
+                <Link
+                  to="/proyectos"
+                  className="text-base-content/70 hover:text-base-content transition-colors [&.active]:text-base-content [&.active]:font-semibold"
+                >
+                  Proyectos
+                </Link>
+                <Link
+                  to="/documentacion"
+                  className="text-base-content/70 hover:text-base-content transition-colors [&.active]:text-base-content [&.active]:font-semibold"
+                >
+                  Documentación
+                </Link>
+                <Link
+                  to="/contacto"
+                  className="text-base-content/70 hover:text-base-content transition-colors [&.active]:text-base-content [&.active]:font-semibold"
+                >
+                  Contacto
+                </Link>
+              </nav>
+              <div className="flex items-center gap-3">
+                <Button variant="ghost" asChild>
+                  <Link to="/auth/iniciar-sesion">Iniciar Sesión</Link>
+                </Button>
+                <Button asChild>
+                  <Link to="/auth/registro">Registrarse</Link>
+                </Button>
+              </div>
+            </div>
+          </div>
+        </header>
+
+        {/* Main Content */}
+        <main>
+          <Outlet />
+        </main>
+
+        {/* Footer */}
+        <footer className="bg-base-100 border-t border-base-300 mt-16">
+          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <div className="text-center text-base-content/70">
+              <p>&copy; {new Date().getFullYear()} Huenei. Todos los derechos reservados.</p>
+              <p className="mt-2 text-sm">Template base para proyectos de frontend</p>
+            </div>
+          </div>
+        </footer>
+      </div>
+    </>
+  ),
+  notFoundComponent: NotFound,
+});

package/dist/templates/help/src/routes/auth/iniciar-sesion.tsx

@@ -0,0 +1,139 @@
+import { createFileRoute, Link } from "@tanstack/react-router";
+import { useForm } from "react-hook-form";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import * as z from "zod";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { PasswordInput } from "@/components/ui/password-input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Separator } from "@/components/ui/separator";
+import { LogIn, Mail, Lock } from "lucide-react";
+
+const loginSchema = z.object({
+  email: z.string().email("El email no es válido"),
+  password: z.string().min(6, "La contraseña debe tener al menos 6 caracteres"),
+});
+
+type LoginFormValues = z.infer<typeof loginSchema>;
+
+export const Route = createFileRoute("/auth/iniciar-sesion")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  const form = useForm<LoginFormValues>({
+    resolver: standardSchemaResolver(loginSchema),
+    defaultValues: {
+      email: "",
+      password: "",
+    },
+  });
+
+  const onSubmit = (data: LoginFormValues) => {
+    console.log("Login data:", data);
+    // Aquí iría la lógica de autenticación
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-base-100 px-4 py-12">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+          <h1 className="text-3xl font-bold text-base-content mb-2">
+            Iniciar Sesión
+          </h1>
+          <p className="text-base-content/70">
+            Ingresa tus credenciales para acceder a tu cuenta
+          </p>
+        </div>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <LogIn className="h-5 w-5" />
+              Acceso
+            </CardTitle>
+            <CardDescription>Completa los siguientes campos para iniciar sesión</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Form {...form}>
+              <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+                <FormField
+                  control={form.control}
+                  name="email"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <Mail className="h-4 w-4" />
+                        Email
+                      </FormLabel>
+                      <FormControl>
+                        <Input type="email" placeholder="tu@email.com" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="password"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <Lock className="h-4 w-4" />
+                        Contraseña
+                      </FormLabel>
+                      <FormControl>
+                        <PasswordInput placeholder="••••••••" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <div className="flex items-center justify-between text-sm">
+                  <label className="flex items-center gap-2 cursor-pointer">
+                    <input type="checkbox" className="rounded border-border" />
+                    <span className="text-base-content/70">Recordarme</span>
+                  </label>
+                  <button
+                    type="button"
+                    className="text-primary hover:underline"
+                    onClick={() => {
+                      // TODO: Implementar recuperación de contraseña
+                      console.log("Recuperar contraseña");
+                    }}
+                  >
+                    ¿Olvidaste tu contraseña?
+                  </button>
+                </div>
+
+                <Button type="submit" className="w-full" size="lg">
+                  Iniciar Sesión
+                </Button>
+              </form>
+            </Form>
+
+            <div className="mt-6">
+              <Separator />
+              <div className="mt-6 text-center text-sm">
+                <span className="text-base-content/70">¿No tienes una cuenta? </span>
+                <Link to="/auth/registro" className="text-primary font-medium hover:underline">
+                  Regístrate aquí
+                </Link>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

package/dist/templates/help/src/routes/auth/registro.tsx

@@ -0,0 +1,205 @@
+import { createFileRoute, Link } from "@tanstack/react-router";
+import { useForm } from "react-hook-form";
+import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
+import * as z from "zod";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { PasswordInput } from "@/components/ui/password-input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Separator } from "@/components/ui/separator";
+import { UserPlus, Mail, Lock, User } from "lucide-react";
+
+const registerSchema = z
+  .object({
+    name: z.string().min(2, "El nombre debe tener al menos 2 caracteres"),
+    email: z.string().email("El email no es válido"),
+    password: z
+      .string()
+      .min(8, "La contraseña debe tener al menos 8 caracteres")
+      .regex(
+        /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,
+        "La contraseña debe contener al menos una mayúscula, una minúscula y un número"
+      ),
+    confirmPassword: z.string(),
+  })
+  .refine((data) => data.password === data.confirmPassword, {
+    message: "Las contraseñas no coinciden",
+    path: ["confirmPassword"],
+  });
+
+type RegisterFormValues = z.infer<typeof registerSchema>;
+
+export const Route = createFileRoute("/auth/registro")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  const form = useForm<RegisterFormValues>({
+    resolver: standardSchemaResolver(registerSchema),
+    defaultValues: {
+      name: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+    },
+  });
+
+  const onSubmit = (data: RegisterFormValues) => {
+    console.log("Register data:", data);
+    // Aquí iría la lógica de registro
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-base-100 px-4 py-12">
+      <div className="w-full max-w-md">
+        <div className="text-center mb-8">
+          <h1 className="text-3xl font-bold text-base-content mb-2">
+            Crear Cuenta
+          </h1>
+          <p className="text-base-content/70">
+            Completa el formulario para crear tu cuenta
+          </p>
+        </div>
+
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <UserPlus className="h-5 w-5" />
+              Registro
+            </CardTitle>
+            <CardDescription>Ingresa tus datos para crear una nueva cuenta</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Form {...form}>
+              <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+                <FormField
+                  control={form.control}
+                  name="name"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <User className="h-4 w-4" />
+                        Nombre completo
+                      </FormLabel>
+                      <FormControl>
+                        <Input type="text" placeholder="Juan Pérez" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="email"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <Mail className="h-4 w-4" />
+                        Email
+                      </FormLabel>
+                      <FormControl>
+                        <Input type="email" placeholder="tu@email.com" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="password"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <Lock className="h-4 w-4" />
+                        Contraseña
+                      </FormLabel>
+                      <FormControl>
+                        <PasswordInput placeholder="••••••••" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                      <p className="text-xs text-muted-foreground">
+                        Mínimo 8 caracteres, con mayúscula, minúscula y número
+                      </p>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="confirmPassword"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="flex items-center gap-2">
+                        <Lock className="h-4 w-4" />
+                        Confirmar contraseña
+                      </FormLabel>
+                      <FormControl>
+                        <PasswordInput placeholder="••••••••" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <div className="flex items-start gap-2 text-sm">
+                  <input type="checkbox" className="mt-1 rounded border-border" required />
+                  <span className="text-base-content/70">
+                    Acepto los{" "}
+                    <button
+                      type="button"
+                      className="text-primary hover:underline"
+                      onClick={() => {
+                        // TODO: Implementar página de términos
+                        console.log("Términos y condiciones");
+                      }}
+                    >
+                      términos y condiciones
+                    </button>{" "}
+                    y la{" "}
+                    <button
+                      type="button"
+                      className="text-primary hover:underline"
+                      onClick={() => {
+                        // TODO: Implementar página de privacidad
+                        console.log("Política de privacidad");
+                      }}
+                    >
+                      política de privacidad
+                    </button>
+                  </span>
+                </div>
+
+                <Button type="submit" className="w-full" size="lg">
+                  Crear Cuenta
+                </Button>
+              </form>
+            </Form>
+
+            <div className="mt-6">
+              <Separator />
+              <div className="mt-6 text-center text-sm">
+                <span className="text-base-content/70">¿Ya tienes una cuenta? </span>
+                <Link
+                  to="/auth/iniciar-sesion"
+                  className="text-primary font-medium hover:underline"
+                >
+                  Inicia sesión aquí
+                </Link>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}