@pasosdejesus/m 0.15.0

package/dist/templates/apps/nextjs/app/page.tsx.hbs

@@ -0,0 +1,225 @@
+// @ts-nocheck
+export default function Home() {
+  return (
+    <div className="max-w-6xl mx-auto p-8 space-y-12">
+      {/* Header */}
+      <header className="text-center space-y-4">
+        <h1 className="text-4xl font-bold tracking-tight">
+          Welcome to <span className="text-blue-600">{{name}}</span>
+        </h1>
+        <p className="text-xl text-gray-600 max-w-3xl mx-auto">
+          {{description}}
+        </p>
+      </header>
+
+      {/* Biblical Verse Highlight */}
+      <section className="bg-gradient-to-r from-blue-50 to-indigo-50 rounded-2xl p-8 border border-blue-100">
+        <div className="max-w-3xl mx-auto text-center">
+          <div className="inline-block bg-white/80 px-4 py-2 rounded-full mb-4 text-sm font-semibold text-blue-700">
+            📖 Daily Verse
+          </div>
+          <blockquote className="text-2xl font-serif italic text-gray-800 mb-4">
+            “Y todo lo que hagáis, hacedlo de corazón, como para el Señor y no para los hombres.”
+          </blockquote>
+          <p className="text-gray-600 font-medium">
+            — Colosenses 3:23 (RVR1960)
+          </p>
+          <p className="mt-4 text-gray-500 max-w-2xl mx-auto">
+            This verse reminds us that our work—including software development—is an offering to God,
+            done with excellence and integrity.
+          </p>
+        </div>
+      </section>
+
+      {/* UI Components Showcase */}
+      <section className="space-y-8">
+        <h2 className="text-3xl font-bold border-b pb-2">UI Components Showcase</h2>
+        <p className="text-gray-600">
+          Below are examples of UI elements built with Tailwind CSS, demonstrating the design system available in this framework.
+        </p>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+          {/* Buttons */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Buttons</h3>
+            <div className="flex flex-wrap gap-3">
+              <button className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
+                Primary
+              </button>
+              <button className="px-4 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition">
+                Secondary
+              </button>
+              <button className="px-4 py-2 border border-red-300 text-red-600 rounded-lg hover:bg-red-50 transition">
+                Destructive
+              </button>
+              <button className="px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition">
+                Outline
+              </button>
+            </div>
+          </div>
+
+          {/* Card */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Card</h3>
+            <div className="border rounded-lg overflow-hidden shadow-sm">
+              <div className="bg-gradient-to-r from-blue-500 to-purple-600 p-4 text-white">
+                <h4 className="font-bold text-lg">Project Dashboard</h4>
+                <p className="text-blue-100">Overview of your application</p>
+              </div>
+              <div className="p-4">
+                <p className="text-gray-700">
+                  This card demonstrates a common layout for dashboard items. Cards are versatile containers for content.
+                </p>
+                <div className="mt-4 flex justify-between items-center">
+                  <span className="text-sm text-gray-500">Updated just now</span>
+                  <button className="text-sm px-3 py-1 bg-blue-100 text-blue-700 rounded hover:bg-blue-200">
+                    View
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Alerts */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Alerts</h3>
+            <div className="space-y-3">
+              <div className="p-4 bg-green-50 border border-green-200 rounded-lg">
+                <div className="flex items-center">
+                  <div className="text-green-600 font-bold mr-2">✓</div>
+                  <p className="text-green-800">Success! Your changes have been saved.</p>
+                </div>
+              </div>
+              <div className="p-4 bg-yellow-50 border border-yellow-200 rounded-lg">
+                <div className="flex items-center">
+                  <div className="text-yellow-600 font-bold mr-2">⚠</div>
+                  <p className="text-yellow-800">Warning: This action cannot be undone.</p>
+                </div>
+              </div>
+              <div className="p-4 bg-red-50 border border-red-200 rounded-lg">
+                <div className="flex items-center">
+                  <div className="text-red-600 font-bold mr-2">✗</div>
+                  <p className="text-red-800">Error: Unable to process your request.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Badges */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Badges</h3>
+            <div className="flex flex-wrap gap-2">
+              <span className="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">
+                React
+              </span>
+              <span className="px-3 py-1 bg-green-100 text-green-800 rounded-full text-sm font-medium">
+                Next.js
+              </span>
+              <span className="px-3 py-1 bg-purple-100 text-purple-800 rounded-full text-sm font-medium">
+                TypeScript
+              </span>
+              <span className="px-3 py-1 bg-yellow-100 text-yellow-800 rounded-full text-sm font-medium">
+                Tailwind
+              </span>
+              <span className="px-3 py-1 bg-red-100 text-red-800 rounded-full text-sm font-medium">
+                PostgreSQL
+              </span>
+            </div>
+          </div>
+
+          {/* Progress */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Progress</h3>
+            <div className="space-y-4">
+              <div>
+                <div className="flex justify-between mb-1">
+                  <span className="text-gray-700">Project Completion</span>
+                  <span className="font-medium">75%</span>
+                </div>
+                <div className="h-2 bg-gray-200 rounded-full overflow-hidden">
+                  <div className="h-full bg-green-500 rounded-full" style={ { width: "75%" } }></div>
+                </div>
+              </div>
+              <div>
+                <div className="flex justify-between mb-1">
+                  <span className="text-gray-700">Testing Coverage</span>
+                  <span className="font-medium">90%</span>
+                </div>
+                <div className="h-2 bg-gray-200 rounded-full overflow-hidden">
+                  <div className="h-full bg-blue-500 rounded-full" style={ { width: "90%" } }></div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          {/* Input & Form */}
+          <div className="space-y-4 p-6 border rounded-xl">
+            <h3 className="text-xl font-semibold">Form Elements</h3>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
+                <input
+                  type="email"
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition"
+                  placeholder="you@example.com"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">Message</label>
+                <textarea
+                  className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition"
+                  rows={3}
+                  placeholder="Your message here..."
+                />
+              </div>
+              <div className="flex items-center">
+                <input
+                  type="checkbox"
+                  id="subscribe"
+                  className="h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
+                />
+                <label htmlFor="subscribe" className="ml-2 text-gray-700">
+                  Subscribe to updates
+                </label>
+              </div>
+              <button className="w-full px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition">
+                Submit Form
+              </button>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Project Information */}
+      <section className="mt-12 p-8 bg-gray-50 rounded-2xl">
+        <h2 className="text-3xl font-bold mb-6">Project Information</h2>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-6">
+          <div className="text-center p-4 bg-white rounded-xl border">
+            <div className="text-2xl font-bold text-blue-600">Next.js</div>
+            <div className="text-gray-600">15.5.12</div>
+          </div>
+          <div className="text-center p-4 bg-white rounded-xl border">
+            <div className="text-2xl font-bold text-blue-600">React</div>
+            <div className="text-gray-600">18.3.1</div>
+          </div>
+          <div className="text-center p-4 bg-white rounded-xl border">
+            <div className="text-2xl font-bold text-blue-600">TypeScript</div>
+            <div className="text-gray-600">5.9.3</div>
+          </div>
+          <div className="text-center p-4 bg-white rounded-xl border">
+            <div className="text-2xl font-bold text-blue-600">Tailwind</div>
+            <div className="text-gray-600">3.4.19</div>
+          </div>
+        </div>
+        <div className="mt-8 text-center">
+          <p className="text-gray-600">
+            This project is maintained with diligence and love, following the principle of Colossians 3:23.
+          </p>
+          <p className="mt-2 text-sm text-gray-500">
+            Built with the @pasosdejesus/m framework • {new Date().getFullYear()}
+          </p>
+        </div>
+      </section>
+    </div>
+  );
+}

package/dist/templates/apps/nextjs/app/testui/page.tsx

@@ -0,0 +1,371 @@
+'use client'
+
+import * as React from 'react'
+import {
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent,
+} from '@pasosdejesus/m/shadcn-components/ui/accordion'
+import { Alert, AlertTitle, AlertDescription } from '@pasosdejesus/m/shadcn-components/ui/alert'
+import {
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+} from '@pasosdejesus/m/shadcn-components/ui/alert-dialog'
+import { Avatar, AvatarImage, AvatarFallback } from '@pasosdejesus/m/shadcn-components/ui/avatar'
+import { Badge } from '@pasosdejesus/m/shadcn-components/ui/badge'
+import { Button } from '@pasosdejesus/m/shadcn-components/ui/button'
+import { Card, CardHeader, CardTitle, CardContent } from '@pasosdejesus/m/shadcn-components/ui/card'
+import { Checkbox } from '@pasosdejesus/m/shadcn-components/ui/checkbox'
+import {
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogDescription,
+} from '@pasosdejesus/m/shadcn-components/ui/dialog'
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+} from '@pasosdejesus/m/shadcn-components/ui/dropdown-menu'
+import { Input } from '@pasosdejesus/m/shadcn-components/ui/input'
+import { Label } from '@pasosdejesus/m/shadcn-components/ui/label'
+import {
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+} from '@pasosdejesus/m/shadcn-components/ui/menubar'
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+} from '@pasosdejesus/m/shadcn-components/ui/popover'
+import { Progress } from '@pasosdejesus/m/shadcn-components/ui/progress'
+import {
+  RadioGroup,
+  RadioGroupItem,
+} from '@pasosdejesus/m/shadcn-components/ui/radio-group'
+import { ScrollArea } from '@pasosdejesus/m/shadcn-components/ui/scroll-area'
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+} from '@pasosdejesus/m/shadcn-components/ui/select'
+import { Separator } from '@pasosdejesus/m/shadcn-components/ui/separator'
+import {
+  Sheet,
+  SheetTrigger,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription,
+} from '@pasosdejesus/m/shadcn-components/ui/sheet'
+import { Skeleton } from '@pasosdejesus/m/shadcn-components/ui/skeleton'
+import { Slider } from '@pasosdejesus/m/shadcn-components/ui/slider'
+import { Switch } from '@pasosdejesus/m/shadcn-components/ui/switch'
+import {
+  Table,
+  TableHeader,
+  TableRow,
+  TableHead,
+  TableBody,
+  TableCell,
+} from '@pasosdejesus/m/shadcn-components/ui/table'
+import {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+} from '@pasosdejesus/m/shadcn-components/ui/tabs'
+import { Textarea } from '@pasosdejesus/m/shadcn-components/ui/textarea'
+import { Toast, ToastProvider, ToastViewport } from '@pasosdejesus/m/shadcn-components/ui/toast'
+import { Toaster } from '@pasosdejesus/m/shadcn-components/ui/toaster'
+import {
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+} from '@pasosdejesus/m/shadcn-components/ui/tooltip'
+
+function TestSection({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <div className="mb-8 p-4 border rounded-lg">
+      <h2 className="text-lg font-bold mb-4">{title}</h2>
+      <div className="flex flex-wrap gap-4 items-start">{children}</div>
+    </div>
+  )
+}
+
+export default function TestUI() {
+  const [progress, setProgress] = React.useState(45)
+
+  return (
+    <div className="p-8 max-w-4xl mx-auto">
+      <h1 className="text-2xl font-bold mb-8">shadcn Components Test</h1>
+      <p className="text-muted-foreground mb-8">
+        All components imported from @pasosdejesus/m/shadcn-components/ui/*
+      </p>
+
+      <TestSection title="Accordion">
+        <Accordion type="single" collapsible className="w-full">
+          <AccordionItem value="item-1">
+            <AccordionTrigger>Is it accessible?</AccordionTrigger>
+            <AccordionContent>Yes. It uses Radix UI primitives.</AccordionContent>
+          </AccordionItem>
+        </Accordion>
+      </TestSection>
+
+      <TestSection title="Alert">
+        <Alert>
+          <AlertTitle>Heads up!</AlertTitle>
+          <AlertDescription>This is an alert component.</AlertDescription>
+        </Alert>
+      </TestSection>
+
+      <TestSection title="AlertDialog">
+        <AlertDialog>
+          <AlertDialogTrigger asChild>
+            <Button variant="outline">Open Dialog</Button>
+          </AlertDialogTrigger>
+          <AlertDialogContent>
+            <AlertDialogHeader>
+              <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+              <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>
+            </AlertDialogHeader>
+            <AlertDialogAction>Continue</AlertDialogAction>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+          </AlertDialogContent>
+        </AlertDialog>
+      </TestSection>
+
+      <TestSection title="Avatar">
+        <Avatar>
+          <AvatarImage src="https://github.com/shadcn.png" />
+          <AvatarFallback>CN</AvatarFallback>
+        </Avatar>
+      </TestSection>
+
+      <TestSection title="Badge">
+        <Badge>Badge</Badge>
+      </TestSection>
+
+      <TestSection title="Button">
+        <Button>Click me</Button>
+        <Button variant="destructive">Delete</Button>
+        <Button variant="outline">Outline</Button>
+      </TestSection>
+
+      <TestSection title="Card">
+        <Card className="w-60">
+          <CardHeader>
+            <CardTitle>Card Title</CardTitle>
+          </CardHeader>
+          <CardContent>Card content here.</CardContent>
+        </Card>
+      </TestSection>
+
+      <TestSection title="Checkbox">
+        <div className="flex items-center gap-2">
+          <Checkbox id="c1" />
+          <Label htmlFor="c1">Accept terms</Label>
+        </div>
+      </TestSection>
+
+      <TestSection title="Dialog">
+        <Dialog>
+          <DialogTrigger asChild>
+            <Button variant="outline">Open Dialog</Button>
+          </DialogTrigger>
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>Dialog Title</DialogTitle>
+              <DialogDescription>Dialog description.</DialogDescription>
+            </DialogHeader>
+          </DialogContent>
+        </Dialog>
+      </TestSection>
+
+      <TestSection title="DropdownMenu">
+        <DropdownMenu>
+          <DropdownMenuTrigger asChild>
+            <Button variant="outline">Menu</Button>
+          </DropdownMenuTrigger>
+          <DropdownMenuContent>
+            <DropdownMenuItem>Item 1</DropdownMenuItem>
+            <DropdownMenuItem>Item 2</DropdownMenuItem>
+          </DropdownMenuContent>
+        </DropdownMenu>
+      </TestSection>
+
+      <TestSection title="Input + Label">
+        <div className="grid w-60 gap-2">
+          <Label htmlFor="name">Name</Label>
+          <Input id="name" placeholder="Enter your name" />
+        </div>
+      </TestSection>
+
+      <TestSection title="Menubar">
+        <Menubar>
+          <MenubarMenu>
+            <MenubarTrigger>File</MenubarTrigger>
+            <MenubarContent>
+              <MenubarItem>New</MenubarItem>
+              <MenubarItem>Open</MenubarItem>
+            </MenubarContent>
+          </MenubarMenu>
+        </Menubar>
+      </TestSection>
+
+      <TestSection title="Popover">
+        <Popover>
+          <PopoverTrigger asChild>
+            <Button variant="outline">Open Popover</Button>
+          </PopoverTrigger>
+          <PopoverContent>Popover content here.</PopoverContent>
+        </Popover>
+      </TestSection>
+
+      <TestSection title="Progress">
+        <Progress value={progress} className="w-60" />
+      </TestSection>
+
+      <TestSection title="RadioGroup">
+        <RadioGroup defaultValue="option-1">
+          <div className="flex items-center gap-2">
+            <RadioGroupItem value="option-1" id="r1" />
+            <Label htmlFor="r1">Option 1</Label>
+          </div>
+          <div className="flex items-center gap-2">
+            <RadioGroupItem value="option-2" id="r2" />
+            <Label htmlFor="r2">Option 2</Label>
+          </div>
+        </RadioGroup>
+      </TestSection>
+
+      <TestSection title="ScrollArea">
+        <ScrollArea className="h-20 w-60 border rounded p-2">
+          <div className="h-40">Scrollable content line 1<br />line 2<br />line 3<br />line 4</div>
+        </ScrollArea>
+      </TestSection>
+
+      <TestSection title="Select">
+        <Select>
+          <SelectTrigger className="w-40">
+            <SelectValue placeholder="Select..." />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="1">Option 1</SelectItem>
+            <SelectItem value="2">Option 2</SelectItem>
+          </SelectContent>
+        </Select>
+      </TestSection>
+
+      <TestSection title="Separator">
+        <div>
+          <span>Above</span>
+          <Separator className="my-2" />
+          <span>Below</span>
+        </div>
+      </TestSection>
+
+      <TestSection title="Sheet">
+        <Sheet>
+          <SheetTrigger asChild>
+            <Button variant="outline">Open Sheet</Button>
+          </SheetTrigger>
+          <SheetContent>
+            <SheetHeader>
+              <SheetTitle>Sheet Title</SheetTitle>
+              <SheetDescription>Sheet description.</SheetDescription>
+            </SheetHeader>
+          </SheetContent>
+        </Sheet>
+      </TestSection>
+
+      <TestSection title="Skeleton">
+        <div className="space-y-2 w-60">
+          <Skeleton className="h-4 w-full" />
+          <Skeleton className="h-4 w-3/4" />
+        </div>
+      </TestSection>
+
+      <TestSection title="Slider">
+        <Slider defaultValue={[50]} max={100} step={1} className="w-60" />
+      </TestSection>
+
+      <TestSection title="Switch">
+        <div className="flex items-center gap-2">
+          <Switch id="s1" />
+          <Label htmlFor="s1">Airplane mode</Label>
+        </div>
+      </TestSection>
+
+      <TestSection title="Table">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead>Name</TableHead>
+              <TableHead>Email</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            <TableRow>
+              <TableCell>John</TableCell>
+              <TableCell>john@example.com</TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </TestSection>
+
+      <TestSection title="Tabs">
+        <Tabs defaultValue="tab1">
+          <TabsList>
+            <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+            <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+          </TabsList>
+          <TabsContent value="tab1">Content 1</TabsContent>
+          <TabsContent value="tab2">Content 2</TabsContent>
+        </Tabs>
+      </TestSection>
+
+      <TestSection title="Textarea">
+        <Textarea placeholder="Write something..." className="w-60" />
+      </TestSection>
+
+      <TestSection title="Toast">
+        <ToastProvider>
+          <Toast>Default toast</Toast>
+          <ToastViewport />
+        </ToastProvider>
+      </TestSection>
+
+      <TestSection title="Toaster">
+        <Toaster />
+      </TestSection>
+
+      <TestSection title="Tooltip">
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button variant="outline">Hover me</Button>
+            </TooltipTrigger>
+            <TooltipContent>Tooltip content</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      </TestSection>
+    </div>
+  )
+}

package/dist/templates/apps/nextjs/bin/m

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+import(join(__dirname, '..', 'node_modules', '@pasosdejesus', 'm', 'dist', 'm.js'));

package/dist/templates/apps/nextjs/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/lib/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/dist/templates/apps/nextjs/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/dist/templates/apps/nextjs/next.config.ts

@@ -0,0 +1,10 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  outputFileTracingRoot: process.cwd(),
+  // Silencia la advertencia de múltiples lockfiles
+  experimental: {
+    externalDir: true,
+  },
+};
+
+export default nextConfig;