create-next-pro-cli 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-next-pro-cli",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Advanced Next.js project scaffolder with i18n, Tailwind, App Router and more.",
   "bin": {
     "create-next-pro": "./bin.ts"

package/templates/Page/loading.tsx

@@ -1,13 +1,8 @@
 // app/[locale]/template/loading.tsx
-"use client";
+import LoadingUI from "@/ui/_global/Loading";
 
 export default function Loading() {
-  const t = useTranslations("_global_ui");
-  return (
-    <div className="flex flex-col flex-1 items-center justify-center">
-      <p className="text-gray-500">{t("common.loading")}</p>
-    </div>
-  );
+  return <LoadingUI />;
 }
 // This component is used to show a loading state while the page is being prepared
 // You can customize it with a spinner, skeletons, or any loading UI you prefer

package/templates/Page/not-found.tsx

@@ -0,0 +1,11 @@
+import { Link } from "@/lib/i18n/navigation";
+
+export default function NotFound() {
+  return (
+    <div>
+      <h2>Not Found</h2>
+      <p>Could not find requested resource</p>
+      <Link href="/">Return Home</Link>
+    </div>
+  );
+}

package/templates/Page/page-ui.tsx

@@ -1,4 +1,4 @@
-("use client");
+"use client";
 import { useTranslations } from "next-intl";
 import BackButton from "@/ui/_global/BackButton";
 

package/templates/Projects/default/messages/en/{dashboard.json → Dashboard.json}

@@ -10,5 +10,6 @@
       "likes": "Likes",
       "comments": "Comments"
     }
-  }
+  },
+  "logout": "Logout"
 }

package/templates/Projects/default/messages/en/_global_ui.json

@@ -26,5 +26,9 @@
       "settings": "Settings",
       "user_info": "User Information"
     }
+  },
+  "Loading": {
+    "title": "Loading",
+    "description": "Please wait while we prepare your experience..."
   }
 }

package/templates/Projects/default/messages/fr/{dashboard.json → Dashboard.json}

@@ -10,5 +10,6 @@
       "likes": "J'aime",
       "comments": "Commentaires"
     }
-  }
+  },
+  "logout": "Déconnexion"
 }

package/templates/Projects/default/messages/fr/_global_ui.json

@@ -26,5 +26,9 @@
       "settings": "Paramètres",
       "user_info": "Informations sur l'utilisateur"
     }
+  },
+  "Loading": {
+    "title": "Chargement en cours",
+    "description": "Veuillez patienter pendant que nous préparons votre expérience..."
   }
 }

package/templates/Projects/default/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "my-next-app",
+  "name": "my-next-pro",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,13 +9,19 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.2.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "cookie": "^1.0.2",
     "jsonwebtoken": "^9.0.2",
+    "lucide-react": "^0.539.0",
     "next": "15.4.5",
     "next-auth": "^4.24.11",
     "next-intl": "^4.3.4",
     "react": "19.1.0",
-    "react-dom": "19.1.0"
+    "react-dom": "19.1.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",

package/templates/Projects/default/src/app/[locale]/(public)/Login/page.tsx

