cli-error-capa-8 1.0.3 → 1.0.4

package/index.js

@@ -83,7 +83,7 @@ async function main(){
 
 
     run(
-    `npm create vite@latest ${name} -- --template react --no-interactive`,
+    `npm create vite@latest ${name} -- --template react-ts --no-interactive`,
     process.cwd()
     );
 
@@ -111,12 +111,16 @@ async function main(){
        Dependencias extras
     */
 
+
+    /*
+       zod y react-hook-form
+    */
+
+
     console.log(
         "\nInstalando zod y react-hook-form..."
     );
 
-    try{
-
         run(
             "npm install zod react-hook-form",
             projectPath
@@ -126,15 +130,10 @@ async function main(){
             "zod y react-hook-form instalados"
         );
 
-    }catch(e){
-
-        console.log(
-            "Error al instalar zod y react-hook-form:"
-        );
-
-        console.log(e.message);
 
-    }
+    /*
+       tailwindcss y @tailwindcss/vite
+    */
 
 
 
@@ -149,7 +148,6 @@ async function main(){
     );
 
 
-
     /*
        Mostrar dependencias
     */
@@ -183,61 +181,170 @@ async function main(){
     }
 
 
-
-    /*
-       modificar vite.config.js
+        /*
+       modificar tsconfig.json
     */
+const tsconfig = path.join(
+    projectPath,
+    "tsconfig.json"
+);
 
+if(fs.existsSync(tsconfig)){
 
-    const vite = path.join(
-        projectPath,
-        "vite.config.js"
+    const data = fs.readFileSync(
+        tsconfig,
+        "utf8"
     );
 
+    const json = JSON.parse(data);
+
+    json.compilerOptions = {
+        ...(json.compilerOptions || {}),
+        baseUrl: ".",
+        paths: {
+            "@/*": [
+                "./src/*"
+            ]
+        }
+    };
+
+    fs.writeFileSync(
+        tsconfig,
+        JSON.stringify(json, null, 2)
+    );
 
     console.log(
-        "\nVite config:",
-        vite
+        "tsconfig.json modificado"
     );
+}
+
+
+
+/*
+   modificar vite.config.ts
+*/
+
+const viteconfig = path.join(
+    projectPath,
+    "vite.config.ts"
+);
+
+
+console.log(
+    "\nViteConfig:",
+    viteconfig
+);
+
+
+if(fs.existsSync(viteconfig)){
+
+    editFile(viteconfig,(data)=>{
+
+
+        // agregar imports
+        if(!data.includes("@tailwindcss/vite")){
+
+            data = data.replace(
+                "import react from '@vitejs/plugin-react'",
+                "import react from '@vitejs/plugin-react'\nimport tailwindcss from '@tailwindcss/vite'"
+            );
+
+        }
+
+
+        if(!data.includes("from \"path\"")){
+
+            data = data.replace(
+                "import tailwindcss from '@tailwindcss/vite'",
+                "import path from 'path'\nimport tailwindcss from '@tailwindcss/vite'"
+            );
+
+        }
+
+
+
+        // agregar tailwind al plugin
+        if(data.includes("plugins: [react()]")){
+
+            data = data.replace(
+                "plugins: [react()]",
+                "plugins: [react(), tailwindcss()]"
+            );
+
+        }
+
+
+
+        // agregar alias
+        if(!data.includes("alias:")){
+
+            data = data.replace(
+                "export default defineConfig({",
+`export default defineConfig({
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },`
+            );
+
+        }
+
+
+        return data;
+
+    });
+
 
     console.log(
-        "Existe:",
-        fs.existsSync(vite)
+        "vite.config.ts modificado"
     );
 
+}
+/*
+   modificar tsconfig.app.json
+*/
+
+const tsconfigApp = path.join(
+    projectPath,
+    "tsconfig.app.json"
+);
 
-    if(fs.existsSync(vite)){
 
-        editFile(vite,(data)=>{
+console.log(
+    "\ntsconfig.app:",
+    tsconfigApp
+);
 
-            if(
-                !data.includes("@tailwindcss/vite")
-            ){
 
-                return data
-                .replace(
-                    "import react from '@vitejs/plugin-react'",
-                    "import react from '@vitejs/plugin-react'\nimport tailwindcss from '@tailwindcss/vite'"
-                )
-                .replace(
-                    "plugins: [react()]",
-                    "plugins: [react(), tailwindcss()]"
-                );
+if(fs.existsSync(tsconfigApp)){
 
-            }
+    editFile(tsconfigApp,(data)=>{
 
-            return data;
+        if(!data.includes('"baseUrl"')){
 
-        });
+            return data.replace(
+                `"compilerOptions": {`,
+`"compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },`
+            );
 
-        console.log(
-            "vite.config.js modificado"
-        );
+        }
 
-    }
+        return data;
 
+    });
 
 
+    console.log(
+        "tsconfig.app.json modificado"
+    );
+
+}
+
     /*
        modificar CSS
     */
@@ -322,18 +429,18 @@ fs.cpSync(
 
 
 console.log(
-    "\nModificando App.jsx ..."
+    "\nModificando App.Tsx ..."
 );
     const appjsx_origin = path.join(
         __dirname,
         "parches",
-        "App.jsx"
+        "App.Tsx"
     );
 
     const appjsx_dest = path.join(
         projectPath,
         "src",
-        "App.jsx"
+        "App.Tsx"
     );
 
 fs.cpSync(
@@ -344,6 +451,34 @@ fs.cpSync(
     }
 );
 
+
+    /*
+    ████████████████████████████████████████████████████████████████████████████████████████████████████████
+       FASE PRUEBA FALTA EL CONFIG DE VITE Y EL tSCONFIG PARA EL SHADCN/UI
+    ████████████████████████████████████████████████████████████████████████████████████████████████████████
+
+       */
+
+    /*
+       shadcn/ui
+    */
+ /*
+       shadcn/ui
+
+
+    console.log(
+        "\nInstalando shadcn/ui..."
+    );
+
+        run(
+        "npx shadcn@latest init",
+            projectPath
+        );
+    console.log(
+            "shadcn/ui instalado"
+        );
+
+    */
     console.log(`
 ████████████████████████████████████████████████████████████████████████████████████████████████████████
 ██                                                                                                    ██

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cli-error-capa-8",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "CLI para crear proyectos React configurados hecho por  ERROR-CAPA-8 O Gasparin7u7 (SIGUEME EN IG AL MENOS P NO SEAS RATA)",
   "main": "index.js",
   "bin": {

package/parches/{App.jsx → App.tsx}

@@ -1,85 +1,65 @@
 import img from './assets/sombrero sin pupila.png'
-import { useState } from 'react'
+import { useState, type MouseEvent } from 'react'
 import './App.css'
 
-const TopHat = () => {
+const TopHat = (): React.JSX.Element => {
+  const [pos, setPos] = useState<{ x: number; y: number }>({
+    x: 0,
+    y: 0,
+  })
 
-  const [pos,setPos] = useState({x:0,y:0});
-  const [scale,setScale] = useState(1);
+  const [scale, setScale] = useState<number>(1)
 
+  function move(e: MouseEvent<HTMLDivElement>): void {
+    const box = e.currentTarget.getBoundingClientRect()
 
-  function move(e){
+    const x = e.clientX - box.left
+    const y = e.clientY - box.top
 
-    const box = e.currentTarget.getBoundingClientRect();
-
-    const x = e.clientX - box.left;
-    const y = e.clientY - box.top;
-
-
-    const centerX = box.width / 2;
-    const centerY = box.height / 2;
-
-
-    let dx = x - centerX;
-    let dy = y - centerY;
+    const centerX = box.width / 2
+    const centerY = box.height / 2
 
+    let dx = x - centerX
+    let dy = y - centerY
 
     const distance = Math.sqrt(
       dx * dx + dy * dy
-    );
-
-
-    const angle = Math.atan2(dy,dx);
+    )
 
+    const angle = Math.atan2(dy, dx)
 
     // zona central pequeña
-    const deadZone = 5;
-
+    const deadZone = 5
 
     // movimiento máximo
-    const maxRadius = 26;
+    const maxRadius = 26
 
+    let radius = 0
 
-    let radius = 0;
-
-
-    if(distance > deadZone){
-
+    if (distance > deadZone) {
       radius =
         Math.min(
           distance / (box.width / 2),
           1
-        ) * maxRadius;
-
+        ) * maxRadius
     }
 
-
     setPos({
-
       x: Math.cos(angle) * radius,
-
       y: Math.sin(angle) * radius
-
-    });
-
+    })
   }
 
-
-
-  function leave(){
-
+  function leave(): void {
     setPos({
-      x:0,
-      y:0
-    });
-
+      x: 0,
+      y: 0
+    })
   }
 
-
-
   return (
-
-    <div className="
+    <div
+      className="
       min-h-screen
       bg-black
       flex
@@ -88,15 +68,12 @@ const TopHat = () => {
       justify-center
       gap-8
       overflow-hidden
-    ">
-
-
+    "
+    >
       {/* CIRCULO */}
       <div
-
         onMouseMove={move}
         onMouseLeave={leave}
-
         className="
         relative
         w-[clamp(320px,70vw,800px)]
@@ -107,13 +84,10 @@ const TopHat = () => {
         overflow-hidden
         "
       >
-
-
         {/* SOMBRERO */}
         <img
-
           src={img}
-
+          alt="Sombrero"
           className="
           absolute
           w-[70%]
@@ -124,24 +98,14 @@ const TopHat = () => {
           "
         />
 
-
-
         {/* IRIS DRAGÓN */}
         <div
-
-          onMouseEnter={()=>{
-
+          onMouseEnter={() => {
             setScale(0.65)
-
           }}
-
-          onMouseLeave={()=>{
-
+          onMouseLeave={() => {
             setScale(1)
-
           }}
-
-
           className="
           absolute
           left-[50%]
@@ -152,34 +116,20 @@ const TopHat = () => {
           transition-transform
           duration-100
           "
-
-
           style={{
-
-
             clipPath:
-            "path('M22.5 0 C27 10 32 22 32 30 C32 38 27 50 22.5 60 C18 50 13 38 13 30 C13 22 18 10 22.5 0 Z')",
-
-
+              "path('M22.5 0 C27 10 32 22 32 30 C32 38 27 50 22.5 60 C18 50 13 38 13 30 C13 22 18 10 22.5 0 Z')",
 
-            transform:
-            `
+            transform: `
             translate(-50%,-90%)
             translate(${pos.x}px,${pos.y}px)
             scale(${scale})
             `
-
           }}
-
         />
-
-
       </div>
 
-
-
       <div
-
         className="
         text-white
         tracking-[0.5em]
@@ -189,18 +139,11 @@ const TopHat = () => {
         font-mono
         text-center
         "
-
       >
-
         CLI - ERROR-CAPA-8
-
       </div>
-
-
     </div>
-
   )
-
 }
 
-export default TopHat;
+export default TopHat