@igniter-js/cli 0.1.0 → 0.1.2

package/dist/templates/page.hbs

@@ -1,11 +1,18 @@
+'use client'
+
+import * as React from "react"
+import Link from "next/link"
+
 import { Badge } from "@/core/design-system/badge"
 import { Button } from "@/core/design-system/button"
-import { Card, CardContent, CardFooter } from "@/core/design-system/card"
-import { ArrowRight, Code2, Github, SparkleIcon, Twitter, Youtube } from "lucide-react"
+import { Card, CardContent } from "@/core/design-system/card"
+import { ArrowRight, ChevronDown, Code2, Github, Twitter, Youtube } from "lucide-react"
 import { FileText } from "lucide-react"
-import { Tabs, TabsList, TabsTrigger, TabsContent } from "@radix-ui/react-tabs"
+import { Moon, Sun } from "lucide-react"
+import { useTheme } from "next-themes"
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/core/design-system/dropdown-menu"
 
-export default async function Home() {
+export default function Home() {
   return (
     <div className="min-h-screen flex flex-col pt-12 space-y-12">
       <header className="max-w-2xl w-full space-y-8 mx-auto my-auto">
@@ -15,15 +22,15 @@ export default async function Home() {
           </Badge>
 
           <h1 className="text-4xl sm:text-5xl font-bold tracking-tight bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent">
-            Welcome to <br />Igniter Framework
+            Welcome to <br />Igniter Boilerplate
           </h1>
           <p className="text-base sm:text-lg text-muted-foreground max-w-md mx-auto leading-relaxed">
-            A modern framework optimized for AI-powered development, featuring built-in best practices and type safety for rapid web applications
+            Igniter is a modern, type-safe HTTP framework designed to streamline the development of scalable TypeScript applications.
           </p>
 
           <div className="flex items-center justify-center gap-4">
             <Button variant="outline" size="icon" asChild>
-              <a href="https://github.com/feldbarcelospro/igniter-js" target="_blank" rel="noopener noreferrer">
+              <a href="https://github.com/felipebarcelospro/igniter-js" target="_blank" rel="noopener noreferrer">
                 <Github className="h-4 w-4" />
                 <span className="sr-only">GitHub Repository</span>
               </a>
@@ -35,194 +42,18 @@ export default async function Home() {
               </a>
             </Button>
             <Button variant="outline" size="icon" asChild>
-              <a href="https://youtube.com/@feldbarcelospro" target="_blank" rel="noopener noreferrer">
+              <a href="https://youtube.com/@vibedev.official" target="_blank" rel="noopener noreferrer">
                 <Youtube className="h-4 w-4" />
                 <span className="sr-only">YouTube Channel</span>
               </a>
             </Button>
           </div>
         </div>
-        <section aria-labelledby="getting-started-title" className="relative">
-          <div className="absolute inset-0 bg-gradient-to-b from-transparent to-background/10 pointer-events-none" aria-hidden="true" />
-          <Card className="rounded-3xl shadow-lg backdrop-blur-sm border bg-card/50 overflow-hidden">
-            <CardContent className="p-6 sm:p-8">
-              <Tabs defaultValue="getting-started" className="space-y-6 flex flex-col items-center">
-                <TabsList className="inline-flex h-12 items-center justify-center rounded-full bg-muted p-1 text-muted-foreground">
-                  <TabsTrigger 
-                    value="getting-started"
-                    className="inline-flex w-fit items-center justify-center whitespace-nowrap rounded-full px-6 py-2.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
-                  >
-                    <Code2 className="mr-2 h-4 w-4" />
-                    Getting Started
-                  </TabsTrigger>
-                  <TabsTrigger 
-                    value="first-feature"
-                    className="inline-flex items-center justify-center whitespace-nowrap rounded-full px-6 py-2.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
-                  >
-                    <FileText className="mr-2 h-4 w-4" />
-                    First Feature
-                  </TabsTrigger>
-                  <TabsTrigger 
-                    value="extensions"
-                    className="inline-flex items-center justify-center whitespace-nowrap rounded-full px-6 py-2.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
-                  >
-                    <SparkleIcon className="mr-2 h-4 w-4" />
-                    Add your first Spark (Comming Soon)
-                  </TabsTrigger>
-                </TabsList>
-
-                <TabsContent value="getting-started" className="space-y-6 w-full">
-                  <div className="space-y-2 text-center flex flex-col items-center justify-center">
-                    <h2 className="text-2xl font-bold tracking-tight">Getting Started</h2>
-                    <p className="text-muted-foreground">Follow these steps to set up your development environment.</p>
-                  </div>
-                  
-                  <div className="space-y-4">
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">1. Install dependencies</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        npm install
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">2. Start development server</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        npm run dev
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">3. View your application</p>
-                      <div className="flex items-center gap-2">
-                        <span className="h-2 w-2 rounded-full bg-green-500 animate-pulse"></span>
-                        <code className="text-primary">http://localhost:3000</code>
-                      </div>
-                    </div>
-                  </div>
-                </TabsContent>
-
-                <TabsContent value="first-feature" className="space-y-6 w-full">
-                  <div className="space-y-2 text-center flex flex-col items-center justify-center">
-                    <h2 className="text-2xl font-bold tracking-tight">Create Your First Feature</h2>
-                    <p className="text-muted-foreground">Follow these steps to create and configure a new feature.</p>
-                  </div>
-
-                  <div className="space-y-4">
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">1. Add your entity on schema.prisma</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        {`// Example:
-model Post {
-  id        Int      @id @default(autoincrement())
-  title     String
-  content   String?
-  createdAt DateTime @default(now())
-  updatedAt DateTime @updatedAt
-}`}
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">2. Run CLI and select features to generate</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        igniter generate feature
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">4. Add to /src/igniter.router.ts</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        {`// Example:
-import { PostFeature } from '@/features/post'
-
-export const router = new IgniterRouter()
-  .use(postFeature.controller)
-`}
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">5. Use in your application</p>
-                      <p className="text-sm text-muted-foreground">
-                        {`// Server Component Example:
-import { PostFeature } from '@/features/post'
-
-export default async function Page() {
-  const getPosts = router.bind('post', 'get')
-  const posts = await getPosts()
-
-  return <pre>{JSON.stringify(posts, null, 2)}</pre>
-}
-
-// Client Component Example:
-'use client'
-
-import { PostFeature } from '@/features/post'
-import { useAction } from '@igniter/hooks'
-
-export default function Page() {
-  const { data, execute } = useAction({
-    action: router.bind('post', 'get')
-  })
-
-  return (
-    <>
-      <button onClick={execute}>Load Posts</button>
-      <pre>{JSON.stringify(data, null, 2)}</pre>
-    </>
-  )
-}
-`}
-                      </p >
-                    </div>
-                  </div>
-                </TabsContent>
-
-                <TabsContent value="extensions" className="space-y-6 w-full">
-                  <div className="space-y-2 text-center flex flex-col items-center justify-center">
-                    <h2 className="text-2xl font-bold tracking-tight">Ignite Sparks</h2>
-                    <p className="text-muted-foreground">Add powerful features that ignite your application.</p>
-                  </div>
-
-                  <div className="space-y-4">
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">1. Discover available Sparks</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        npm run igniter spark:list
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">2. Ignite a single Spark</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        npm run igniter spark:add auth
-                      </code>
-                    </div>
-
-                    <div className="group rounded-2xl border p-4 transition-colors hover:bg-accent">
-                      <p className="font-medium text-foreground mb-2">3. Ignite multiple Sparks</p>
-                      <code className="relative rounded-xl bg-muted border px-4 py-3 font-mono text-sm block group-hover:border-accent transition-colors">
-                        npm run igniter spark:add email storage payment
-                      </code>
-                    </div>
-                  </div>
-                </TabsContent>
-              </Tabs>
-            </CardContent>
-            <CardFooter className="flex flex-col items-center justify-center border-t pt-8">
-              <Button variant="outline" size="lg" className="w-full rounded-xl">
-                Read Docs
-                <ArrowRight className="w-4 h-4 ml-auto" aria-hidden="true" />
-              </Button>
-            </CardFooter>
-          </Card>
-        </section>
 
         <section className="grid gap-4 sm:grid-cols-2" aria-label="Resources">
           <article>
             <Card className="rounded-2xl shadow-sm hover:shadow-md transition-shadow bg-card">
-              <CardContent className="p-4 sm:p-6 space-y-2">
+              <CardContent className="space-y-2">
                 <span className="h-10 w-10 rounded-lg border border-cyan-300/10 bg-cyan-500/10 flex items-center justify-center mb-4">
                   <FileText className="w-5 h-5 text-cyan-500" aria-hidden="true" />
                 </span>
@@ -232,9 +63,11 @@ export default function Page() {
                 <p className="text-sm text-muted-foreground">
                   Learn more about Igniter Framework features and API.
                 </p>
-                <Button variant="outline" className="w-full !mt-8 rounded-xl">
-                  Read Docs
-                  <ArrowRight className="w-4 h-4 ml-auto" aria-hidden="true" />
+                <Button variant="outline" className="w-full !mt-8 rounded-xl" asChild>
+                  <Link href="https://github.com/felipebarcelospro/igniter-js">
+                    Read Docs
+                    <ArrowRight className="w-4 h-4 ml-auto" aria-hidden="true" />
+                  </Link>
                 </Button>
               </CardContent>
             </Card>
@@ -242,19 +75,21 @@ export default function Page() {
 
           <article>
             <Card className="rounded-2xl shadow-sm hover:shadow-md transition-shadow bg-card">
-              <CardContent className="p-4 sm:p-6 space-y-2">
+              <CardContent className="space-y-2">
                 <span className="h-10 w-10 rounded-lg border border-cyan-300/10 bg-cyan-500/10 flex items-center justify-center mb-4">
                   <Code2 className="w-5 h-5 text-cyan-500" aria-hidden="true" />
                 </span>
                 <div className="flex items-center gap-2">                  
-                  <h3 className="font-semibold">Examples</h3>
+                  <h3 className="font-semibold">Igniter CLI</h3>
                 </div>
                 <p className="text-sm text-muted-foreground">
-                  Discover and deploy example Igniter Framework projects.
+                  Generate code and manage your Igniter projects.
                 </p>
-                <Button variant="outline" className="w-full !mt-8 rounded-xl">                
-                  View Examples
-                  <ArrowRight className="w-4 h-4 ml-auto" aria-hidden="true" />
+                <Button variant="outline" className="w-full !mt-8 rounded-xl" asChild>
+                  <Link href="https://github.com/felipebarcelospro/igniter-cli">                
+                    Get Started
+                    <ArrowRight className="w-4 h-4 ml-auto" aria-hidden="true" />
+                  </Link>
                 </Button>
               </CardContent>
             </Card>
@@ -262,52 +97,54 @@ export default function Page() {
         </section>
       </header>
 
-      <footer className="border-t pt-6 text-center w-full text-sm text-muted-foreground h-16">
-        <nav aria-label="Footer Links">
-          <p>
-            Built with{" "}
-            <a
-              href="https://ui.shadcn.com"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="font-medium underline underline-offset-4 hover:text-primary transition-colors"
-              aria-label="Visit shadcn/ui website"
-            >
-              shadcn/ui
-            </a>
-            {", "}
-            <a
-              href="https://nextjs.org"
-              target="_blank"
-              rel="noopener noreferrer" 
-              className="font-medium underline underline-offset-4 hover:text-primary transition-colors"
-              aria-label="Visit Next.js website"
-            >
-              Next.js 15
-            </a>
-            {", "}
-            <a
-              href="https://www.prisma.io"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="font-medium underline underline-offset-4 hover:text-primary transition-colors"
-              aria-label="Visit Prisma website"
-            >
-              Prisma
-            </a>
-            {", and "}
-            <a
-              href="https://zod.dev"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="font-medium underline underline-offset-4 hover:text-primary transition-colors"
-              aria-label="Visit Zod website"
-            >
-              Zod
-            </a>
-          </p>
-        </nav>
+      <footer className="border-t py-6 text-center w-full text-sm text-muted-foreground">
+        <div className="container max-w-2xl mx-auto flex items-center justify-between">
+          <nav aria-label="Footer Links">
+            <p>
+              Built by{" "}
+              <a
+                href="https://x.com/feldbarcelospro"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-medium underline underline-offset-4 hover:text-primary transition-colors"
+                aria-label="Visit shadcn/ui website"
+              >
+                @felipebarcelospro
+              </a>
+            </p>
+          </nav>
+
+          <ModeToggle />
+        </div>        
       </footer>
     </div>
   )
 }
+export function ModeToggle() {
+  const { setTheme, theme } = useTheme()
+
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button variant="outline" className="space-x-2 flex items-center rounded-full">
+          <Sun className="h-[1.2rem] w-[1.2rem] transition-all dark:hidden dark:scale-0" />
+          <Moon className="h-[1.2rem] w-[1.2rem] transition-all hidden dark:flex dark:scale-100" />
+          <span>{theme === "light" ? "Light" : theme === "dark" ? "Dark" : "System"}</span>
+
+          <ChevronDown className="h-4 w-4 ml-auto" />
+        </Button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="end">
+        <DropdownMenuItem onClick={() => setTheme("light")}>
+          Light
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("dark")}>
+          Dark
+        </DropdownMenuItem>
+        <DropdownMenuItem onClick={() => setTheme("system")}>
+          System
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  )
+}

package/dist/templates/route.hbs

@@ -0,0 +1,4 @@
+import { AppRouter } from '@/igniter.router'
+import { nextRouteHandlerAdapter } from '@igniter-js/core/adapters'
+
+export const { GET, POST, PUT, DELETE } = nextRouteHandlerAdapter(AppRouter)

package/dist/templates/vscode.settings.hbs

@@ -0,0 +1,50 @@
+{
+  // Git Settings
+  "git.ignoreLimitWarning": true,
+
+  // Chat General Settings
+  "chat.promptFiles": true,
+
+  // GitHub Copilot Chat Settings
+  "github.copilot.chat.edits.codesearch.enabled": true, // Enable code search in chat edits
+  "github.copilot.chat.edits.suggestRelatedFilesFromGitHistory": true, // Suggest related files from git history
+  "github.copilot.chat.edits.temporalContext.enabled": true, // Enable temporal context in chat edits
+
+  // GitHub Copilot Instructions Configuration
+  "github.copilot.chat.codeGeneration.useInstructionFiles": true,
+  "github.copilot.chat.codeGeneration.instructions": [
+    {
+      "file": "/.github/copilot.instructions.md" // General instructions
+    },
+    {
+      "file": "/.github/copilot.feature.instructions.md" // Feature-specific instructions
+    },   
+    {
+      "file": "/.github/copilot.igniter.instructions.md" // Igniter.js specific instructions
+    },    
+    {
+      "file": "/.github/copilot.next.instructions.md" // Next.js specific instructions
+    }
+  ],
+
+  // Test Generation Instructions
+  "github.copilot.chat.testGeneration.instructions": [
+    {
+      "file": "/.github/copilot.test.instructions.md" // Test-specific instructions
+    }
+  ],
+
+  // Code Review Instructions
+  "github.copilot.chat.reviewSelection.instructions": [
+    {
+      "file": "/.github/copilot.review.instructions.md" // Review-specific instructions
+    }
+  ],
+
+  // Commit Message Configuration
+  "github.copilot.chat.commitMessageGeneration.instructions": [
+    {
+      "text": "Follow Conventional Commits format. For example, 'feat: add new feature'." // Commit message format instructions
+    }
+  ]
+}

package/dist/utils/consts.d.ts

@@ -7,18 +7,16 @@ export declare const PROJECT_STRUCTURE: {
     'src/core/design-system': never[];
     'src/core/utils': never[];
     'src/core/providers': never[];
+    'src/app/api/[[...all]]': never[];
     'src/features': string[];
 };
-export declare const LIA_FILES: {
-    'project_requirement.md': string;
-    'detailed_app_flow.md': string;
-    'tech_stack_and_packages.md': string;
-    'file_structure.md': string;
-    'schema_design.md': string;
-};
 export declare const DEPENDENCIES: {
     required: string[];
 };
+export declare const LIA_FILES: {
+    name: string;
+    template: string;
+}[];
 export declare const CONFIG_FILES: {
     name: string;
     template: string;

package/dist/utils/consts.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.INTERACTIVE_COMMANDS = exports.CONFIG_FILES = exports.DEPENDENCIES = exports.LIA_FILES = exports.PROJECT_STRUCTURE = void 0;
+exports.INTERACTIVE_COMMANDS = exports.CONFIG_FILES = exports.LIA_FILES = exports.DEPENDENCIES = exports.PROJECT_STRUCTURE = void 0;
 exports.PROJECT_STRUCTURE = {
     docs: ['.gitkeep'],
     public: [],
@@ -10,18 +10,21 @@ exports.PROJECT_STRUCTURE = {
     'src/core/design-system': [],
     'src/core/utils': [],
     'src/core/providers': [],
+    'src/app/api/[[...all]]': [],
     'src/features': ['.gitkeep'],
 };
-exports.LIA_FILES = {
-    'project_requirement.md': '',
-    'detailed_app_flow.md': '',
-    'tech_stack_and_packages.md': '',
-    'file_structure.md': '',
-    'schema_design.md': ''
-};
 exports.DEPENDENCIES = {
     required: ['docker', 'node', 'npm'],
 };
+exports.LIA_FILES = [
+    { name: '.github/copilot.feature.instructions.md', template: 'copilot.feature.instructions.hbs' },
+    { name: '.github/copilot.igniter.instructions.md', template: 'copilot.igniter.instructions.hbs' },
+    { name: '.github/copilot.instructions.md', template: 'copilot.instructions.hbs' },
+    { name: '.github/copilot.next.instructions.md', template: 'copilot.next.instructions.hbs' },
+    { name: '.github/copilot.review.instructions.md', template: 'copilot.review.instructions.hbs' },
+    { name: '.github/copilot.test.instructions.md', template: 'copilot.test.instructions.hbs' },
+    { name: '.vscode/settings.json', template: 'vscode.settings.hbs' }
+];
 exports.CONFIG_FILES = [
     { name: 'README.md', template: 'readme' },
     { name: 'eslintrc.json', template: 'eslintrc' },

package/dist/utils/handlebars-helpers.js

@@ -31,6 +31,17 @@ function registerHelpers() {
     handlebars_1.default.registerHelper('lowerCase', (str) => {
         return str.toLowerCase();
     });
+    handlebars_1.default.registerHelper('getTypeFormat', (type, isRelation) => {
+        const primitiveTypes = ['string', 'number', 'boolean', 'date', 'datetime', 'any', 'bigint', 'undefined', 'null', 'never', 'unknown', 'void'];
+        const formattedType = type.toLowerCase();
+        if (formattedType === 'datetime') {
+            return 'Date';
+        }
+        if (primitiveTypes.includes(formattedType) && !isRelation) {
+            return formattedType;
+        }
+        return type;
+    });
     /**
      * Handlebars helper to compare if two values are equal
      * @param {string} firstValue - First value to compare
@@ -40,4 +51,13 @@ function registerHelpers() {
     handlebars_1.default.registerHelper('equals', (firstValue, secondValue) => {
         return firstValue === secondValue;
     });
+    /**
+     * Handlebars helper to concatenate two strings
+     */
+    handlebars_1.default.registerHelper('concat', (str1, str2) => {
+        return str1 + str2;
+    });
+    handlebars_1.default.registerHelper('ne', (a, b) => {
+        return a !== b;
+    });
 }

package/dist/utils/prisma-schema-parser.d.ts

@@ -3,6 +3,7 @@ interface ParsedField {
     type: string;
     zodType: string;
     description: string;
+    isRelation: boolean;
     isOptional: boolean;
     isList: boolean;
     hasDefault: boolean;