@@ -0,0 +1,6 @@
+// src/app/[locale]/(public)/Login/page.tsx
+import LoginPageUI from "@/ui/Login/page-ui";
+
+export default function LoginPage() {
+  return <LoginPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(public)/Register/page.tsx

@@ -0,0 +1,6 @@
+// src/app/[locale]/(public)/Register/page.tsx
+import RegisterPageUI from "@/ui/Register/page-ui";
+
+export default function RegisterPage() {
+  return <RegisterPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(public)/_home/loading.tsx

@@ -1 +1,5 @@
-// app/[locale]/_main/loading.tsx
+// app/[locale]/_main/loading.tsx
+import LoadingUI from "@/ui/_global/Loading";
+export default function Loading() {
+  return <LoadingUI />;
+}

package/templates/Projects/default/src/app/[locale]/(public)/_home/page.tsx

@@ -1,16 +1,6 @@
-"use client";
-import { useTranslations } from "next-intl";
-// import Test from "@/ui/_home/test/page";
+// src/app/[locale]/(public)/_home/page.tsx
+import HomePageUI from "@/ui/_home/page-ui";
 
 export default function HomePage() {
-  const t = useTranslations("_home");
-  return (
-    <main className="py-8 px-4 max-w-3xl mx-auto">
-      {/*  <Test /> */}
-      <div className="flex items-center justify-between mb-6">
-        <h1 className="text-2xl font-bold">{t("title")}</h1>
-      </div>
-      <p className="text-muted mt-2">{t("description")}</p>
-    </main>
-  );
+  return <HomePageUI />;
 }

package/templates/Projects/default/src/app/[locale]/(public)/layout.tsx

@@ -2,10 +2,8 @@ import React from "react";
 
 export default function PublicLayout({
   children,
-  params,
 }: {
   children: React.ReactNode;
-  params: { locale: string };
 }) {
   return children;
 }

package/templates/Projects/default/src/app/[locale]/(user)/Dashboard/loading.tsx

@@ -0,0 +1,10 @@
+// app/[locale]/dashboard/loading.tsx
+"use client";
+
+export default function Loading() {
+  return (
+    <div className="flex flex-col flex-1 items-center justify-center">
+      <p className="text-gray-500">Loading dashboard...</p>
+    </div>
+  );
+}

package/templates/Projects/default/src/app/[locale]/(user)/Dashboard/page.tsx

@@ -0,0 +1,5 @@
+import Dashboard from "@/ui/Dashboard/page-ui";
+
+export default function DashboardPage() {
+  return <Dashboard />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/Settings/page.tsx

@@ -0,0 +1,6 @@
+"use client";
+import SettingsPageUI from "@/ui/Settings/page-ui";
+
+export default function UserInfoPage() {
+  return <SettingsPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/UserInfo/page.tsx

@@ -0,0 +1,6 @@
+"use client";
+import UserInfoPageUI from "@/ui/UserInfo/page-ui";
+
+export default function UserInfoPage() {
+  return <UserInfoPageUI />;
+}

package/templates/Projects/default/src/app/[locale]/(user)/layout.tsx

@@ -1,8 +1,5 @@
 // app/[locale]/(user)/layout.tsx
 
-import UserNav from "@/ui/_global/UserNav";
-import LocaleSwitcher from "@/ui/_global/LocaleSwitcher";
-
 export default function UserLayout({
   children,
 }: {

package/templates/Projects/default/src/app/[locale]/layout.tsx

@@ -1,6 +1,6 @@
 // app/[locale]/layout.tsx
+import { NextIntlClientProvider } from "next-intl";
 import { setRequestLocale } from "next-intl/server";
-import { NextIntlClientProvider, hasLocale, Locale } from "next-intl";
 import React from "react";
 import "@/app/styles/globals.css"; // Import global styles
 import GlobalHeader from "@/ui/_global/GlobalHeader";
@@ -16,14 +16,13 @@ export default async function LocaleLayout({
 }) {
   const { locale } = await params;
   setRequestLocale(locale);
-
-  const isConnectedValue = await isConnected();
+  const isConnectedInitial = await isConnected();
 
   return (
     <html lang={locale}>
       <body>
         <NextIntlClientProvider>
-          <GlobalHeader isConnected={isConnectedValue} />
+          <GlobalHeader isConnectedInitial={isConnectedInitial} />
           <GlobalMain>{children}</GlobalMain>
         </NextIntlClientProvider>
       </body>

package/templates/Projects/default/src/app/[locale]/loading.tsx

@@ -1,12 +1,9 @@
 // app/[locale]/dashboard/loading.tsx
-"use client";
+
+import LoadingUI from "@/ui/_global/Loading";
 
 export default function Loading() {
-  return (
-    <div className="flex flex-col flex-1 items-center justify-center">
-      <p className="text-gray-500">Loading ROOT...</p>
-    </div>
-  );
+  return <LoadingUI />;
 }
 // This component is used to show a loading state while the dashboard is being prepared
 // You can customize it with a spinner, skeletons, or any loading UI you prefer

package/templates/Projects/default/src/app/[locale]/page.tsx

@@ -1,116 +1,6 @@
 import React from "react";
-import Image from "next/image";
 import HomePage from "@/app/[locale]/(public)/_home/page";
-import DashboardPage from "@/app/[locale]/(user)/dashboard/page";
-import PublicNav from "@/ui/_global/PublicNav";
-import UserNav from "@/ui/_global/UserNav";
-import LocaleSwitcher from "@/ui/_global/LocaleSwitcher";
-import { cookies } from "next/headers";
-import { verify } from "jsonwebtoken";
 
 export default async function FallbackPage() {
-  let isConnected = false;
-  const cookieStore = await cookies();
-  const appToken = cookieStore.get("app_token")?.value;
-  if (appToken) {
-    try {
-      verify(appToken, process.env.APP_JWT_SECRET!);
-      isConnected = true;
-    } catch {
-      isConnected = false;
-    }
-  }
-
-  return (
-    <HomePage />
-    /*     <main className="min-h-screen bg-neutral-50 font-sans text-gray-900">
-      <header className="sticky top-0 z-30 w-full border-b bg-white/80 backdrop-blur supports-[backdrop-filter]:bg-white/60 shadow-sm">
-        <div className="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
-          <div className="flex items-center gap-3">
-            <Image
-              src="/cnp-logo.svg"
-              alt="Logo"
-              width={63}
-              height={63}
-              className="mr-2"
-            />
-            <span className="text-lg font-semibold tracking-tight select-none">
-              Create Next Pro
-            </span>
-          </div>
-          <nav className="flex items-center gap-4">
-            {isConnected ? <UserNav /> : <PublicNav />}
-            <LocaleSwitcher />
-          </nav>
-        </div>
-      </header>
-
-      <section className="mx-auto w-full max-w-3xl py-16 px-6">
-        {isConnected ? <DashboardPage /> : <HomePage />}
-      </section>
-    </main> */
-  );
+  return <HomePage />;
 }
-
-// Design inspiré de nextjs.org avec Tailwind CSS.
-
-// import React from "react";
-// import HomePage from "@/app/[locale]/(public)/_home/page";
-// import DashboardPage from "@/app/[locale]/(user)/dashboard/page";
-// import PublicNav from "@/ui/_global/PublicNav";
-// import UserNav from "@/ui/_global/UserNav";
-// import LocaleSwitcher from "@/ui/_global/LocaleSwitcher";
-
-// export default async function FallbackPage({
-//   params,
-// }: {
-//   params: Promise<{ locale: string }>;
-// }) {
-//   // TODO: Remplacer par la logique réelle d'authentification (next-auth)
-//   const isConnected = false;
-//   const { locale } = await params;
-
-//   return (
-//     <main className="min-h-screen bg-neutral-50 font-sans text-gray-900">
-//       {/* Header sticky façon nextjs.org */}
-//       <header className="sticky top-0 z-30 w-full border-b bg-white/80 backdrop-blur supports-[backdrop-filter]:bg-white/60 shadow-sm">
-//         <div className="mx-auto flex h-16 max-w-6xl items-center justify-between px-6">
-//           <div className="flex items-center gap-3">
-//             {/* Logo Next.js SVG */}
-//             <svg
-//               width="32"
-//               height="32"
-//               viewBox="0 0 32 32"
-//               fill="none"
-//               xmlns="http://www.w3.org/2000/svg"
-//               className="mr-2"
-//             >
-//               <rect width="32" height="32" rx="16" fill="#000" />
-//               <path
-//                 d="M16.018 29.917c7.66 0 13.899-6.238 13.899-13.899 0-7.66-6.239-13.899-13.899-13.899-7.66 0-13.899 6.239-13.899 13.899 0 7.661 6.239 13.899 13.899 13.899Z"
-//                 fill="#fff"
-//               />
-//               <path
-//                 d="M23.635 22.295 12.7 10.36h-1.68v11.28h1.44v-9.12l10.08 10.08 1.095-1.095ZM19.36 21.64h1.44V10.36h-1.44v11.28Z"
-//                 fill="#000"
-//               />
-//             </svg>
-//             <span className="text-lg font-semibold tracking-tight select-none">
-//               Create Next Pro
-//             </span>
-//           </div>
-//           <nav className="flex items-center gap-4">
-//             {isConnected ? <UserNav /> : <PublicNav />}
-//             <LocaleSwitcher />
-//           </nav>
-//         </div>
-//       </header>
-//       {/* Main content */}
-//       <section className="mx-auto w-full max-w-3xl py-16 px-6">
-//         {isConnected ? <DashboardPage /> : <HomePage />}
-//       </section>
-//     </main>
-//   );
-// }
-
-// // Design inspiré de nextjs.org avec Tailwind CSS.

package/templates/Projects/default/src/app/api/auth/[...nextauth]/route.ts

@@ -1,6 +1,4 @@
-import { sign } from "jsonwebtoken";
 import NextAuth from "next-auth";
-//import { authOptions } from "@/auth.config";
 import type {
   NextAuthOptions,
   Session,
@@ -10,8 +8,6 @@ import type {
 } from "next-auth";
 import GoogleProvider from "next-auth/providers/google";
 import type { JWT } from "next-auth/jwt";
-import { getToken } from "next-auth/jwt";
-import { NextRequest, NextResponse } from "next/server";
 
 const authOptions: NextAuthOptions = {
   providers: [
@@ -28,20 +24,14 @@ const authOptions: NextAuthOptions = {
         token.name = user.name;
       }
       console.log("JWT Callback:", token);
-      // On ne met rien dans le token NextAuth
-      // Le token JWT applicatif est géré dans le middleware
-      // et dans le callback de la route d'authentification
-      // pour éviter de le stocker dans la session NextAuth
-      // et de le renvoyer au client.
-      // Il est uniquement utilisé côté serveur pour vérifier l'authentification.
-      // On peut ajouter des données supplémentaires si nécessaire
-      // mais pour l'instant, on garde le token minimaliste.
-      // Exemple d'ajout de données :
-      // token.customData = "some data";
+
       return token;
     },
     async session({ session, token }: { session: Session; token: JWT }) {
-      // On ne met rien dans la session NextAuth
+      if (session.user) {
+        session.user.email = token.email;
+        session.user.name = token.name;
+      }
       return session;
     },
     async signIn({
@@ -60,22 +50,13 @@ const authOptions: NextAuthOptions = {
       return true;
     },
     async redirect({ url, baseUrl }: { url: string; baseUrl: string }) {
-      // Après login, redirige vers l'endpoint qui pose le cookie JWT applicatif
-      // console.log("Before Redirect Callback :", { url: url, baseUrl: baseUrl });
       const customCallbackRoute = "/api/auth/post-login";
-      /*  if (url.startsWith(baseUrl)) {
-        console.log("Redirecting to post-login endpoint");
-        return "/api/auth/post-login";
-      } */
-      // console.log("Redirecting to base URL + customCallbackRoute");
+
       return baseUrl + customCallbackRoute;
     },
   },
-  // Ajoute ici d'autres options/callbacks si besoin
 };
 
-// Suppression de customJwtCookie : la pose du cookie se fait dans /api/auth/post-login
-
 const handler = NextAuth(authOptions);
 
 export { handler as GET, handler as POST };

package/templates/Projects/default/src/app/api/auth/post-login/route.ts

@@ -2,7 +2,6 @@ import { getToken } from "next-auth/jwt";
 import { sign } from "jsonwebtoken";
 import { NextResponse, NextRequest } from "next/server";
 import { redirect } from "@/lib/i18n/navigation";
-// import { NextURL } from "next/dist/server/web/next-url";
 
 export async function GET(req: NextRequest) {
   const token = await getToken({ req, secret: process.env.NEXTAUTH_SECRET });
@@ -13,7 +12,7 @@ export async function GET(req: NextRequest) {
       { expiresIn: "7d" }
     );
     const res = NextResponse.redirect(req.nextUrl.origin + "/");
-    res.cookies.set("app_token", appJwt, {
+    res.cookies.set("access_token", appJwt, {
       httpOnly: true,
       secure: process.env.NODE_ENV === "production",
       sameSite: "strict",