next-accelerate 0.0.1 → 0.2.0

package/README.md

@@ -1,46 +1,62 @@
-# ⚡ Next Accelerate
+# Next-accelerate
 
-A **CLI to accelerate the development of Next.js applications** following a pre-configured pattern of folders, settings, and best practices.
+*Next-accelerate* is a command-line tool (CLI) that automates repetitive tasks during the development of Next.js projects, already implementing part of the architecture with ready-to-use templates
 
-The idea is simple: **less repetitive setup, more product code**.
-
-## 🚀 What is Next Accelerate?
-
-**Next-accelerate** is a command-line tool (CLI) that automates repetitive tasks during the development of Next.js projects, already implementing part of the architecture with ready-to-use templates, provided that:
+![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=alert_status)
+![Bugs](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=bugs)
+![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=code_smells)
+![Coverage](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=coverage)
+![Duplicated Lines](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=duplicated_lines_density)
+![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=security_rating)
+![Maintainability](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=sqale_index)
+![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=brito-response_next-accelerate&metric=vulnerabilities)
 
 ## Requirements
 
-> The Next.js project already exists following the (App Router) pattern.
-> Your project follows the standardized folder structure using (Nested Layouts or Layout Composition) and Route Groups.
+> The next.js project should follow the development pattern with (App Router).
+> Your project should follow a standardized folder structure using (Nested Layouts or Layout Composition) and Route Groups.
 
 ## 📦 Installation
 
 You can run the CLI **without installing anything globally** using `npx`:
 
 ```bash
-npx next-accelerate
+npx next-accelerate create singular_resource_name
 
 ```
 
 Or install globally:
 
 ```bash
-npm install -g next-accelerate
+npm install -g next-accelerate && next-accelerate create singular_resource_name
 
 ```
 
-## ▶️ How to use
+Or you can download directly from the repository and build it:
 
-After installing (or via `npx`), go to your next app project folder and run:
+```bash
+git clone https://github.com/brito-response/next-accelerate.git && cd next-accelerate && npm i && npm run build && npm link
+```
+
+### For now, the CLI only offers the following features
+
+- Create pages for a resource.
 
 ```bash
-next-accelerate singular_resource_name
+npx next-accelerate create ingular_resource_name
+```
+
+- Create forms resouces folders for resources.
 
+```bash
+npx next-accelerate create:form ingular_resource_name
 ```
 
-### For now, the CLI only offers the following features
+- Using git commit flag.
 
-1. Create default folders for resources.
+```bash
+npx next-accelerate create:form ingular_resource_name --git
+```
 
 At the end, you can run:
 
@@ -71,16 +87,20 @@ src/
 
 ## 🧠 Why use it?
 
-* ⏱️ Saves setup time
-* 📐 Maintains consistency across projects
-* 🧹 Avoids repetitive boilerplate code
-* 🔁 Ideal for freelancers, squads, and studies
+- ⏱️ Saves setup time
+
+- 📐 Maintains consistency across projects
+
+- 🧹 Avoids repetitive boilerplate code
+- 🔁 Ideal for freelancers, squads, and studies
 
 ## 🛠 Technologies
 
-* Node.js
-* Next.js
-* TypeScript
+- Node.js
+
+- Next.js
+
+- TypeScript
 
 ---
 
@@ -99,5 +119,5 @@ Contributions are welcome!
 
 ## ✨ Author
 
-Dveloped by **Neto** 💙
+Dveloped by **Neto** 💅
 If this project helped you, leave a ⭐ on the repository!

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+#!/usr/bin/env node
+declare function main(args: string[]): void;
+
+export { main };

package/dist/index.js

@@ -1,4 +1,883 @@
 #!/usr/bin/env node
