@icarusmx/creta 0.1.0 → 0.2.0

package/bin/creta.js

@@ -8,27 +8,27 @@ import path from 'path'
 const args = process.argv.slice(2)
 const command = args[0]
 
-console.log("¡Bienvenido a Creta! 🏛️")
-console.log("Aprendamos construyendo productos reales.\n")
+console.log("¡Bienvenido de vuelta! 🏛️")
+console.log("Retomemos desde donde nos quedamos: hagamos tu portafolio.\n")
 
 if (!command) {
   console.log("Comandos disponibles:")
-  console.log("  creta website    - Crea tu portfolio personal (reto completo)")
-  console.log("  creta website-1  - Portfolio con navbar hecho")
-  console.log("  creta website-2  - Portfolio con navbar + hero")
-  console.log("  creta website-3  - Portfolio completo (solución)")
+  console.log("  creta portafolio    - Crea tu portafolio personal (reto completo)")
+  console.log("  creta portafolio-1  - Portafolio con navbar hecho")
+  console.log("  creta portafolio-2  - Portafolio con navbar + hero")
+  console.log("  creta portafolio-3  - Portafolio completo (solución)")
   process.exit(0)
 }
 
-if (command.startsWith('website')) {
-  const level = command === 'website' ? 0 : parseInt(command.split('-')[1]) || 0
-  await createWebsiteProject(level)
+if (command.startsWith('portafolio')) {
+  const level = command === 'portafolio' ? 0 : parseInt(command.split('-')[1]) || 0
+  await createPortfolioProject(level)
 } else {
   console.log(`Comando no reconocido: ${command}`)
   process.exit(1)
 }
 
-async function createWebsiteProject(level) {
+async function createPortfolioProject(level) {
   const rl = createInterface({
     input: process.stdin,
     output: process.stdout
@@ -42,7 +42,7 @@ async function createWebsiteProject(level) {
 
   try {
     const name = await askQuestion("¿Cuál es tu nombre? ")
-    const projectName = `${name.toLowerCase().replace(/\s+/g, '-')}-portfolio`
+    const projectName = `${name.toLowerCase().replace(/\s+/g, '-')}-portafolio`
     
     console.log(`\n🚀 Creando proyecto: ${projectName}`)
     console.log(`📚 Nivel: ${level === 0 ? 'Reto completo' : `Con ${getLevelDescription(level)} completado`}`)
@@ -211,7 +211,7 @@ function getLevelDescription(level) {
   const descriptions = {
     1: 'navbar',
     2: 'navbar + hero',
-    3: 'todo el portfolio'
+    3: 'todo el portafolio'
   }
   return descriptions[level] || 'nivel desconocido'
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icarusmx/creta",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Salgamos de este laberinto.",
   "type": "module",
   "bin": {

package/templates/sveltekit-portfolio/package.json

@@ -11,10 +11,8 @@
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.32",
     "svelte": "^5.0.0",
-    "tailwindcss": "^3.3.6",
+    "@tailwindcss/vite": "^4.0.0",
     "vite": "^5.0.3"
   },
   "type": "module"

package/templates/sveltekit-portfolio/src/routes/+layout.svelte

@@ -43,6 +43,7 @@
   - Usa 'hover:text-blue-600' para efectos hover
   
   ESTRUCTURA SUGERIDA:
+  ```html
   <nav class="bg-white shadow-sm">
     <div class="max-w-7xl mx-auto px-4">
       <div class="flex justify-between items-center py-3">
@@ -51,6 +52,7 @@
       </div>
     </div>
   </nav>
+  ```
 -->
 
 <nav class="bg-white shadow-sm">
@@ -76,6 +78,7 @@
   - Usa 'text-center text-gray-600 text-sm' para texto centrado y gris
   
   ESTRUCTURA SUGERIDA:
+  ```html
   <footer class="bg-gray-50 border-t">
     <div class="max-w-7xl mx-auto py-8 px-4">
       <div class="text-center text-gray-600 text-sm">
@@ -83,6 +86,7 @@
       </div>
     </div>
   </footer>
+  ```
 -->
 
 <footer class="bg-gray-50 border-t">

package/templates/sveltekit-portfolio/src/routes/+page.svelte

@@ -15,6 +15,7 @@
   - Usa 'bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg' para botones
   
   ESTRUCTURA SUGERIDA:
+  ```html
   <section class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">
     <div class="max-w-4xl mx-auto px-4 text-center">
       <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
@@ -28,11 +29,12 @@
       </a>
     </div>
   </section>
+  ```
 -->
 
 <svelte:head>
-  <title>{{STUDENT_NAME}} - Portfolio</title>
-  <meta name="description" content="Portfolio personal de {{STUDENT_NAME}}" />
+  <title>{{STUDENT_NAME}} - Portafolio</title>
+  <meta name="description" content="Portafolio personal de {{STUDENT_NAME}}" />
 </svelte:head>
 
 <section class="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100">

package/templates/sveltekit-portfolio/vite.config.js

@@ -1,6 +1,7 @@
 import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-	plugins: [sveltekit()]
+	plugins: [sveltekit(), tailwindcss()]
 });

package/templates/sveltekit-portfolio/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/templates/sveltekit-portfolio/tailwind.config.js

@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ['./src/**/*.{html,js,svelte,ts}'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}