create-next-pro-cli 0.1.13 → 0.1.14

package/src/scaffold-dev.ts

@@ -1,89 +0,0 @@
-// src/scaffold-dev.ts
-
-import { mkdir, writeFile } from "node:fs/promises";
-import { join } from "node:path";
-
-/**
- * Experimental tool for generating a Next.js project template structure.
- * This script is under development and will evolve to allow creation of new project templates in the future.
- *
- * @param options Object containing the project name
- */
-async function scaffoldTemplate(options: { projectName: string }) {
-  const base = options.projectName;
-  console.log(`\n📁 Creating template directory: ${base}`);
-
-  // List of folders to create for the template
-  const folders = [
-    "app/[locale]/_main",
-    "app/[locale]/dashboard",
-    "lib/i18n",
-    "messages/en",
-    "messages/fr",
-    "public",
-    "styles",
-  ];
-
-  // List of files to create for the template
-  const files = [
-    "app/[locale]/layout.tsx",
-    "app/[locale]/page.tsx",
-    "app/[locale]/not-found.tsx",
-    "app/[locale]/error.tsx",
-
-    "app/[locale]/_main/page.tsx",
-    "app/[locale]/_main/layout.tsx",
-    "app/[locale]/_main/loading.tsx",
-    "app/[locale]/_main/template.tsx",
-
-    "app/[locale]/dashboard/page.tsx",
-    "app/[locale]/dashboard/layout.tsx",
-    "app/[locale]/dashboard/loading.tsx",
-    "app/[locale]/dashboard/template.tsx",
-
-    "lib/i18n/routing.ts",
-    "lib/i18n/request.ts",
-    "lib/i18n/navigation.ts",
-
-    "messages/en/home.json",
-    "messages/en/dashboard.json",
-    "messages/en/navbar.json",
-
-    "messages/fr/home.json",
-    "messages/fr/dashboard.json",
-    "messages/fr/navbar.json",
-
-    "styles/globals.css",
-    "middleware.ts",
-    "next.config.ts",
-    "postcss.config.mjs",
-    "eslint.config.mjs",
-    "tailwind.config.ts",
-    "tsconfig.json",
-    "next-env.d.ts",
-    "package.json",
-    "README.md",
-  ];
-
-  // Create all folders
-  for (const folder of folders) {
-    await mkdir(join(base, folder), { recursive: true });
-  }
-
-  // Create all files with a placeholder comment
-  for (const file of files) {
-    const fullPath = join(base, file);
-    await writeFile(fullPath, `// ${file}`);
-  }
-
-  console.log("✅ Full template generated.");
-}
-
-// Direct execution if this file is run as a script
-if (require.main === module) {
-  const projectName = process.argv[2] || "template-next-app";
-  scaffoldTemplate({ projectName }).catch((err) => {
-    console.error("Error during template generation:", err);
-    process.exit(1);
-  });
-}

package/src/scaffold.ts

@@ -1,86 +0,0 @@
-// src/scaffold.ts
-
-import { cp, mkdir, rm, writeFile, readFile } from "node:fs/promises";
-import { join } from "node:path";
-import { existsSync } from "node:fs";
-
-/**
- * Options for scaffolding a Next.js project.
- */
-interface ScaffoldOptions {
-  projectName: string;
-  useTypescript: boolean;
-  useEslint: boolean;
-  useTailwind: boolean;
-  useSrcDir: boolean;
-  useTurbopack: boolean;
-  useI18n: boolean;
-  customAlias: boolean;
-  importAlias: string;
-  force?: boolean;
-}
-
-/**
- * Scaffold a new Next.js project based on provided options.
- *
- * - Copies the default template to the target directory
- * - Removes the target directory if it exists and --force is set
- * - Optionally customizes the structure in future (e.g. remove unused files)
- *
- * @param options ScaffoldOptions for the project
- */
-export async function scaffoldProject(options: ScaffoldOptions) {
-  const targetPath = join(process.cwd(), options.projectName);
-  const templatePath = join(
-    import.meta.dir,
-    "..",
-    "templates",
-    "Projects",
-    "default",
-  );
-
-  // Check if target directory exists
-  if (existsSync(targetPath)) {
-    if (options.force) {
-      console.warn("⚠️ Target directory already exists, removing...");
-      await rm(targetPath, { recursive: true, force: true });
-    } else {
-      console.error(
-        "❌ Target directory already exists. Use --force to overwrite.",
-      );
-      process.exit(1);
-    }
-  }
-
-  try {
-    console.log("📁 Creating project directory...");
-    await mkdir(targetPath, { recursive: true });
-
-    console.log("📦 Copying files from template...");
-    await cp(templatePath, targetPath, { recursive: true });
-
-    // Apply configuration: add dependencies or files based on prompt choices
-    const pkgPath = join(targetPath, "package.json");
-    if (existsSync(pkgPath)) {
-      const pkg = JSON.parse(await readFile(pkgPath, "utf-8"));
-      pkg.dependencies = pkg.dependencies || {};
-      if (options.useI18n) {
-        pkg.dependencies["next-intl"] =
-          pkg.dependencies["next-intl"] || "^4.3.5";
-      }
-      await writeFile(pkgPath, JSON.stringify(pkg, null, 2));
-    }
-
-    // Write CLI configuration to project root
-    await writeFile(
-      join(targetPath, "cnp.config.json"),
-      JSON.stringify(options, null, 2),
-    );
-
-    console.log("✅ Project scaffolded successfully!");
-    console.log(`➡️  cd ${options.projectName} && bun install && bun dev`);
-  } catch (err) {
-    console.error("❌ Error during scaffolding:", err);
-    process.exit(1);
-  }
-}

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

