create-next-pro-cli 0.1.0

package/templates/Projects/default/src/lib/auth/isConnected.ts

@@ -0,0 +1,16 @@
+import { cookies } from "next/headers";
+import { verify } from "jsonwebtoken";
+
+export async function isConnected(): Promise<boolean> {
+  const cookieStore = await cookies();
+  const appToken = cookieStore.get("app_token")?.value;
+  if (appToken) {
+    try {
+      verify(appToken, process.env.APP_JWT_SECRET!);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  return false;
+}

package/templates/Projects/default/src/lib/i18n/navigation.ts

@@ -0,0 +1,19 @@
+// lib/i18n/navigation.ts
+import { createNavigation } from "next-intl/navigation";
+import { routing } from "./routing";
+
+// Lightweight wrappers around Next.js' navigation
+// APIs that consider the routing configuration
+export const { Link, redirect, usePathname, useRouter, getPathname } =
+  createNavigation(routing);
+// This file sets up navigation for internationalization (i18n) in a Next.js application
+// It uses the createLocalizedPathnamesNavigation function from next-intl/navigation
+// to create localized links and navigation functions
+// The locales and defaultLocale are imported from the routing module
+// This allows the application to support multiple languages, such as English and French
+// The Link component can be used to create links that respect the current locale
+// The redirect function can be used to redirect users to the appropriate locale
+// The usePathname and useRouter hooks can be used to access the current pathname and router
+// This setup is essential for providing a seamless navigation experience in a multilingual application
+// Make sure to import this module in your application to enable i18n navigation
+// You can also customize the Link component to add additional props or styles

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

@@ -0,0 +1,31 @@
+// lib/i18n/request.ts
+import { getRequestConfig } from "next-intl/server";
+import { hasLocale } from "next-intl";
+import { routing } from "./routing";
+
+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,
+  };
+});
+
+// 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/i18n/routing.ts

@@ -0,0 +1,20 @@
+// lib/i18n/routing.ts
+import { defineRouting } from "next-intl/routing";
+
+export const routing = defineRouting({
+  // A list of all locales that are supported
+  locales: ["en", "fr"],
+  localeDetection: true,
+  localeCookie: true,
+
+  // Used when no locale matches
+  defaultLocale: "en",
+});
+// This file defines the routing configuration for internationalization (i18n) in a Next.js application
+// It uses the defineRouting function from next-intl/routing to set up the locales and default locale
+// The locales array specifies the supported languages, such as English and German
+// The defaultLocale is set to English, which will be used when no specific locale is requested
+// The pathnames object maps the root path ("/") to itself and provides a localized version
+// for the "/pathnames" route in German, which is mapped to "/pfadnamen"
+// This setup allows the application to handle different languages and provide localized content
+// Make sure to import this routing configuration in your application to enable i18n routing

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

