create-next-pro-cli 0.1.12 → 0.1.14

package/src/lib/rmPage.ts

@@ -1,52 +0,0 @@
-import { join } from "node:path";
-import { writeFile, readdir } from "node:fs/promises";
-import prompts from "prompts";
-import { existsSync } from "node:fs";
-
-export async function rmPage(args: string[]) {
-  let pageName = args[1];
-  if (!pageName || pageName.startsWith("-")) {
-    const response = await prompts.prompt({
-      type: "text",
-      name: "pageName",
-      message: "🗑️ Page name to remove:",
-      validate: (name: string) => (name ? true : "Page name is required"),
-    });
-    pageName = response.pageName;
-  }
-
-  // Remove translation files messages/<lang>/<PageName>.json
-  const messagesPath = join(process.cwd(), "messages");
-  const entries = await readdir(messagesPath, { withFileTypes: true });
-  const langDirs = entries.filter((e) => e.isDirectory()).map((e) => e.name);
-  for (const locale of langDirs) {
-    const jsonTarget = join(messagesPath, locale, `${pageName}.json`);
-    if (existsSync(jsonTarget)) {
-      await writeFile(jsonTarget, "");
-      await import("node:child_process").then((cp) =>
-        cp.execSync(`rm -f '${jsonTarget}'`)
-      );
-      console.log(`🗑️ Deleted: ${jsonTarget}`);
-    }
-  }
-
-  // Remove folder src/ui/<PageName>
-  const uiPageDir = join(process.cwd(), "src", "ui", pageName);
-  if (existsSync(uiPageDir)) {
-    await import("node:child_process").then((cp) =>
-      cp.execSync(`rm -rf '${uiPageDir}'`)
-    );
-    console.log(`🗑️ Deleted: ${uiPageDir}`);
-  }
-
-  // Remove folder src/app/[locale]/<PageName>
-  const appLocaleDir = join(process.cwd(), "src", "app", "[locale]", pageName);
-  if (existsSync(appLocaleDir)) {
-    await import("node:child_process").then((cp) =>
-      cp.execSync(`rm -rf '${appLocaleDir}'`)
-    );
-    console.log(`🗑️ Deleted: ${appLocaleDir}`);
-  }
-
-  console.log(`✅ Page "${pageName}" deleted.`);
-}

package/src/lib/utils.ts

@@ -1,36 +0,0 @@
-/**
- * Capitalize the first letter of a string.
- */
-export function capitalize(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-
-/**
- * Map a key to its corresponding file name for page/component templates.
- * @param key string
- * @returns file name string
- */
-export function toFileName(key: string): string {
-  switch (key) {
-    case "layout":
-      return "layout.tsx";
-    case "page":
-      return "page.tsx";
-    case "loading":
-      return "loading.tsx";
-    case "not-found":
-      return "not-found.tsx";
-    case "error":
-      return "error.tsx";
-    case "global-error":
-      return "global-error.tsx";
-    case "route":
-      return "route.ts";
-    case "template":
-      return "template.tsx";
-    case "default":
-      return "default.tsx";
-    default:
-      return `${key}.tsx`;
-  }
-}

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,70 +0,0 @@
-// src/scaffold.ts
-
-import { cp, mkdir, rm } 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 });
-
-    // Future customization: remove unused files if useTailwind === false, etc.
-
-    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/README.md

@@ -1,36 +0,0 @@
-// README.mdThis is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-pro`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

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");
-}