@@ -1,6 +0,0 @@
-// 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

@@ -1,6 +0,0 @@
-// 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,5 +0,0 @@
-// 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,6 +0,0 @@
-// src/app/[locale]/(public)/_home/page.tsx
-import HomePageUI from "@/ui/_home/page-ui";
-
-export default function HomePage() {
-  return <HomePageUI />;
-}

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

@@ -1,9 +0,0 @@
-import React from "react";
-
-export default function PublicLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return children;
-}

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

@@ -1,38 +0,0 @@
-// app/[locale]/error.tsx
-"use client"; // Error boundaries must be Client Components
-
-import { useEffect } from "react";
-
-export default function Error({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
-  useEffect(() => {
-    // Log the error to an error reporting service
-    console.error(error);
-  }, [error]);
-
-  return (
-    <div>
-      <h2>Something went wrong!</h2>
-      <button
-        onClick={
-          // Attempt to recover by trying to re-render the segment
-          () => reset()
-        }
-      >
-        Try again
-      </button>
-    </div>
-  );
-}
-// This page is used to handle errors in the application
-// You can customize this page to display a user-friendly error message
-// or redirect to a different page if needed
-// This is part of the Next.js app directory structure and will be automatically used by Next.js
-// when an error occurs in the application
-// Make sure to handle errors gracefully to improve user experience
-// You can also log errors or send them to an error tracking service

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

@@ -1,10 +0,0 @@
-// 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

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

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

@@ -1,17 +0,0 @@
-// 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 user info...</p>
-    </div>
-  );
-}
-// 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
-// It will be displayed when the dashboard is loading, for example during data fetching or component rendering
-// This is useful for providing feedback to users that something is happening in the background
-// You can also use this to implement a more complex loading state with animations or placeholders
-// Make sure to keep it lightweight to avoid blocking the main thread
-// This component is part of the Next.js app directory structure and will be automatically used by Next.js

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

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

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

@@ -1,17 +0,0 @@
-// 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 user info...</p>
-    </div>
-  );
-}
-// 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
-// It will be displayed when the dashboard is loading, for example during data fetching or component rendering
-// This is useful for providing feedback to users that something is happening in the background
-// You can also use this to implement a more complex loading state with animations or placeholders
-// Make sure to keep it lightweight to avoid blocking the main thread
-// This component is part of the Next.js app directory structure and will be automatically used by Next.js

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

@@ -1,6 +0,0 @@
-"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,9 +0,0 @@
-// app/[locale]/(user)/layout.tsx
-
-export default function UserLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return children;
-}

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

@@ -1,31 +0,0 @@
-// app/[locale]/layout.tsx
-import { NextIntlClientProvider } from "next-intl";
-import { setRequestLocale } from "next-intl/server";
-import React from "react";
-import "@/app/styles/globals.css"; // Import global styles
-import GlobalHeader from "@/ui/_global/GlobalHeader";
-import GlobalMain from "@/ui/_global/GlobalMain";
-import { isConnected } from "@/lib/auth/isConnected";
-
-export default async function LocaleLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode;
-  params: Promise<{ locale: string }>;
-}) {
-  const { locale } = await params;
-  setRequestLocale(locale);
-  const isConnectedInitial = await isConnected();
-
-  return (
-    <html lang={locale}>
-      <body>
-        <NextIntlClientProvider>
-          <GlobalHeader isConnectedInitial={isConnectedInitial} />
-          <GlobalMain>{children}</GlobalMain>
-        </NextIntlClientProvider>
-      </body>
-    </html>
-  );
-}

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