@@ -0,0 +1,15 @@
+"use client"; // DO NOT FORGET , this is a client component.
+import { useRouter } from "next/navigation";
+
+export default function BackButton({ className = "" }: { className?: string }) {
+  const router = useRouter();
+  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}`}
+    >
+      <span aria-hidden="true">←</span> Retour
+    </button>
+  );
+}

package/templates/Projects/default/src/ui/_global/GlobalHeader.tsx

@@ -0,0 +1,34 @@
+import Image from "next/image";
+import UserNav from "@/ui/_global/UserNav";
+import LocaleSwitcher from "@/ui/_global/LocaleSwitcher";
+import PublicNav from "@/ui/_global/PublicNav";
+
+export default function GlobalHeader({
+  isConnected,
+}: {
+  isConnected: boolean;
+}) {
+  return (
+    <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 */}
+          <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>
+  );
+}

package/templates/Projects/default/src/ui/_global/GlobalMain.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+export default function GlobalMain({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <main className="min-h-screen bg-neutral-50 font-sans text-gray-900">
+      <section className="mx-auto w-full max-w-3xl py-16 px-6">
+        {children}
+      </section>
+    </main>
+  );
+}

package/templates/Projects/default/src/ui/_global/LocaleSwitcher.tsx

@@ -0,0 +1,38 @@
+"use client"; // DO NOT FORGET , this is a client component.
+import { useRouter, usePathname } from "next/navigation";
+import { useParams } from "next/navigation";
+
+const locales = [
+  { code: "fr", label: "Français" },
+  { code: "en", label: "English" },
+];
+
+export default function LocaleSwitcher() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const params = useParams();
+  const currentLocale = params?.locale || "fr";
+
+  const handleChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const newLocale = e.target.value;
+    if (newLocale === currentLocale) return;
+    // Replace locale in pathname
+    const newPath = pathname.replace(`/${currentLocale}`, `/${newLocale}`);
+    router.push(newPath);
+  };
+
+  return (
+    <select
+      className="ml-2 border rounded px-2 py-1 text-sm bg-white"
+      value={currentLocale}
+      onChange={handleChange}
+      aria-label="Select language"
+    >
+      {locales.map((l) => (
+        <option key={l.code} value={l.code}>
+          {l.label}
+        </option>
+      ))}
+    </select>
+  );
+}

package/templates/Projects/default/src/ui/_global/PublicNav.tsx

@@ -0,0 +1,30 @@
+"use client"; // DO NOT FORGET , this is a client component.
+import { Link } from "@/lib/i18n/navigation";
+import { useTranslations } from "next-intl";
+
+const navLinks = [
+  { href: "/", labelKey: "public_nav.links.home" },
+  { href: "/login", labelKey: "public_nav.links.login" },
+  { href: "/register", labelKey: "public_nav.links.register" },
+];
+
+const PublicNav = () => {
+  const t = useTranslations("_global_ui");
+  return (
+    <nav aria-label="Public navigation">
+      <ul className="flex gap-2 md:gap-4">
+        {navLinks.map((link) => (
+          <li key={link.href}>
+            <Link
+              href={link.href}
+              className="inline-block rounded px-3 py-1.5 text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
+            >
+              {t(link.labelKey)}
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  );
+};
+export default PublicNav;

package/templates/Projects/default/src/ui/_global/UserNav.tsx

@@ -0,0 +1,32 @@
+"use client"; // DO NOT FORGET , this is a client component.
+import { Link } from "@/lib/i18n/navigation";
+import { useTranslations } from "next-intl";
+
+const navLinks = [
+  { href: "/dashboard", labelKey: "user_nav.links.dashboard" },
+  { href: "/settings", labelKey: "user_nav.links.settings" },
+  { href: "/user_info", labelKey: "user_nav.links.user_info" },
+  { href: "/", labelKey: "user_nav.links.home" },
+];
+
+const UserNav = () => {
+  const t = useTranslations("_global_ui");
+  return (
+    <nav aria-label="User navigation">
+      <ul className="flex gap-2 md:gap-4">
+        {navLinks.map((link) => (
+          <li key={link.href}>
+            <Link
+              href={link.href}
+              className="inline-block rounded px-3 py-1.5 text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-blue-50 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
+            >
+              {t(link.labelKey)}
+            </Link>
+          </li>
+        ))}
+      </ul>
+    </nav>
+  );
+};
+
+export default UserNav;

package/templates/Projects/default/src/ui/dashboard/StatsCard.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+export default function StatsCard({ t }: { t: (key: string) => string }) {
+  return (
+    <div className="rounded border bg-white p-6 shadow-sm">
+      <h2 className="text-lg font-semibold mb-2">Statistiques</h2>
+      <ul className="text-sm text-gray-600 space-y-1">
+        <li>• {t("widgets.stats.views")}: 123</li>
+        <li>• {t("widgets.stats.likes")}: 45</li>
+        <li>• {t("widgets.stats.comments")}: 7</li>
+      </ul>
+    </div>
+  );
+}

package/templates/Projects/default/src/ui/dashboard/WelcomeCard.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+export default function WelcomeCard({ t }: { t: (key: string) => string }) {
+  return (
+    <div className="rounded border bg-white p-6 shadow-sm">
+      <h2 className="text-lg font-semibold mb-2">{t("widgets.welcome")}</h2>
+      <p className="text-gray-600">{t("widgets.description")}</p>
+    </div>
+  );
+}

package/templates/Projects/default/src/ui/dashboard/page.tsx

@@ -0,0 +1,22 @@
+("");
+import { useTranslations } from "next-intl";
+import BackButton from "@/ui/_global/BackButton";
+import WelcomeCard from "@/ui/dashboard/WelcomeCard";
+import StatsCard from "@/ui/dashboard/StatsCard";
+
+export default function Dashboard() {
+  const t = useTranslations("dashboard");
+  return (
+    <>
+      <div className="flex items-center justify-between mb-6">
+        <h1 className="text-2xl font-bold">{t("title")}</h1>
+        <BackButton />
+      </div>
+      <p className="text-muted mb-8">{t("description")}</p>
+      <section className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <WelcomeCard t={t} />
+        <StatsCard t={t} />
+      </section>
+    </>
+  );
+}

package/templates/Projects/default/tailwind.config.ts

@@ -0,0 +1 @@
+// tailwind.config.ts

package/templates/Projects/default/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+    /* "src/app/not-found.tsx.save",
+    "src/app/layout.tsx.save" */
+  ],
+  "exclude": ["node_modules"]
+}

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}