-import { createResource } from "./commands/create-resource.js";
-const inputName = process.argv[2];
-createResource(inputName);
+
+// src/builders/resource-builder.ts
+import path from "path";
+import pluralize from "pluralize";
+
+// src/templates/forms/create-form.ts
+var formCreateTemplate = (resourceInSingular, resourceInPlural) => `
+  "use client";
+
+  import { useForm, FormProvider } from 'react-hook-form';
+  import { useRouter } from 'next/navigation';
+  import { yupResolver } from '@hookform/resolvers/yup';
+  import { formSchema, FormSchemaType } from './formredef-scheme';
+  import { InputCustom, InputRichTextEditor } from '@/components/Shared/Inputs';
+  import { toast } from 'react-toastify';
+  import { useEffect, useState } from 'react';
+
+  export const FormNew${resourceInSingular} = () => {
+    const router = useRouter();
+    const [photoFile, setPhotoFile] = useState<File | null>(null);
+    const [photoPreview, setPhotoPreview] = useState<string | null>(null);
+    const methods = useForm<FormSchemaType>({ resolver: yupResolver(formSchema), mode: 'onChange', defaultValues: { title: '', content: '' } });
+    const { handleSubmit, watch, formState: { isValid, isSubmitting } } = methods;
+    const titlePreview = watch('title')
+
+    const onSubmit = async (data: FormSchemaType) => {
+      try {
+        const response = await fetch(\`\${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/posts\`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(data),
+        });
+        const post = await response.json();
+
+        if (response.status === 201 && Boolean(post.postId) && photoFile) {
+          const formData = new FormData();
+          formData.append("photo", photoFile, photoFile.name);
+
+          const uploadResp = await fetch(\`\${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/images/posts/\${post.postId}\`, { method: "POST", body: formData });
+
+          if (uploadResp.ok) {
+            toast.success("recurso criado com sucesso!");
+            router.refresh();
+            router.push("/manager");
+          }
+          else { toast.error("Nenhuma foto foi selecionada."); }
+        } else {
+          toast.error("Erro ao criar o recurso.");
+        }
+      } catch (err) {
+        toast.error("Erro ao comunicar com o servidor.");
+      }
+    };
+
+    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      const file = e.target.files?.[0] ?? null;
+      setPhotoFile(file);
+      if (file) {
+        const previewUrl = URL.createObjectURL(file);
+        setPhotoPreview(previewUrl);
+      } else {
+        setPhotoPreview(null);
+      }
+    };
+
+
+    useEffect(() => {
+      return () => {
+        if (photoPreview) {
+          URL.revokeObjectURL(photoPreview);
+        }
+      };
+    }, [photoPreview]);
+
+    return (
+      <FormProvider {...methods}>
+        <form onSubmit={handleSubmit(onSubmit)} className="max-w-6xl mx-auto px-6 py-4 flex flex-col gap-6">
+          {/* Preview title */}
+          <h1 className="text-3xl font-bold text-(--textcolor)">{titlePreview || 'Pr\xE9via do t\xEDtulo do post'}</h1>
+          {/* title */}
+          <InputCustom name="title" label="T\xEDtulo do post" required />
+
+          {photoPreview && (
+            <div className="mt-4 w-full h-64 rounded-lg overflow-hidden border border-gray-200">
+              <img src={photoPreview} alt="Pr\xE9via da imagem" className="w-full h-full object-cover" />
+            </div>
+          )}
+
+          <div >
+            <label className="block text-sm font-medium text-gray-700">Imagem de exibi\xE7\xE3o do Post</label>
+            <input type="file" accept="image/*" onChange={handleFileChange} className="mt-2 border border-dashed rounded-lg p-2 w-full" />
+            {photoFile && <p className="text-sm text-green-600 mt-1">{photoFile.name}</p>}
+          </div>
+
+          {/* CONTENT */}
+          <InputRichTextEditor name="content" label="Conte\xFAdo" placeholder="Escreva seu post..." />
+
+          {/* BOTTOM BAR */}
+          <div className="sticky bottom-0 border-t pt-4 flex justify-between items-center">
+            <span className="text-sm text-gray-500">
+              Tem certeza que quer criar esse post?
+            </span>
+
+            <div className="flex gap-3">
+              <button type="button" className="text-sm px-4 py-2 rounded-md hover:bg-gray-100">
+                Cancelar
+              </button>
+              <button type="submit" disabled={!isValid || isSubmitting} className="px-6 py-2 bg-blue-700 text-white disabled:bg-gray-600 rounded-md hover:bg-blue-400">
+                Criar
+              </button>
+            </div>
+          </div>
+        </form>
+      </FormProvider>
+    );
+  };
+
+`;
+
+// src/templates/forms/schems/create-form-scheme.ts
+var formSchemeCreateTemplate = () => `
+import * as yup from 'yup';
+
+export const formSchema = yup.object({
+  title: yup.string().required('T\xEDtulo \xE9 obrigat\xF3rio'),
+  content: yup.string().required('Conte\xFAdo \xE9 obrigat\xF3rio'),
+});
+
+export type FormSchemaType = yup.InferType<typeof formSchema>;
+`;
+
+// src/templates/forms/delete-form.ts
+var formDeleteTemplate = (resourceInSingular, resourceInPlural) => `
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect } from "react";
+import { toast } from "react-toastify";
+
+type FormDeleteResourceProps = { resource: string; resourceId: string; routerLinkCancel?: string; };
+
+export const FormDeleteResource: React.FC<FormDeleteResourceProps> = ({ resource, resourceId, routerLinkCancel }) => {
+  const router = useRouter();
+  useEffect(() => {}, [resourceId, resource]);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    try {
+      const response = await fetch(\`\${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/delete/\${resource}/\${resourceId}\`, { method: "POST" });
+      if (response.ok) {
+        toast.success("Deletado com sucesso");
+        router.push("/manager");
+      }
+      else {
+        toast.error("Erro ao deletar recurso");
+         router.push("/${resourceInSingular.toLowerCase()}s");
+      };
+
+    } catch (error) {
+      console.log(error);
+    }
+  };
+
+  const onCancel = () => {
+    if (routerLinkCancel) {
+      router.push(routerLinkCancel);
+    } else {
+      router.back();
+    }
+  }
+
+  return (
+    <form onSubmit={handleSubmit} className="flex justify-center gap-4 py-3">
+      <button type="button" onClick={onCancel} className="px-4 py-2 rounded bg-gray-300">
+        Cancelar
+      </button>
+
+      <button type="submit" className="px-4 py-2 rounded bg-red-600 text-white">
+        Confirmar e Deletar
+      </button>
+    </form>
+  );
+};
+
+`;
+
+// src/templates/forms/update-form.ts
+var formUpdateTemplate = (resourceInSingular, resourceInPlural) => `
+  "use client";
+
+  import { useEffect, useState } from "react";
+  import { toast } from "react-toastify";
+  import { FormProvider, useForm } from "react-hook-form";
+  import { yupResolver } from "@hookform/resolvers/yup";
+  import { useRouter } from "next/navigation";
+  import { InputCustom, InputRichTextEditor } from "@/components/Shared/Inputs";
+  import { ${resourceInSingular} } from "@/utils/models/${resourceInPlural.toLocaleLowerCase()}";
+  import { formSchema, FormSchemaType } from "./formredef-scheme";
+
+  type FormEdit${resourceInSingular}Props = { ${resourceInSingular.toLowerCase()}: ${resourceInSingular}; };
+
+  export const FormEdit${resourceInSingular}: React.FC<FormEdit${resourceInSingular}Props> = ({ ${resourceInSingular.toLowerCase()} }) => {
+    const router = useRouter();
+    const [photoFile, setPhotoFile] = useState<File | null>(null);
+    const [photoPreview, setPhotoPreview] = useState<string | null>(${resourceInSingular}.image ?? null);
+    const methods = useForm<any>({
+      resolver: yupResolver(formSchema), mode: "onChange",
+      defaultValues: { title: ${resourceInSingular.toLocaleLowerCase()}.title, content: ${resourceInSingular.toLocaleLowerCase()}.content, status: ${resourceInSingular.toLocaleLowerCase()}.status, image: ${resourceInSingular.toLocaleLowerCase()}.image },
+    });
+
+    const { handleSubmit, watch, formState: { isValid, isSubmitting, dirtyFields } } = methods;
+    const titlePreview = watch("title");
+
+    const onSubmit = async (data: FormSchemaType) => {
+      const payload = Object.fromEntries(Object.entries(data).filter(([key, value]) => value !== undefined && dirtyFields[key as keyof FormSchemaType]));
+      if (Object.keys(payload).length === 0 && !photoFile) {
+        toast.info("Nenhuma altera\xE7\xE3o para salvar");
+        return;
+      }
+
+      try {
+        const response = await fetch(\`\${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/${resourceInSingular}s/\${${resourceInSingular}.${resourceInSingular}Id}\`, {
+          method: "${resourceInSingular}",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(payload),
+        });
+
+        if (!response.ok) {
+          toast.error("Erro ao atualizar o ${resourceInSingular.toLocaleLowerCase()}");
+          return;
+        }
+
+        if (photoFile) {
+          const formData = new FormData();
+          formData.append("photo", photoFile);
+          const uploadResp = await fetch(\`\${process.env.NEXT_PUBLIC_FRONTEND_URL}/api/images/${resourceInSingular}s/\${${resourceInSingular}.${resourceInSingular}Id}\`, { method: "${resourceInSingular}", body: formData });
+          if (!uploadResp.ok) {
+            toast.warning("${resourceInSingular} salvo, mas a imagem n\xE3o foi atualizada");
+          }
+        }
+        toast.success("${resourceInSingular} atualizado com sucesso!");
+        router.refresh();
+      } catch {
+        toast.error("Erro ao comunicar com o servidor");
+      }
+    };
+
+    const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      const file = e.target.files?.[0] ?? null;
+      setPhotoFile(file);
+      if (file) {
+        setPhotoPreview(URL.createObjectURL(file));
+      }
+    };
+
+    useEffect(() => {
+      return () => {
+        if (photoPreview?.startsWith("blob:")) {
+          URL.revokeObjectURL(photoPreview);
+        }
+      };
+    }, [photoPreview]);
+
+    return (
+      <FormProvider {...methods}>
+        <form onSubmit={handleSubmit(onSubmit)} className="max-w-6xl mx-auto px-6 py-4 flex flex-col gap-6">
+          <h1 className="text-3xl font-bold">
+            {titlePreview || "Pr\xE9via do t\xEDtulo do ${resourceInSingular}"}
+          </h1>
+          <InputCustom name="title" label="T\xEDtulo do ${resourceInSingular}" />
+          {photoPreview && (<img src={\`\${process.env.NEXT_PUBLIC_BACKEND_URL}\${photoPreview}\`} className="h-64 w-full object-cover rounded-lg" alt="Pr\xE9via" />)}
+
+          <input type="file" accept="image/*" onChange={handleFileChange} />
+          <InputRichTextEditor name="content" label="Conte\xFAdo" placeholder="Atualize o conte\xFAdo do ${resourceInSingular}..." />
+
+          <button type="submit" disabled={!isValid || isSubmitting} className="bg-blue-700 text-white px-6 py-2 rounded-md disabled:opacity-50"> Salvar
+          </button>
+        </form>
+      </FormProvider>
+    );
+  };
+`;
+
+// src/templates/forms/schems/update-form-scheme.ts
+var formSchemeUpdateTemplate = (resourceInSingular, resourceInPlural) => `
+import * as yup from "yup";
+//import { ${resourceInSingular}Status } from "@/utils/models/${resourceInPlural.toLocaleLowerCase()}";
+
+/**
+ * Tipo base do formul\xE1rio (PATCH \u2192 tudo opcional)
+ */
+export type FormSchemaType = {
+  title?: string;
+  content?: string;
+  status?: PostStatus;
+  image?: string;
+};
+
+/**
+ * Schema PARCIAL
+ */
+export const formSchema = yup.object({
+  title: yup.string().min(3, "O t\xEDtulo deve ter pelo menos 3 caracteres").max(150, "O t\xEDtulo deve ter no m\xE1ximo 150 caracteres").notRequired(),
+  content: yup.string().min(10, "O conte\xFAdo deve ter pelo menos 10 caracteres").notRequired(),
+  status: yup.mixed<PostStatus>().oneOf(Object.values(PostStatus)).notRequired(),
+  image: yup.string().url("A imagem deve ser uma URL v\xE1lida").notRequired(),
+});
+
+`;
+
+// src/templates/pages/detail-page.ts
+var detailPageTemplate = (resourceInSingular) => `
+  interface PageProps {params: {${resourceInSingular}Id: string;};};
+
+  export default function ${resourceInSingular}DetailPage({ params }: PageProps) {
+    const { ${resourceInSingular.toLocaleLowerCase()}Id } = params;
+    return (
+      <div className="w-full min-h-screen flex flex-col bg-[--bg-section-100] p-10 transition-colors duration-500">
+        ${resourceInSingular} detail: {${resourceInSingular.toLocaleLowerCase()}Id}
+      </div>
+    );
+  }
+`;
+
+// src/templates/pages/list-page.ts
+var listPageTemplate = (resourceInSingular, resourceInPlural) => `
+  import { ActionButtonsBar } from "@/components/ActionButtonsBar";
+  import { ${resourceInSingular} } from "@/utils/models/${resourceInPlural.toLocaleLowerCase()}";
+  import { FileCogIcon, FileText, TableConfigIcon } from "lucide-react";
+  import Link from "next/link";
+
+  async function get${resourceInPlural.toLocaleLowerCase()}(): Promise<${resourceInSingular}[]> {
+    const response = await fetch(\`\${process.env.NEXT_BACKEND_URL}/${resourceInPlural.toLowerCase()}\`, {
+      cache: "no-store",
+    });
+    if (!response.ok) return [];
+    const ${resourceInPlural.toLocaleLowerCase()}: ${resourceInSingular}[] = await response.json();
+    return ${resourceInPlural.toLocaleLowerCase()};
+  }
+
+  export default async function ${resourceInPlural}Page() {
+    const ${resourceInPlural.toLocaleLowerCase()}: ${resourceInSingular}[] = await get${resourceInPlural.toLocaleLowerCase()}();
+
+    return (
+      <div className="w-full min-h-screen bg-[--bg-section-100] p-10 transition-colors duration-500">
+        <div className="max-w-6xl mx-auto">
+          {/* Header */}
+          <header className="flex items-center justify-between mb-10">
+            <div className="flex items-center gap-3">
+              <div className="p-2 rounded-xl bg-primary/10 text-primary">
+                <FileText className="w-6 h-6" />
+              </div>
+              <div>
+                <h1 className="text-3xl font-semibold">Posts</h1>
+                <p className="text-muted-foreground">
+                  Lista de posts publicados na aplica\xE7\xE3o
+                </p>
+              </div>
+            </div>
+          </header>
+
+          {/* Posts list */}
+          <section className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+            {${resourceInPlural.toLocaleLowerCase().toLocaleLowerCase()}.map((${resourceInSingular.toLocaleLowerCase()}: ${resourceInSingular}) => (
+              <article key={${resourceInSingular.toLocaleLowerCase()}.${resourceInSingular.toLocaleLowerCase()}Id} className="rounded-2xl bg-background p-6 shadow-sm hover:shadow-md transition-shadow flex flex-col justify-between">
+                <div className="flex items-start gap-3">
+                  <div className="p-2 w-full bg-muted text-muted-foreground ">
+                    <h2 className="font-semibold text-lg leading-snug">
+                      {${resourceInSingular.toLocaleLowerCase()}.title}
+                    </h2>
+                    <div className="flex items-center justify-between">
+                      <FileText className="w-5 h-5" />
+                      <Link href={\`/${resourceInPlural.toLocaleLowerCase()}/\${${resourceInSingular.toLocaleLowerCase()}.${resourceInSingular.toLowerCase()}Id}/config\`} className="cursor-pointer p-2 hover:bg-amber-400 rounded-2xl">
+                        <FileCogIcon className="w-5 h-5" />
+                      </Link>
+
+                    </div>
+
+                  </div>
+                </div>
+                <ActionButtonsBar linkToEdit={\`/${resourceInPlural.toLocaleLowerCase()}/\${${resourceInSingular.toLocaleLowerCase()}.${resourceInSingular.toLocaleLowerCase()}Id}/edit\`} linkToDelete={\`/${resourceInSingular.toLowerCase()}/\${${resourceInSingular.toLocaleLowerCase()}.${resourceInSingular.toLowerCase()}Id}/delete\`} />
+              </article>
+            ))}
+          </section>
+
+          {/* Empty state */}
+          {posts.length === 0 && (
+            <div className="mt-20 text-center text-muted-foreground">
+              <FileText className="w-10 h-10 mx-auto mb-3 opacity-50" />
+              <p>Nenhum ${resourceInSingular.toLocaleLowerCase()} encontrado</p>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  };
+`;
+
+// src/templates/pages/new-page.ts
+var newPageTemplate = (resourceInSingular, resourceInPlural) => `
+  import { FilePlus2, Info } from "lucide-react";
+  import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+  import { Session } from "@/utils/session";
+  import { getServerSession } from "next-auth";
+  import { redirect } from "next/navigation";
+  import { FormNewPost } from "@/forms/${resourceInPlural.toLocaleLowerCase()}";
+
+  export default async function New${resourceInSingular}Page() {
+    const session: Session | null = await getServerSession(authOptions);
+    if (!session) redirect("/");
+
+    return (
+      <div className="w-full min-h-screen bg-[--bg-section-100] transition-colors duration-500">
+        <div className="max-w-4xl mx-auto px-6 py-12">
+          <header className="mb-10">
+            <div className="flex items-start gap-4">
+              <div className="p-3 rounded-2xl bg-primary/10 text-primary">
+                <FilePlus2 className="w-6 h-6" />
+              </div>
+              <div>
+                <h1 className="text-3xl font-semibold">Criar novo post</h1>
+                <p className="mt-1 text-muted-foreground max-w-2xl">
+                  Preencha as informa\xE7\xF5es abaixo para publicar um novo post no blog.
+                  Capriche no t\xEDtulo e no conte\xFAdo para melhorar a leitura e o
+                  engajamento.
+                </p>
+              </div>
+            </div>
+          </header>
+
+          {/* Info helper */}
+          <section className="mb-12 rounded-2xl bg-background shadow-sm p-6 flex gap-3">
+            <Info className="w-5 h-5 text-muted-foreground mt-0.5" />
+            <p className="text-sm text-muted-foreground">
+              Voc\xEA pode editar este ${resourceInSingular.toLowerCase()} depois de publicado. Certifique-se de revisar
+              o conte\xFAdo antes de salvar.
+            </p>
+          </section>
+
+          <FormNew${resourceInSingular} />
+        </div>
+      </div>
+    );
+  }
+`;
+
+// src/templates/inputs/input-template.ts
+var inputTemplate = () => `
+  "use client";
+  import { useFormContext, Controller } from 'react-hook-form';
+
+  interface InputProps {
+    name: string;
+    label: string;
+    type?: string;
+    required?: boolean;
+    ishidden?: boolean;
+    pattern?: RegExp;
+    placeholder?: string;
+    asDate?: boolean;
+    multiline?: boolean;
+  }
+
+  export const InputCustom: React.FC<InputProps> = ({ name, label, type = "text", required, pattern, placeholder, asDate, ishidden, multiline = false }) => {
+    const { control, formState: { errors } } = useFormContext();
+
+    return (
+      <div className="flex flex-col gap-2">
+        {!ishidden && (
+          <label htmlFor={name} className="text-sm font-medium text-[--text-label]">
+            {label}:
+          </label>
+        )}
+
+        <Controller
+          control={control}
+          name={name}
+          rules={{
+            required: !ishidden && required ? "Campo obrigat\xF3rio" : false,
+            pattern: pattern ? { value: pattern, message: "Formato inv\xE1lido" } : undefined,
+          }}
+          render={({ field }) => {
+            const value = asDate && typeof field.value === "string" ? field.value.split("T")[0] : field.value ?? "";
+            const baseClasses = "w-full p-2 px-3 mt-1 border shadow-sm outline-none transition-all focus:border-blue-300 focus:ring-1 focus:ring-blue-300";
+            const errorClass = errors[name] ? "border-red-400" : "border-gray-300";
+
+            if (multiline) {
+              return (
+                <textarea {...field} id={name} rows={5} placeholder={placeholder} value={value} onChange={field.onChange} className={\`\${baseClasses} \${errorClass} rounded-xl resize-y min-h-30\`}/>
+              );
+            }
+
+            return (
+              <input {...field} id={name} type={type} placeholder={ishidden ? "" : placeholder} hidden={ishidden} aria-hidden={ishidden} value={value} onChange={(e) => {
+                  if (asDate) {
+                    const v = e.target.value;
+                    if (!v) {
+                      field.onChange(null);
+                      return;
+                    }
+                    const date = new Date(v);
+                    if (isNaN(date.getTime())) return;
+
+                    field.onChange(date.toISOString());
+                  } else {
+                    field.onChange(e);
+                  }
+                }}
+                className={\`\${baseClasses} \${errorClass} rounded-full\`}
+              />
+            );
+          }}
+        />
+        {errors[name]?.message && (
+          <p className="text-sm text-red-500">
+            {errors[name]?.message as string}
+          </p>
+        )}
+      </div>
+    );
+  };
+`;
+
+// src/utils/fs.ts
+import fs from "fs";
+var createDir = (dirPath) => {
+  if (!fs.existsSync(dirPath)) {
+    fs.mkdirSync(dirPath, { recursive: true });
+  }
+  ;
+};
+var createFile = (filePath, content) => {
+  if (!fs.existsSync(filePath)) {
+    fs.writeFileSync(filePath, content.trimStart());
+  }
+};
+function pathExists(p) {
+  return fs.existsSync(p);
+}
+
+// src/utils/string.ts
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+
+// src/templates/pages/update-page.ts
+var updatePageTemplate = (resourceInSingular, resourceInPlural) => `
+  import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+  import { FormEdit${resourceInSingular} } from "@/forms/${resourceInPlural.toLocaleLowerCase()}";
+  import { ${resourceInSingular} } from "@/utils/models/${resourceInPlural.toLocaleLowerCase()}";
+  import { Session } from "@/utils/session";
+  import { getServerSession } from "next-auth";
+  import { redirect } from "next/navigation";
+
+  interface PageProps { params: { ${resourceInSingular.toLocaleLowerCase()}Id: string; }; };
+
+  async function get${resourceInSingular}ById(${resourceInSingular.toLocaleLowerCase()}Id: string, token: string): Promise< ${resourceInSingular} | null> {
+    try {
+      const response = await fetch(\`\${process.env.NEXT_BACKEND_URL}/${resourceInPlural.toLocaleLowerCase()}/\${${resourceInSingular.toLocaleLowerCase()}Id}\`,
+        {
+          method: "GET",
+          cache: "no-store",
+          headers: {
+            Authorization: \`Bearer \${token}\`,
+          },
+        }
+      );
+      if (!response.ok) { return null; };
+      const post: Post = await response.json();
+      return post;
+    } catch (error) {
+      console.error("Erro ao buscar post:", error);
+      return null;
+    }
+  };
+
+  export default async function ${resourceInSingular}EditPage({ params }: PageProps) {
+    const { ${resourceInSingular.toLocaleLowerCase()}Id } = await params;
+    const session: Session | null = await getServerSession(authOptions);
+    if (!session) redirect("/");
+    const ${resourceInSingular.toLocaleLowerCase()}: ${resourceInSingular} | null = await get${resourceInSingular}ById(${resourceInSingular.toLocaleLowerCase()}Id, session.accessToken);
+    return (
+      <div className="w-full min-h-screen bg-[--bg-section-100] p-10 transition-colors duration-500">
+        <div className="max-w-3xl mx-auto flex flex-col gap-8">
+
+          {${resourceInSingular.toLocaleLowerCase()} ? (
+            <>
+              {/* Informa\xE7\xF5es do post */}
+              <section className="bg-white/70 dark:bg-black/20 rounded-xl p-6 shadow">
+                <h1 className="text-2xl font-semibold">Editar ${resourceInSingular}</h1>
+                <p className="text-sm opacity-70 mt-1">
+                  Este ${resourceInSingular} foi \u2022 Criado em {${resourceInSingular.toLocaleLowerCase()}.createdAt.toString()}
+                </p>
+              </section>
+
+              {/* Formul\xE1rio */}
+              <FormEdit${resourceInSingular} ${resourceInSingular.toLowerCase()}={${resourceInSingular.toLocaleLowerCase()}} />
+            </>
+          ) : (
+            <section className="bg-white/70 dark:bg-black/20 rounded-xl p-6 shadow text-center">
+              <h1 className="text-xl font-semibold">
+                Post n\xE3o encontrado
+              </h1>
+              <p className="text-sm opacity-70 mt-2">
+                O ${resourceInSingular} que voc\xEA est\xE1 tentando editar n\xE3o existe ou foi removido.
+              </p>
+            </section>
+          )}
+
+        </div>
+      </div>
+    );
+  };
+
+`;
+
+// src/templates/pages/delete-page.ts
+var deletePageTemplate = (resourceInSingular) => `
+import { FormDeleteResource } from "@/forms/shared";
+
+interface PageProps { params: { ${resourceInSingular.toLocaleLowerCase()}Id: string; }; };
+export default async function ${resourceInSingular}DeletePage({ params }: PageProps) {
+  const { ${resourceInSingular.toLocaleLowerCase()}Id } = await params;
+
+  return <div className="w-full min-h-screen flex flex-col bg-[--bg-section-100] p-10 transition-colors duration-500">
+    <h2 className="text-center">Tem certeza que vc quer deletar esse ${resourceInSingular}?</h2>
+    <FormDeleteResource resource={"${resourceInSingular.toLocaleLowerCase()}"} resourceId={${resourceInSingular.toLocaleLowerCase()}Id} />
+  </div>;
+}
+`;
+
+// src/utils/services/git.service.ts
+import { execSync } from "child_process";
+function gitCommit(message) {
+  if (!message) return;
+  const safeMessage = String.raw`${message.replace(/(["`$\\])/g, "\\$1")}`;
+  try {
+    execSync("git add .", { stdio: "ignore" });
+    execSync(`git commit -m "${safeMessage}"`, { stdio: "ignore" });
+  } catch (error) {
+    console.error("Failed to commit changes:", error);
+  }
+}
+
+// src/utils/services/install-dependences.service.ts
+import { execSync as execSync2 } from "child_process";
+var DependencyInstaller = class _DependencyInstaller {
+  constructor() {
+    this.hasInstalled = false;
+  }
+  static getInstance() {
+    if (!_DependencyInstaller.instance) {
+      _DependencyInstaller.instance = new _DependencyInstaller();
+    }
+    return _DependencyInstaller.instance;
+  }
+  async install() {
+    if (this.hasInstalled) return;
+    this.hasInstalled = true;
+    try {
+      execSync2(`
+                npm i lucide-react &&
+                npm install next-auth &&
+                npm install jwt-decode &&
+                npm install --save-dev @types/jwt-decode &&
+                npm install clsx &&
+                npm install react-hook-form &&
+                npm install yup @hookform/resolvers &&
+                npm install -D @types/yup &&
+                npm install react-toastify
+            `, { stdio: "inherit" });
+      console.log("Depend\xEAncias instaladas com sucesso!");
+    } catch (error) {
+      console.error("Falha ao instalar depend\xEAncias:", error);
+    }
+    ;
+  }
+};
+
+// src/builders/resource-builder.ts
+var NextResourceBuilder = class {
+  constructor(inputName, options) {
+    this.inputName = inputName;
+    this.commitQueue = [];
+    this.options = options;
+    this.resource = pluralize(inputName.toLowerCase());
+    this.singular = pluralize.singular(this.resource);
+  }
+  createCommit(message) {
+    if (!this.options?.git) return;
+    gitCommit(message);
+  }
+  registerCommit(message) {
+    if (!this.options?.git) return;
+    this.commitQueue.push(message);
+  }
+  setBasePath() {
+    this.basePath = path.join(process.cwd(), "src/app/(privates)", this.resource);
+    createDir(this.basePath);
+    return this;
+  }
+  setBasePathForForm() {
+    this.basePath = path.join(process.cwd(), "src/forms");
+    createDir(this.basePath);
+    return this;
+  }
+  setBasePathForComponents() {
+    this.basePath = path.join(process.cwd(), "src/components");
+    createDir(this.basePath);
+    return this;
+  }
+  createComponentInputCustom() {
+    const componentPath = path.join(this.basePath, "Inputs/InputCustom");
+    createDir(componentPath);
+    createFile(path.join(componentPath, "index.tsx"), inputTemplate());
+    if (this.options?.git) this.createCommit(`feat(${this.resource}): add input custom component`);
+    return this;
+  }
+  createListPage() {
+    createFile(path.join(this.basePath, "page.tsx"), listPageTemplate(capitalize(this.singular), capitalize(this.resource)));
+    return this;
+  }
+  createDetailPage() {
+    const detailDir = path.join(this.basePath, `[${this.singular}Id]`);
+    createDir(detailDir);
+    createFile(path.join(detailDir, "page.tsx"), detailPageTemplate(capitalize(this.singular)));
+    const editDir = path.join(detailDir, "edit");
+    createDir(editDir);
+    createFile(path.join(editDir, "page.tsx"), updatePageTemplate(capitalize(this.singular), capitalize(this.resource)));
+    const deleteDir = path.join(detailDir, "delete");
+    createDir(deleteDir);
+    createFile(path.join(deleteDir, "page.tsx"), deletePageTemplate(capitalize(this.singular)));
+    this.registerCommit(`feat(${this.resource}): add all pages for detail view`);
+    return this;
+  }
+  createNewPage() {
+    const dir = path.join(this.basePath, "new");
+    createDir(dir);
+    createFile(path.join(dir, "page.tsx"), newPageTemplate(capitalize(this.singular), capitalize(this.resource)));
+    return this;
+  }
+  createCrudForm() {
+    const sharedPath = path.join(this.basePath, "shared");
+    const deletePath = path.join(sharedPath, "FormDelete");
+    if (!pathExists(deletePath)) {
+      createDir(sharedPath);
+      createDir(deletePath);
+      createFile(path.join(deletePath, "index.tsx"), formDeleteTemplate(capitalize(this.singular), capitalize(this.resource)));
+      createFile(path.join(sharedPath, "index.ts"), `export { FormDeleteResource } from "./FormDelete";
+`);
+    }
+    const resourcePath = path.join(this.basePath, this.resource);
+    createDir(resourcePath);
+    DependencyInstaller.getInstance().install();
+    const formNewPath = path.join(resourcePath, "FormNew");
+    createDir(formNewPath);
+    createFile(path.join(formNewPath, "index.tsx"), formCreateTemplate(capitalize(this.singular), capitalize(this.resource)));
+    createFile(path.join(formNewPath, "form-scheme.ts"), formSchemeCreateTemplate());
+    const formEditPath = path.join(resourcePath, "FormEdit");
+    createDir(formEditPath);
+    createFile(path.join(formEditPath, "index.tsx"), formUpdateTemplate(capitalize(this.singular), capitalize(this.resource)));
+    createFile(path.join(formEditPath, "form-scheme.ts"), formSchemeUpdateTemplate(capitalize(this.singular), capitalize(this.resource)));
+    createFile(path.join(resourcePath, "index.ts"), `
+      export { FormNew${capitalize(this.singular)} } from "./FormNew";
+
+      export { FormEdit${capitalize(this.singular)} } from "./FormEdit";
+    `);
+    this.registerCommit(`feat(${this.resource}): created crud form components`);
+    return this;
+  }
+  build() {
+    if (!this.options?.git) return;
+    for (const message of this.commitQueue) {
+      gitCommit(message);
+    }
+  }
+};
+
+// src/utils/guards/next-verify.guard.ts
+import fs2 from "fs";
+import path2 from "path";
+function nextProjectGuardSimple() {
+  const cwd = process.cwd();
+  const pkgPath = path2.join(cwd, "package.json");
+  if (!fs2.existsSync(pkgPath)) {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mNenhum package.json encontrado neste diret\xF3rio.");
+    process.exit(1);
+  }
+  const pkg = JSON.parse(fs2.readFileSync(pkgPath, "utf-8"));
+  const hasNext = pkg.dependencies?.next || pkg.devDependencies?.next;
+  if (!hasNext) {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mExecute dentro de um projeto Next.js");
+    process.exit(1);
+  }
+}
+
+// src/commands/create-resource.ts
+function createResource(inputName, options) {
+  nextProjectGuardSimple();
+  if (!inputName) {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mInforme o nome do recurso");
+    process.exit(1);
+  }
+  const builder = new NextResourceBuilder(inputName, options);
+  builder.setBasePath().createListPage().createDetailPage().createNewPage().build();
+  console.log(`Recurso "${inputName}" criado \x1B[32m\u2714 Sucesso\x1B[0m`);
+}
+
+// src/commands/create-form-resource.ts
+function createFormForResource(inputName, options) {
+  nextProjectGuardSimple();
+  if (!inputName) {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mInforme o nome do recurso");
+    process.exit(1);
+  }
+  const builder = new NextResourceBuilder(inputName, options);
+  builder.setBasePathForComponents().createComponentInputCustom().setBasePathForForm().createCrudForm().build();
+  console.log(`Form para o recurso "${inputName}" criado \x1B[32m\u2714 Sucesso\x1B[0m`);
+}
+
+// src/utils/interceptors/args.interceptor.ts
+var ALLOWED_FLAGS = /* @__PURE__ */ new Set(["--git"]);
+function useArgsInterceptor(args) {
+  const [, , ...input] = args;
+  if (input.length === 0) {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mNo command was entered.");
+    process.exit(1);
+  }
+  const command = input[0];
+  if (command.startsWith("-") && command !== "-help") {
+    console.error("\x1B[31m \u2716 Erro \x1B[0mInvalid command");
+    process.exit(1);
+  }
+  const rest = input.slice(1);
+  let resource;
+  const flags = [];
+  for (const token of rest) {
+    if (token.startsWith("-")) {
+      if (ALLOWED_FLAGS.has(token)) {
+        flags.push(token);
+        continue;
+      }
+      if (!resource) {
+        console.error("\x1B[31m \u2716 Erro \x1B[0mInvalid resource name");
+        process.exit(1);
+      }
+      console.error(`\x1B[31m \u2716 Erro \x1B[0mUnknown flag: ${token}`);
+      process.exit(1);
+    }
+    if (!resource) {
+      resource = token;
+      continue;
+    }
+    console.error("\x1B[31m \u2716 Erro \x1B[0mNo additional arguments are allowed.");
+    process.exit(1);
+  }
+  return { command, resource, flags };
+}
+
+// src/index.ts
+function main(args) {
+  const { command, resource, flags } = useArgsInterceptor(args);
+  const useGit = flags.includes("--git");
+  switch (command) {
+    case "create":
+      createResource(resource, { git: useGit });
+      break;
+    case "create:form":
+      createFormForResource(resource, { git: useGit });
+      break;
+    case "-help":
+      console.log("commands available in the cli:");
+      console.log("  create <resource-name> - creates all folders for a new resource.");
+      console.log("  create:form <resource-name> - creates a new form for the resource");
+      break;
+    default:
+      console.log("command unavailable in the cli...");
+  }
+  ;
+}
+main(process.argv);
+export {
+  main
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-accelerate",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "description": "cli to speed up feature creation in Next.js",
   "bin": {
     "next-accelerate": "dist/index.js"
@@ -10,8 +10,9 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc && chmod +x dist/index.js",
-    "dev": "tsc -w"
+    "build": "tsup src/index.ts --format esm --dts --out-dir dist --clean && chmod +x dist/index.js",
+    "dev": "tsc -w",
+    "test": "jest"
   },
   "keywords": [],
   "author": "Clodoaldo Neto",
@@ -19,9 +20,14 @@
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@types/pluralize": "^0.0.33",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "pluralize": "^8.0.0"
+    "@types/jest": "^30.0.0",
+    "jest": "^30.2.0",
+    "pluralize": "^8.0.0",
+    "ts-jest": "^29.4.6"
   }
 }

package/dist/commands/create-resource.js

@@ -1,31 +0,0 @@
-import path from "path";
-import fs from "fs";
-import pluralize from "pluralize";
-import { createDir, createFile } from "../utils/fs.js";
-import { capitalize } from "../utils/string.js";
-import { listPageTemplate } from "../templates/list-page.js";
-import { detailPageTemplate } from "../templates/detail-page.js";
-import { newPageTemplate } from "../templates/new-page.js";
-export function createResource(inputName) {
-    if (!inputName) {
-        console.error("\x1b[32m✔ Sucesso\x1b[0m" + "Informe o nome do recurso. Ex: user");
-        process.exit(1);
-    }
-    const appDir = path.join(process.cwd(), "src/app");
-    if (!fs.existsSync(appDir)) {
-        console.error("\x1b[31m✖ Erro\x1b[0m" + "Execute dentro de um projeto Next.js");
-        process.exit(1);
-    }
-    const resource = pluralize(inputName.toLowerCase());
-    const singular = pluralize.singular(resource);
-    const BASE_PATH = path.join(process.cwd(), "src/app/(privates)", resource);
-    createDir(BASE_PATH);
-    createFile(path.join(BASE_PATH, "page.tsx"), listPageTemplate(capitalize(resource)));
-    const detailDir = path.join(BASE_PATH, `[${singular}Id]`);
-    createDir(detailDir);
-    createFile(path.join(detailDir, "page.tsx"), detailPageTemplate(capitalize(singular)));
-    const newDir = path.join(BASE_PATH, "new");
-    createDir(newDir);
-    createFile(path.join(newDir, "page.tsx"), newPageTemplate(capitalize(singular)));
-    console.log(`Recurso "${resource}" criado com sucesso` + "\x1b[32m✔ Sucesso\x1b[0m");
-}

package/dist/templates/detail-page.js

@@ -1,17 +0,0 @@
-export const detailPageTemplate = (singular) => `
-interface PageProps {
-  params: {
-    ${singular}Id: string;
-  };
-}
-
-export default function ${singular}DetailPage({ params }: PageProps) {
-  const { ${singular}Id } = params;
-
-  return (
-    <div className="w-full min-h-screen flex flex-col bg-(--bg-section-100) p-10 transition-colors duration-500">
-      ${singular} detail: {${singular}Id}
-    </div>
-  );
-}
-`;

package/dist/templates/list-page.js

@@ -1,9 +0,0 @@
-export const listPageTemplate = (resource) => `
-export default function ${resource}Page() {
-  return (
-    <div className="w-full min-h-screen flex flex-col bg-(--bg-section-100) p-10 transition-colors duration-500">
-      ${resource} list page
-    </div>
-  );
-}
-`;

package/dist/templates/new-page.js

@@ -1,9 +0,0 @@
-export const newPageTemplate = (singular) => `
-export default function New${singular}Page() {
-  return (
-    <div className="w-full min-h-screen flex flex-col bg-(--bg-section-100) p-10 transition-colors duration-500">
-      create new ${singular}
-    </div>
-  );
-}
-`;

package/dist/utils/fs.js

@@ -1,12 +0,0 @@
-import fs from "fs";
-export const createDir = (dirPath) => {
-    if (!fs.existsSync(dirPath)) {
-        fs.mkdirSync(dirPath, { recursive: true });
-    }
-    ;
-};
-export const createFile = (filePath, content) => {
-    if (!fs.existsSync(filePath)) {
-        fs.writeFileSync(filePath, content.trimStart());
-    }
-};

package/dist/utils/string.js

@@ -1 +0,0 @@
-export const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);