npm - create-next-pro-cli - Versions diffs - 0.1.25 → 0.1.27 - Mend

create-next-pro-cli 0.1.25 → 0.1.27

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 (107) hide show

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

@@ -1,62 +1,10 @@
-import NextAuth from "next-auth";
-import type {
-  NextAuthOptions,
-  Session,
-  User,
-  Account,
-  Profile,
-} from "next-auth";
-import GoogleProvider from "next-auth/providers/google";
-import type { JWT } from "next-auth/jwt";
+import { handlers, isAuthConfigured } from "@/auth";
-const authOptions: NextAuthOptions = {
-  providers: [
-    GoogleProvider({
-      clientId: process.env.GOOGLE_CLIENT_ID!,
-      clientSecret: process.env.GOOGLE_CLIENT_SECRET!,
-    }),
-  ],
-  callbacks: {
-    async jwt({ token, user }: { token: JWT; user?: User }) {
-      if (user) {
-        token.id = user.id;
-        token.email = user.email;
-        token.name = user.name;
-      }
-      console.log("JWT Callback:", token);
+const unavailable = () =>
+  Response.json(
+    { error: "Authentication is not configured for this deployment." },
+    { status: 503 },
+  );
-      return token;
-    },
-    async session({ session, token }: { session: Session; token: JWT }) {
-      if (session.user) {
-        session.user.email = token.email;
-        session.user.name = token.name;
-      }
-      return session;
-    },
-    async signIn({
-      user,
-      account,
-      profile,
-      email,
-      credentials,
-    }: {
-      user: User;
-      account: Account | null;
-      profile?: Profile;
-      email?: string | { verificationRequest?: boolean };
-      credentials?: Record<string, unknown>;
-    }) {
-      return true;
-    },
-    async redirect({ url, baseUrl }: { url: string; baseUrl: string }) {
-      const customCallbackRoute = "/api/auth/post-login";
-      return baseUrl + customCallbackRoute;
-    },
-  },
-};
-const handler = NextAuth(authOptions);
-export { handler as GET, handler as POST };
+export const GET = isAuthConfigured() ? handlers.GET : unavailable;
+export const POST = isAuthConfigured() ? handlers.POST : unavailable;

package/templates/Projects/default/src/app/not-found.tsx CHANGED Viewed

@@ -10,7 +10,7 @@ export default function GlobalNotFound() {
   return (
     <html lang="en">
       <body>
-        <Error statusCode={404} />;
+        <Error statusCode={404} />
       </body>
     </html>
   );

package/templates/Projects/default/src/app/sitemap.ts CHANGED Viewed

@@ -5,7 +5,7 @@ import { routing } from "@/lib/i18n/routing";
 import { getPathname } from "@/lib/i18n/navigation";
 export default function sitemap(): MetadataRoute.Sitemap {
-  return [...getEntries("/"), ...getEntries("/pathnames")];
+  return ["/", "/login", "/register"].flatMap((href) => getEntries(href));
 }
 type Href = Parameters<typeof getPathname>[0]["href"];
@@ -15,7 +15,7 @@ function getEntries(href: Href) {
     url: getUrl(href, locale),
     alternates: {
       languages: Object.fromEntries(
-        routing.locales.map((cur) => [cur, getUrl(href, cur)])
+        routing.locales.map((cur) => [cur, getUrl(href, cur)]),
       ),
     },
   }));

package/templates/Projects/default/src/app/styles/globals.css CHANGED Viewed

@@ -1,68 +1,76 @@
 @import "tailwindcss";
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@config "../../../tailwind.config.ts";
 /* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"); */