@@ -1,14 +0,0 @@
-// app/[locale]/dashboard/loading.tsx
-
-import LoadingUI from "@/ui/_global/Loading";
-
-export default function Loading() {
-  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
-// It will be displayed when the dashboard is loading, for example during data fetching or component rendering
-// This is useful for providing feedback to users that something is happening in the background
-// You can also use this to implement a more complex loading state with animations or placeholders
-// Make sure to keep it lightweight to avoid blocking the main thread
-// This component is part of the Next.js app directory structure and will be automatically used by Next.js

package/templates/Projects/default/src/app/[locale]/not-found.tsx

@@ -1,22 +0,0 @@
-// app/[locale]/not-found.tsx
-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>
-  );
-}
-// This page is used to handle 404 errors in the application
-// You can customize this page to display a user-friendly error message
-// or redirect to a different page if needed
-// This is part of the Next.js app directory structure and will be automatically used by Next.js
-// when a requested page is not found
-// Make sure to handle 404 errors gracefully to improve user experience
-// You can also log errors or send them to an error tracking service
-// This component can be styled with CSS or Tailwind CSS to match your application's design
-// You can also add additional links or actions for the user to take, such as searching or navigating to other parts of the site
-// This component is lightweight and does not block the main thread

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

@@ -1,6 +0,0 @@
-import React from "react";
-import HomePage from "@/app/[locale]/(public)/_home/page";
-
-export default async function FallbackPage() {
-  return <HomePage />;
-}

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

@@ -1,62 +0,0 @@
-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";
-
-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);
-
-      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 };

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

@@ -1,26 +0,0 @@
-import { getToken } from "next-auth/jwt";
-import { sign } from "jsonwebtoken";
-import { NextResponse, NextRequest } from "next/server";
-import { redirect } from "@/lib/i18n/navigation";
-
-export async function GET(req: NextRequest) {
-  const token = await getToken({ req, secret: process.env.NEXTAUTH_SECRET });
-  if (token) {
-    const appJwt = sign(
-      { id: token.id, email: token.email, name: token.name },
-      process.env.APP_JWT_SECRET!,
-      { expiresIn: "7d" }
-    );
-    const res = NextResponse.redirect(req.nextUrl.origin + "/");
-    res.cookies.set("access_token", appJwt, {
-      httpOnly: true,
-      secure: process.env.NODE_ENV === "production",
-      sameSite: "strict",
-      path: "/",
-      maxAge: 60 * 60 * 24 * 7,
-    });
-    return res;
-  }
-  // Si pas de token, redirige vers login
-  return redirect({ href: "/login", locale: "en" });
-}

package/templates/Projects/default/src/app/layout.tsx

@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-
-type Props = {
-  children: ReactNode;
-};
-
-// Since we have a `not-found.tsx` page on the root, a layout file
-// is required, even if it's just passing children through.
-export default function RootLayout({ children }: Props) {
-  return children;
-}

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

@@ -1,17 +0,0 @@
-"use client";
-
-import Error from "next/error";
-
-// This page renders when a route like `/unknown.txt` is requested.
-// In this case, the layout at `app/[locale]/layout.tsx` receives
-// an invalid value as the `[locale]` param and calls `notFound()`.
-
-export default function GlobalNotFound() {
-  return (
-    <html lang="en">
-      <body>
-        <Error statusCode={404} />;
-      </body>
-    </html>
-  );
-}

package/templates/Projects/default/src/app/page.tsx

@@ -1,6 +0,0 @@
-import { redirect } from "next/navigation";
-
-// This page only renders when the app is built statically (output: 'export')
-export default function RootPage() {
-  redirect("/en");
-}

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

@@ -1,27 +0,0 @@
-import { MetadataRoute } from "next";
-import { Locale } from "next-intl";
-import { host } from "@/config";
-import { routing } from "@/lib/i18n/routing";
-import { getPathname } from "@/lib/i18n/navigation";
-
-export default function sitemap(): MetadataRoute.Sitemap {
-  return [...getEntries("/"), ...getEntries("/pathnames")];
-}
-
-type Href = Parameters<typeof getPathname>[0]["href"];
-
-function getEntries(href: Href) {
-  return routing.locales.map((locale) => ({
-    url: getUrl(href, locale),
-    alternates: {
-      languages: Object.fromEntries(
-        routing.locales.map((cur) => [cur, getUrl(href, cur)])
-      ),
-    },
-  }));
-}
-
-function getUrl(href: Href, locale: Locale) {
-  const pathname = getPathname({ locale, href });
-  return host + pathname;
-}