-/* Dark mode : fond noir, texte blanc */
-.dark {
-  --background: 0 0% 0%; /* noir */
-  --foreground: 0 0% 100%; /* blanc */
-  --card: 0 0% 0%;
-  --card-foreground: 0 0% 100%;
-  --popover: 0 0% 0%;
-  --popover-foreground: 0 0% 100%;
-  --primary: 0 0% 100%; /* blanc */
-  --primary-foreground: 0 0% 0%; /* noir */
-  --secondary: 0 0% 20%; /* gris foncé */
-  --secondary-foreground: 0 0% 100%;
-  --muted: 0 0% 20%;
-  --muted-foreground: 0 0% 80%;
-  --accent: 0 0% 20%;
-  --accent-foreground: 0 0% 100%;
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 0 0% 20%;
-  --input: 0 0% 20%;
-  --ring: 0 0% 100%;
+@custom-variant dark (&:where(.dark, .dark *));
+@custom-variant light (&:where(.light, .light *));
+:root {
   --radius: 0.75rem;
 }
-/* Light mode : fond blanc, texte noir */
+/* Light mode : background white, text black */
+:root,
 .light {
-  --background: 0 0% 100%; /* blanc */
-  --foreground: 0 0% 0%; /* noir */
-  --card: 0 0% 100%;
-  --card-foreground: 0 0% 0%;
-  --popover: 0 0% 100%;
-  --popover-foreground: 0 0% 0%;
-  --primary: 0 0% 0%; /* noir */
-  --primary-foreground: 0 0% 100%; /* blanc */
-  --secondary: 0 0% 95%; /* gris très clair */
-  --secondary-foreground: 0 0% 0%;
-  --muted: 0 0% 95%;
-  --muted-foreground: 0 0% 20%;
-  --accent: 0 0% 95%;
-  --accent-foreground: 0 0% 0%;
-  --destructive: 0 84.2% 60.2%;
-  --destructive-foreground: 0 0% 100%;
-  --border: 0 0% 80%;
-  --input: 0 0% 80%;
-  --ring: 0 0% 0%;
+  --background: 245 245 245; /* white*/
+  --foreground: 0 0 0; /* black */
+  --card: 255 255 255;
+  --card-foreground: 0 0 0;
+  --popover: 255 255 255;
+  --popover-foreground: 0 0 0;
+  --primary: 0 0 0; /* black */
+  --primary-foreground: 255 255 255; /* white */
+  --secondary: 220 220 220; /* very light gray */
+  --secondary-foreground: 0 0 0;
+  --muted: 242 242 242;
+  --muted-foreground: 51 51 51; /* dark gray */
+  --accent: 242 242 242;
+  --accent-foreground: 0 0 0;
+  --destructive: 239 68 68;
+  --destructive-foreground: 255 255 255;
+  --border: 204 204 204;
+  --input: 204 204 204;
+  --ring: 0 0 0;
+  --radius: 0.75rem;
+}
+/* Dark mode : background black, text white */
+.dark {
+  --background: 0 0 0; /* black */
+  --foreground: 255 255 255; /* white */
+  --card: 0 0 0;
+  --card-foreground: 255 255 255;
+  --popover: 0 0 0;
+  --popover-foreground: 255 255 255;
+  --primary: 255 255 255; /* white */
+  --primary-foreground: 0 0 0; /* black */
+  --secondary: 30 30 30; /* dark gray */
+  --secondary-foreground: 255 255 255;
+  --muted: 51 51 51; /* dark gray */
+  --muted-foreground: 204 204 204;
+  --accent: 51 51 51; /* dark gray */
+  --accent-foreground: 255 255 255;
+  --destructive: 127 29 29;
+  --destructive-foreground: 255 255 255;
+  --border: 51 51 51;
+  --input: 51 51 51;
+  --ring: 255 255 255;
+  --radius: 0.75rem;
 }
 * {
-  border-color: hsl(var(--border));
+  border-color: rgb(var(--border));
 }
 body {
   font-family: "Inter", sans-serif;
-  background: hsl(var(--background));
-  color: hsl(var(--foreground));
+  background: rgb(var(--background));
+  color: rgb(var(--foreground));
   line-height: 1.6;
-  transition: background 0.3s, color 0.3s;
+  transition:
+    background 0.3s,
+    color 0.3s;
 }
 .gradient-text {
@@ -84,51 +92,10 @@ body {
   border: 1px solid #444;
 }
 .light .glass-effect {
-  background: rgba(0, 0, 0, 0.08);
+  background: rgba(255, 255, 255, 0.8);
   border: 1px solid #ccc;
 }
-.chat-bubble-user {
-  background: linear-gradient(135deg, #fff 0%, #bbb 100%);
-  border-radius: 18px 18px 4px 18px;
-  color: #000;
-}
-.light .chat-bubble-user {
-  background: linear-gradient(135deg, #000 0%, #888 100%);
-  color: #fff;
-}
-.chat-bubble-ai {
-  background: rgba(255, 255, 255, 0.12);
-  border-radius: 18px 18px 18px 4px;
-  border: 1px solid #444;
-  color: #000;
-}
-.light .chat-bubble-ai {
-  background: rgba(0, 0, 0, 0.12);
-  border: 1px solid #ccc;
-  color: #fff;
-}
-.typing-indicator {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background-color: #fff;
-  animation: typing 1.4s infinite ease-in-out;
-}
-.light .typing-indicator {
-  background-color: #000;
-}
-.typing-indicator:nth-child(1) {
-  animation-delay: -0.32s;
-}
-.typing-indicator:nth-child(2) {
-  animation-delay: -0.16s;
-}
 @keyframes typing {
   0%,
   80%,
@@ -142,31 +109,116 @@ body {
   }
 }
+/* 1) Déclarer des variables animables (pour interpolation fluide) */
+@property --c1x {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 25%;
+}
+@property --c1y {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 25%;
+}
+@property --c2x {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 75%;
+}
+@property --c2y {
+  syntax: "<percentage>";
+  inherits: true;
+  initial-value: 75%;
+}
+/* alpha (0..1) */
+@property --a1 {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0.9;
+}
+@property --a2 {
+  syntax: "<number>";
+  inherits: true;
+  initial-value: 0.9;
+}
 .hero-pattern {
-  background-image: radial-gradient(
-      circle at 25% 25%,
-      rgba(255, 255, 255, 0.18) 0%,
-      transparent 50%
+  /* 2) Animation légère */
+  animation: heroDrift 60s ease-in-out infinite;
+}
+/* 3) Keyframes: déplacement de quelques % + alpha léger */
+@keyframes heroDrift {
+  0% {
+    --c1x: 20%;
+    --c1y: 25%;
+    --c2x: 75%;
+    --c2y: 75%;
+    --a1: 0.9;
+    --a2: 0.99;
+  }
+  50% {
+    --c1x: 28%;
+    --c1y: 60%;
+    --c2x: 65%;
+    --c2y: 45%;
+    --a1: 0.99;
+    --a2: 0.95;
+  }
+  100% {
+    --c1x: 20%;
+    --c1y: 25%;
+    --c2x: 75%;
+    --c2y: 75%;
+    --a1: 0.9;
+    --a2: 0.99;
+  }
+}
+/* 4) Tu reconstruis ensuite tes gradients en utilisant ces variables */
+/* DARK */
+.dark .hero-pattern {
+  background-image:
+    radial-gradient(
+      circle at var(--c1x) var(--c1y),
+      rgba(0, 0, 0, var(--a1)) 0%,
+      transparent 80%
     ),
     radial-gradient(
-      circle at 75% 75%,
-      rgba(180, 180, 180, 0.18) 0%,
-      transparent 50%
+      circle at var(--c2x) var(--c2y),
+      rgba(31, 31, 31, var(--a2)) 0%,
+      transparent 80%
     );
 }
+/* LIGHT (mêmes positions animées, mais alpha + stops adaptés) */
 .light .hero-pattern {
-  background-image: radial-gradient(
-      circle at 25% 25%,
-      rgba(0, 0, 0, 0.08) 0%,
-      transparent 50%
+  /* option: alpha un peu plus bas en light */
+  --a1: 0.1;
+  --a2: 0.5;
+  background-image:
+    radial-gradient(
+      circle at var(--c1x) var(--c1y),
+      rgba(150, 150, 150, var(--a1)) 0%,
+      transparent 40%
     ),
     radial-gradient(
-      circle at 75% 75%,
-      rgba(120, 120, 120, 0.08) 0%,
+      circle at var(--c2x) var(--c2y),
+      rgba(150, 150, 150, var(--a2)) 0%,
       transparent 50%
     );
 }
+/* 5) Accessibilité */
+@media (prefers-reduced-motion: reduce) {
+  .hero-pattern {
+    animation: none;
+  }
+}
 .light .mobil-menu {
   background: rgba(255, 255, 255, 0.9);
 }
@@ -175,16 +227,12 @@ body {
   background: rgba(0, 0, 0, 0.9);
 }
-.light .text-white,
+/* .light .text-white,
 .light .text-gray-300,
 .light .text-gray-400 {
   color: black;
-}
+} */
-.light button.text-white:hover,
-.light a:hover {
-  color: rgb(142, 197, 255);
-}
 .gsi-material-button {
   user-select: none;
   -webkit-user-select: none;
@@ -212,7 +260,10 @@ body {
   padding: 0 12px;
   position: relative;
   text-align: center;
-  transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
+  transition:
+    background-color 0.218s,
+    border-color 0.218s,
+    box-shadow 0.218s;
   vertical-align: middle;
   white-space: nowrap;
   width: auto;
@@ -293,9 +344,11 @@ body {
 }
 .gsi-material-button:not(:disabled):hover {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
+  -webkit-box-shadow:
+    0 1px 2px 0 rgba(60, 64, 67, 0.3),
     0 1px 3px 1px rgba(60, 64, 67, 0.15);
-  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
+  box-shadow:
+    0 1px 2px 0 rgba(60, 64, 67, 0.3),
     0 1px 3px 1px rgba(60, 64, 67, 0.15);
 }

package/templates/Projects/default/src/auth.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import NextAuth from "next-auth";
+import Google from "next-auth/providers/google";
+import { getAuthEnv } from "@/env";
+const authEnv = getAuthEnv();
+export const { handlers, auth, signIn, signOut } = NextAuth({
+  secret: authEnv?.secret,
+  trustHost: process.env.AUTH_TRUST_HOST === "true",
+  providers: authEnv
+    ? [
+        Google({
+          clientId: authEnv.googleClientId,
+          clientSecret: authEnv.googleClientSecret,
+        }),
+      ]
+    : [],
+});
+export const isAuthConfigured = () => authEnv !== null;

package/templates/Projects/default/src/config.ts CHANGED Viewed

@@ -1,4 +1,4 @@
+import { getPublicUrl } from "@/env";
 export const port = process.env.PORT || 3000;
-export const host = process.env.PROJECT_PRODUCTION_URL
-  ? `https://${process.env.PROJECT_PRODUCTION_URL}`
-  : `http://localhost:${port}`;
+export const host = getPublicUrl();

package/templates/Projects/default/src/env.ts ADDED Viewed

@@ -0,0 +1,65 @@
+const env = process.env;
+function firstDefined(...names: string[]) {
+  for (const name of names) {
+    const value = env[name];
+    if (value && value.trim().length > 0) {
+      return value;
+    }
+  }
+}
+export function requireEnv(...names: string[]) {
+  const value = firstDefined(...names);
+  if (!value) {
+    throw new Error(
+      `Missing required environment variable: ${names.join(" or ")}`,
+    );
+  }
+  return value;
+}
+export type AuthEnv = {
+  secret: string;
+  googleClientId: string;
+  googleClientSecret: string;
+};
+export function getAuthEnv() {
+  if (env.AUTH_DISABLED === "true") return null;
+  const values = {
+    secret: firstDefined("AUTH_SECRET", "NEXTAUTH_SECRET"),
+    googleClientId: firstDefined("AUTH_GOOGLE_ID", "GOOGLE_CLIENT_ID"),
+    googleClientSecret: firstDefined(
+      "AUTH_GOOGLE_SECRET",
+      "GOOGLE_CLIENT_SECRET",
+    ),
+  };
+  const configuredValues = Object.values(values).filter(Boolean).length;
+  if (configuredValues === 0) return null;
+  if (configuredValues !== 3) {
+    throw new Error(
+      "Incomplete Auth.js configuration: secret, Google client ID and Google client secret must be set together",
+    );
+  }
+  return values as AuthEnv;
+}
+export function getPublicUrl() {
+  const configured = firstDefined(
+    "NEXT_PUBLIC_APP_URL",
+    "PROJECT_PRODUCTION_URL",
+  );
+  if (!configured) {
+    return `http://localhost:${env.PORT || "3000"}`;
+  }
+  const candidate = configured.startsWith("http")
+    ? configured
+    : `https://${configured}`;
+  return new URL(candidate).origin;
+}

package/templates/Projects/default/src/lib/i18n/messages.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import en from "../../../messages/en";
+import fr from "../../../messages/fr";
+const messages = { en, fr } as const;
+export function getMessages(locale: keyof typeof messages) {
+  return messages[locale];
+}

package/templates/Projects/default/src/lib/i18n/request.ts CHANGED Viewed

@@ -2,30 +2,16 @@
 import { getRequestConfig } from "next-intl/server";
 import { hasLocale } from "next-intl";
 import { routing } from "./routing";
+import { getMessages } from "./messages";
 export default getRequestConfig(async ({ requestLocale }) => {
-  //console.log("Requesting locale... :", requestLocale);
-  // Typically corresponds to the `[locale]` segment
-  //console.log("Routing :", routing);
   const requested = await requestLocale;
-  //console.log(`Requested locale: "${requested}"`);
   const locale = hasLocale(routing.locales, requested)
     ? requested
     : routing.defaultLocale;
-  //console.log(`Locale requested: "${locale}"`);
   return {
     locale,
-    messages: (await import(`@/../messages/${locale}.ts`)).default,
+    messages: getMessages(locale),
   };
 });
-// This file is used to configure internationalization (i18n) for the Next.js application
-// It imports the getRequestConfig function from next-intl/server to set up locale-specific messages
-// The messages are loaded dynamically based on the requested locale
-// The locales and defaultLocale are imported from the routing module
-// This allows the application to support multiple languages, such as English and French
-// The messages are expected to be in JSON format and located in the messages directory
-// This setup is essential for providing localized content to users based on their language preferences
-// Make sure to create the necessary message files for each locale in the specified directory

package/templates/Projects/default/src/lib/security/csp.ts ADDED Viewed

@@ -0,0 +1,16 @@
+export function createContentSecurityPolicy(isDevelopment: boolean) {
+  return [
+    "default-src 'self'",
+    `script-src 'self' 'unsafe-inline'${isDevelopment ? " 'unsafe-eval'" : ""}`,
+    "style-src 'self' 'unsafe-inline'",
+    "img-src 'self' blob: data: https://lh3.googleusercontent.com",
+    "font-src 'self' data:",
+    "connect-src 'self' https://accounts.google.com",
+    "frame-src https://accounts.google.com",
+    "object-src 'none'",
+    "base-uri 'self'",
+    "form-action 'self' https://accounts.google.com",
+    "frame-ancestors 'none'",
+    "upgrade-insecure-requests",
+  ].join("; ");
+}

package/templates/Projects/default/src/lib/utils.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { clsx } from "clsx";
+import type { ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
-export function cn(...inputs: unknown[]) {
+export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }

package/templates/Projects/default/src/proxy.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import createMiddleware from "next-intl/middleware";
+import type { NextRequest } from "next/server";
+import { routing } from "@/lib/i18n/routing";
+const handleI18nRouting = createMiddleware(routing);
+export function proxy(request: NextRequest) {
+  return handleI18nRouting(request);
+}
+export const config = {
+  matcher: ["/((?!api|_next|_vercel|.*\\..*).*)"],
+};

package/templates/Projects/default/src/ui/_global/BackButton.tsx CHANGED Viewed

@@ -1,17 +1,19 @@
-"use client"; // DO NOT FORGET , this is a client component.
+"use client";
+import { useTranslations } from "next-intl";
 import { useRouter } from "next/navigation";
 import { StepBackIcon } from "lucide-react";
 import { Button } from "./Button";
 export default function BackButton({ className = "" }: { className?: string }) {
   const router = useRouter();
+  const t = useTranslations("_global_ui");
   return (
     <Button
       type="button"
       onClick={() => router.back()}
       className={`inline-flex items-center gap-2 px-3 py-1.5 rounded border border-gray-300 bg-white text-gray-700 hover:bg-gray-100 transition ${className}`}
     >
-      <StepBackIcon className="h-4 w-4" /> Retour
+      <StepBackIcon className="h-4 w-4" /> {t("back")}
     </Button>
   );
 }

package/templates/Projects/default/src/ui/_global/Button.tsx CHANGED Viewed

@@ -34,7 +34,7 @@ const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
+  },
 );
 import type { ButtonHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
@@ -42,12 +42,7 @@ import type { ButtonHTMLAttributes, DetailedHTMLProps, ReactNode } from "react";
 type ButtonProps = {
   className?: string;
   variant?:
-    | "default"
-    | "destructive"
-    | "outline"
-    | "secondary"
-    | "ghost"
-    | "link";
+    "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
   size?: "default" | "sm" | "lg" | "icon";
   asChild?: boolean;
   children?: ReactNode;
@@ -68,7 +63,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {children}
       </Comp>
     );
-  }
+  },
 );
 Button.displayName = "Button";