create-lexy 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/r/accordion.json +24 -0
- package/assets/r/app-accordion.json +24 -0
- package/assets/r/app-dialog.json +25 -0
- package/assets/r/app-header-bar.json +28 -0
- package/assets/r/app-sidebar.json +27 -0
- package/assets/r/avatar.json +24 -0
- package/assets/r/badge.json +24 -0
- package/assets/r/breadcrumb.json +24 -0
- package/assets/r/button-group.json +27 -0
- package/assets/r/calendar.json +27 -0
- package/assets/r/card.json +24 -0
- package/assets/r/chart.json +24 -0
- package/assets/r/checkbox.json +24 -0
- package/assets/r/combobox.json +26 -0
- package/assets/r/command.json +24 -0
- package/assets/r/counter-badge.json +24 -0
- package/assets/r/date-picker.json +29 -0
- package/assets/r/dialog.json +24 -0
- package/assets/r/dropdown-menu.json +24 -0
- package/assets/r/empty.json +24 -0
- package/assets/r/feature-card.json +22 -0
- package/assets/r/header-bar.json +26 -0
- package/assets/r/input.json +22 -0
- package/assets/r/label.json +25 -0
- package/assets/r/logo.json +130 -0
- package/assets/r/menubar.json +24 -0
- package/assets/r/navigation-menu.json +25 -0
- package/assets/r/pagination.json +27 -0
- package/assets/r/popover.json +24 -0
- package/assets/r/profile-card.json +25 -0
- package/assets/r/progress.json +24 -0
- package/assets/r/radio-group.json +24 -0
- package/assets/r/registry.json +1168 -0
- package/assets/r/scroll-area.json +24 -0
- package/assets/r/searchbox.json +22 -0
- package/assets/r/select.json +24 -0
- package/assets/r/separator.json +24 -0
- package/assets/r/sheet.json +25 -0
- package/assets/r/sidebar.json +33 -0
- package/assets/r/skeleton.json +24 -0
- package/assets/r/slider.json +24 -0
- package/assets/r/snippet.json +24 -0
- package/assets/r/spinner.json +25 -0
- package/assets/r/status-dot.json +24 -0
- package/assets/r/switch.json +24 -0
- package/assets/r/table.json +24 -0
- package/assets/r/tabs.json +24 -0
- package/assets/r/tag.json +24 -0
- package/assets/r/textarea.json +22 -0
- package/assets/r/tooltip.json +24 -0
- package/assets/r/tree.json +22 -0
- package/assets/theme/lexy-theme.css +3 -0
- package/dist/index.js +36 -36
- package/package.json +1 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "tooltip",
|
|
4
|
+
"type": "registry:ui",
|
|
5
|
+
"title": "Tooltip",
|
|
6
|
+
"description": "Etiqueta breve que aparece al pasar el cursor o enfocar (Radix). Para **ayuda complementaria**, nunca para información esencial. El componente vive en tu proyecto: instálalo con `create-lexy add tooltip` y edítalo con libertad.",
|
|
7
|
+
"dependencies": [
|
|
8
|
+
"@radix-ui/react-tooltip"
|
|
9
|
+
],
|
|
10
|
+
"registryDependencies": [],
|
|
11
|
+
"files": [
|
|
12
|
+
{
|
|
13
|
+
"path": "components/base/Tooltip.tsx",
|
|
14
|
+
"type": "registry:ui",
|
|
15
|
+
"content": "import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\nconst Tooltip = TooltipPrimitive.Root;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 overflow-hidden rounded bg-foreground px-3 py-1.5 text-xs text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className,\n )}\n {...props}\n />\n </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"path": "components/base/Tooltip.md",
|
|
19
|
+
"type": "registry:file",
|
|
20
|
+
"target": "components/base/Tooltip.md",
|
|
21
|
+
"content": "# Tooltip — guía de uso\n\nEtiqueta breve que aparece al pasar el cursor o enfocar (Radix). Para **ayuda complementaria**, nunca para información esencial. El componente vive en tu proyecto: instálalo con `create-lexy add tooltip` y edítalo con libertad.\n\n## Import\n\n```tsx\nimport {\n Tooltip, TooltipTrigger, TooltipContent, TooltipProvider,\n} from \"@/components/base/Tooltip\";\n```\n\n## Uso básico\n\nEnvuelve la app (o la zona) una vez con `TooltipProvider`:\n\n```tsx\n<TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <Button size=\"icon\" aria-label=\"Archivar\"><Archive /></Button>\n </TooltipTrigger>\n <TooltipContent>Archivar conversación</TooltipContent>\n </Tooltip>\n</TooltipProvider>\n```\n\n## Props (esenciales)\n\n| Parte | Prop | Default | Descripción |\n|---|---|---|---|\n| `TooltipProvider` | `delayDuration` | `700` | Retardo antes de mostrar. |\n| `TooltipTrigger` | `asChild` | — | Usa tu propio elemento como disparador. |\n| `TooltipContent` | `side` | `\"top\"` | Lado: `top`/`right`/`bottom`/`left`. |\n| `TooltipContent` | `sideOffset` | `4` | Separación del trigger. |\n\n## Reglas\n\n- El contenido es **complementario**: la interfaz debe entenderse sin leerlo.\n- En botones solo-icono, el tooltip **no** reemplaza al `aria-label`: pon ambos.\n- Usa `asChild` en el trigger para no anidar botones.\n- Texto corto; no metas párrafos ni acciones dentro del tooltip.\n- Coloca un `TooltipProvider` arriba en el árbol; no anides uno por tooltip.\n\n## Cuándo NO usar\n\n- **Información necesaria para decidir o actuar** → muéstrala en pantalla (texto de ayuda, `Label`, descripción).\n- **Contenido rico o interactivo** (links, botones, formularios) → `Popover`.\n- **Mensajes de error de formulario** → texto bajo el campo con `aria-describedby`.\n\n## Para IA\n\n1. Pregúntate si el dato es prescindible; si es necesario, NO uses tooltip.\n2. Envuelve con un `TooltipProvider` (una vez por zona).\n3. Usa `TooltipTrigger asChild` sobre el control real.\n4. En iconos, mantén `aria-label` además del tooltip.\n5. Si necesitas contenido interactivo, cambia a `Popover`.\n"
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "tree",
|
|
4
|
+
"type": "registry:ui",
|
|
5
|
+
"title": "Tree",
|
|
6
|
+
"description": "Árbol jerárquico. Para navegación en profundidad. El componente vive en tu proyecto: instálalo con `create-lexy add tree` y edítalo con libertad.",
|
|
7
|
+
"dependencies": [],
|
|
8
|
+
"registryDependencies": [],
|
|
9
|
+
"files": [
|
|
10
|
+
{
|
|
11
|
+
"path": "components/base/Tree.tsx",
|
|
12
|
+
"type": "registry:ui",
|
|
13
|
+
"content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst DepthCtx = React.createContext(0);\n\nconst svgProps = {\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"2\",\n strokeLinecap: \"round\" as const,\n strokeLinejoin: \"round\" as const,\n};\n\nexport interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function Tree({ className, ...props }: TreeProps) {\n return (\n <div\n role='tree'\n className={cn(\n \"w-full rounded-lg border border-border bg-background p-1\",\n className,\n )}\n {...props}\n />\n );\n}\n\nexport interface TreeItemProps extends React.HTMLAttributes<HTMLDivElement> {\n label: React.ReactNode;\n kind?: \"folder\" | \"file\";\n defaultExpanded?: boolean;\n /** Sub-ítems anidados (solo tiene efecto en kind=\"folder\"). */\n children?: React.ReactNode;\n}\n\nconst TreeItem = React.forwardRef<HTMLDivElement, TreeItemProps>(\n function TreeItem(\n { label, kind = \"file\", defaultExpanded = false, children, className, ...props },\n ref,\n ) {\n const depth = React.useContext(DepthCtx);\n const [expanded, setExpanded] = React.useState(defaultExpanded);\n const isFolder = kind === \"folder\";\n const hasChildren = Boolean(children);\n\n return (\n <div\n ref={ref}\n role='treeitem'\n aria-expanded={isFolder ? expanded : undefined}\n className={className}\n {...props}>\n <div\n onClick={() => isFolder && setExpanded((value) => !value)}\n style={{ paddingLeft: depth * 16 + 8 }}\n className={cn(\n \"flex h-8 items-center gap-1.5 rounded pr-2 text-sm text-foreground transition-colors hover:bg-primary/15 hover:text-primary\",\n isFolder && \"cursor-pointer\",\n )}>\n {isFolder ? (\n <>\n <svg\n className={cn(\n \"h-4 w-4 flex-shrink-0 text-muted-foreground transition-transform\",\n expanded && \"rotate-90\",\n )}\n {...svgProps}>\n <path d='m9 18 6-6-6-6' />\n </svg>\n {expanded ? (\n <svg className='h-4 w-4 flex-shrink-0 text-primary' {...svgProps}>\n <path d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' />\n </svg>\n ) : (\n <svg className='h-4 w-4 flex-shrink-0 text-primary' {...svgProps}>\n <path d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' />\n </svg>\n )}\n </>\n ) : (\n <>\n <span className='w-4 flex-shrink-0' />\n <svg\n className='h-4 w-4 flex-shrink-0 text-muted-foreground'\n {...svgProps}>\n <path d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' />\n <path d='M14 2v4a2 2 0 0 0 2 2h4' />\n </svg>\n </>\n )}\n <span className='truncate'>{label}</span>\n </div>\n {isFolder && expanded && hasChildren && (\n <DepthCtx.Provider value={depth + 1}>\n <div role='group'>{children}</div>\n </DepthCtx.Provider>\n )}\n </div>\n );\n },\n);\n\nTree.Item = TreeItem;\n\nexport { TreeItem };\n"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"path": "components/base/Tree.md",
|
|
17
|
+
"type": "registry:file",
|
|
18
|
+
"target": "components/base/Tree.md",
|
|
19
|
+
"content": "# Tree — guía de uso\n\nÁrbol jerárquico. Para navegación en profundidad. El componente vive en tu proyecto: instálalo con `create-lexy add tree` y edítalo con libertad.\n\n## Import\n\n```tsx\nimport { Tree } from \"@/components/base/Tree\";\n```\n\n## Uso básico\n\n```tsx\n<Tree />\n```\n\n## Props\n\nConsulta la story en Storybook para ver las props disponibles.\n\n## Reglas\n\n- Usa Tree según el propósito descrito.\n- No abuses de este componente en contexts donde no aplica.\n\n## Para IA\n\n1. Identifica el contexto de uso del componente.\n2. Importa Tree desde el path correcto.\n3. Configura las props según la necesidad.\n4. Verifica que el componente se integre correctamente en el layout.\n5. Solo usa variantes documentadas.\n"
|
|
20
|
+
}
|
|
21
|
+
]
|
|
22
|
+
}
|
|
@@ -55,6 +55,9 @@
|
|
|
55
55
|
--color-muted: #f5f5f5; /* Fluent NeutralBackground3 */
|
|
56
56
|
--color-muted-foreground: #616161; /* Fluent NeutralForeground3 */
|
|
57
57
|
|
|
58
|
+
/* ── Marca ── */
|
|
59
|
+
--color-brand-navy: #0b013c; /* navy/ink del wordmark Lexy (HeaderBar surface navy) */
|
|
60
|
+
|
|
58
61
|
/* ── Bordes y foco ── */
|
|
59
62
|
--color-border: #d1d1d1; /* Fluent NeutralStroke1 */
|
|
60
63
|
--color-input: #d1d1d1;
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
import{readFileSync as
|
|
3
|
-
`)};import
|
|
2
|
+
import{readFileSync as lt}from"fs";import je from"path";import{fileURLToPath as dt}from"url";import{Command as mt}from"commander";import pt from"picocolors";import{spawn as Te}from"child_process";import W from"fs/promises";import G from"path";import{confirm as Fe,isCancel as Se,spinner as me}from"@clack/prompts";import h from"picocolors";import te from"path";var $e=(e,t)=>t.architecture!=="feature"?e:e.replace(/from ["']@\/lib\/utils\/cn["']/g,'from "@/shared/lib/utils/cn"'),oe="components/base/",$=(e,t)=>e.files.filter(o=>typeof o.content=="string").map(o=>({relPath:te.posix.join(t.paths.components,o.path.startsWith(oe)?o.path.slice(oe.length):te.posix.basename(o.path)),content:$e(o.content,t)}));import re from"fs/promises";import Pe from"path";var ne=e=>Pe.join(e,".lexy"),I=async e=>{let t;try{t=await re.readFile(ne(e),"utf-8")}catch{throw new Error("No se encontr\xF3 el archivo .lexy. \xBFEst\xE1s en la ra\xEDz de un proyecto Lexy? (cr\xE9alo con `npx create-lexy create`)")}let o=JSON.parse(t);if(!o.paths?.components)throw new Error("El .lexy no tiene paths.components \u2014 archivo corrupto o de una versi\xF3n incompatible.");return o.installed??={},o},se=async(e,t)=>{await re.writeFile(ne(e),JSON.stringify(t,null,2)+`
|
|
3
|
+
`)};import k from"fs/promises";import Ce from"os";import P from"path";import{fileURLToPath as Ie}from"url";var ie="@lexydesign/registry",D=`https://cdn.jsdelivr.net/npm/${ie}`,Ee=8e3,H=P.resolve(P.dirname(Ie(import.meta.url)),"../assets"),Le=P.join(Ce.homedir(),".cache","create-lexy","registry"),U=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(Ee)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return await t.json()},ae=async e=>{try{return JSON.parse(await k.readFile(P.join(H,"r",e),"utf-8"))}catch{return null}},Y=async()=>{try{return(await k.readFile(P.join(H,"registry-version"),"utf-8")).trim()}catch{return"bundle"}},A=null,q=async()=>{if(A)return A;try{A=(await U(`https://registry.npmjs.org/${ie}/latest`)).version}catch{try{A=(await U(`${D}@latest/package.json`)).version}catch{A=await Y()}}return A},x=async(e,t)=>{let o=t??await q(),r=P.join(Le,o,`${e}.json`);try{return{item:JSON.parse(await k.readFile(r,"utf-8")),version:o,source:"cache"}}catch{}try{let n=await U(`${D}@${o}/r/${e}.json`);return await k.mkdir(P.dirname(r),{recursive:!0}),await k.writeFile(r,JSON.stringify(n)),{item:n,version:o,source:"cdn"}}catch(n){if(n.status===404)throw new Error(`El componente "${e}" no existe en el registry (versi\xF3n ${o}). Mira el cat\xE1logo con \`create-lexy view --list\`.`);let s=await ae(`${e}.json`);if(s)return{item:s,version:await Y(),source:"bundle"};throw new Error(`No se pudo alcanzar el registry (\xBFsin red?) y "${e}" tampoco est\xE1 en el bundle local del CLI.`)}},ce=async()=>{try{let e=await q();return{index:await U(`${D}@${e}/r/registry.json`),version:e,source:"cdn"}}catch{let e=await ae("registry.json");if(e)return{index:e,version:await Y(),source:"bundle"};throw new Error("No se pudo alcanzar el registry ni leer el bundle local del CLI.")}},le=P.join(H,"theme/lexy-theme.css"),de=P.join(H,"fonts");var Ne=(e,t)=>new Promise((o,r)=>{Te("pnpm",["add",...e],{cwd:t,stdio:"ignore",shell:!0}).on("close",s=>s===0?o():r(new Error(`pnpm add fall\xF3 con c\xF3digo ${s}`)))}),Ae=async e=>{try{return await W.readFile(e,"utf-8")}catch{return null}},pe=async(e,t)=>{let o=process.cwd(),r=await I(o),n=me();n.start("Resolviendo componentes en el registry...");let s=new Map,i=async a=>{let l=a.toLowerCase();if(s.has(l))return;let u=await x(l);s.set(l,u);for(let v of u.item.registryDependencies??[])await i(v)};try{for(let a of e)await i(a)}catch(a){throw n.stop(h.red("No se pudo resolver el pedido.")),a}let d=new Map;for(let[a,{item:l}]of s){let u=[];for(let v of $(l,r)){let C=await Ae(G.join(o,v.relPath));u.push({...v,status:C===null?"new":C===v.content?"same":"differs"})}d.set(a,u)}let c=Array.from(d.values()).flat().filter(a=>a.status==="differs");if(n.stop(`Resueltos: ${Array.from(s.keys()).join(", ")}`),c.length>0&&!t.overwrite){let a=c.map(l=>` ${l.relPath}`).join(`
|
|
4
4
|
`);if(process.stdout.isTTY&&process.stdin.isTTY){let l=await Fe({message:`Estos archivos existen con cambios locales y ser\xE1n sobrescritos:
|
|
5
5
|
${a}
|
|
6
|
-
\xBFContinuar?`});if(
|
|
7
|
-
`)+a+
|
|
8
|
-
Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]of d){let{item:
|
|
6
|
+
\xBFContinuar?`});if(Se(l)||l!==!0){console.log(h.yellow("Operaci\xF3n cancelada \u2014 nada fue modificado.")),process.exitCode=1;return}}else{console.error(h.red(`Estos archivos existen con cambios locales:
|
|
7
|
+
`)+a+h.dim(`
|
|
8
|
+
Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]of d){let{item:u,version:v,source:C}=s.get(a);for(let y of l){if(y.status==="same")continue;let j=G.join(o,y.relPath);await W.mkdir(G.dirname(j),{recursive:!0}),await W.writeFile(j,y.content)}r.installed[u.name]=v;let J=e.map(y=>y.toLowerCase()).includes(a)?"":h.dim(" (dependencia)"),R=C==="bundle"?h.yellow(" [bundle local \u2014 sin red]"):"";console.log(h.green(`${h.bold(u.title??u.name)} instalado`)+J+h.cyan(` \u2192 ${r.paths.components}/`)+R);for(let y of l){let j=y.status==="same"?h.dim(" (sin cambios)"):"";console.log(h.dim(` ${y.relPath}${j}`))}}await se(o,r);let m=new Set;for(let{item:a}of s.values())for(let l of a.dependencies??[])m.add(l);let p=JSON.parse(await W.readFile(G.join(o,"package.json"),"utf-8")),g={...p.dependencies,...p.devDependencies},z=a=>{let l=a.lastIndexOf("@");return l>0?a.slice(0,l):a},f=Array.from(m).filter(a=>!g[z(a)]);if(f.length>0)if(t.install===!1)console.log(h.yellow(`Dependencias pendientes (inst\xE1lalas t\xFA): ${f.join(", ")}`));else{let a=me();a.start(`Instalando dependencias: ${f.join(", ")}...`),await Ne(f,o),a.stop("Dependencias instaladas.")}};import{spawn as Ze}from"child_process";import{note as et,outro as tt,spinner as ot}from"@clack/prompts";import T from"picocolors";import{cancel as Oe,intro as Re,isCancel as ke,select as fe,text as De}from"@clack/prompts";import ue from"picocolors";var Me=`
|
|
9
9
|
###### ######
|
|
10
10
|
##::+#### ####+::##
|
|
11
11
|
#-..:+################+:..:#
|
|
@@ -20,8 +20,8 @@ Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]
|
|
|
20
20
|
...........:====:...........
|
|
21
21
|
......................
|
|
22
22
|
..............
|
|
23
|
-
`,X=e=>{ke(e)&&(
|
|
24
|
-
${
|
|
23
|
+
`,X=e=>{ke(e)&&(Oe("Operaci\xF3n cancelada por el usuario."),process.exit(0))},ge=async e=>{console.clear(),Re(`${ue.cyan(Me)}
|
|
24
|
+
${ue.bold(" Bienvenido al generador de proyectos Lexy")}`);let t=e;if(!t){let n=await De({message:"\xBFCu\xE1l es el nombre de tu proyecto?",placeholder:"lexy-app",validate:s=>{if(!s||s.trim()==="")return"El nombre es obligatorio.";if(!/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(s))return"El nombre debe estar en min\xFAsculas, sin espacios ni caracteres especiales."}});X(n),t=n}let o=await fe({message:"\xBFPara qu\xE9 mundo es este proyecto?",options:[{label:"Cliente",value:"cliente",hint:"Producto de cara al cliente final"},{label:"CRM / equipo interno",value:"crm",hint:"Herramienta densa para el equipo Lexy"},{label:"Mixto",value:"mixto",hint:"Ambos o a\xFAn sin definir"}],initialValue:"mixto"});X(o);let r=await fe({message:"\xBFQu\xE9 tipo de arquitectura utilizar\xE1 este proyecto?",options:[{label:"Por Feature",value:"feature",hint:"Recomendado para apps escalables"},{label:"Por Capas",value:"layer",hint:"Cl\xE1sica"}],initialValue:"feature"});return X(r),{projectName:t,architecture:r,world:o}};import E from"fs/promises";import L from"path";var _e={feature:["src/app","src/features","src/shared/assets","src/shared/components/base","src/shared/hooks","src/shared/services","src/shared/lib","src/shared/types"],layer:["src/assets","src/components/base","src/hooks","src/services","src/lib","src/types","src/views","src/stores"]},Ve=e=>JSON.stringify({name:e.projectName,private:!0,version:"0.0.0",type:"module",scripts:{dev:"vite",build:"tsc -b && vite build",preview:"vite preview"},dependencies:{clsx:"^2.1.1",react:"^19.2.6","react-dom":"^19.2.6","tailwind-merge":"^3.3.1"},devDependencies:{"@tailwindcss/vite":"^4.3.0","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1",tailwindcss:"^4.3.0",typescript:"~5.9.3",vite:"^8.0.12"}},null,2)+`
|
|
25
25
|
`,ze=`import path from "node:path";
|
|
26
26
|
import { defineConfig } from "vite";
|
|
27
27
|
import react from "@vitejs/plugin-react";
|
|
@@ -35,14 +35,14 @@ export default defineConfig({
|
|
|
35
35
|
},
|
|
36
36
|
},
|
|
37
37
|
});
|
|
38
|
-
`,
|
|
38
|
+
`,Je=`{
|
|
39
39
|
"files": [],
|
|
40
40
|
"references": [
|
|
41
41
|
{ "path": "./tsconfig.app.json" },
|
|
42
42
|
{ "path": "./tsconfig.node.json" }
|
|
43
43
|
]
|
|
44
44
|
}
|
|
45
|
-
`,
|
|
45
|
+
`,Ue=`{
|
|
46
46
|
"compilerOptions": {
|
|
47
47
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
|
48
48
|
"target": "ES2022",
|
|
@@ -66,7 +66,7 @@ export default defineConfig({
|
|
|
66
66
|
},
|
|
67
67
|
"include": ["src"]
|
|
68
68
|
}
|
|
69
|
-
`,
|
|
69
|
+
`,He=`{
|
|
70
70
|
"compilerOptions": {
|
|
71
71
|
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
|
72
72
|
"target": "ES2023",
|
|
@@ -83,7 +83,7 @@ export default defineConfig({
|
|
|
83
83
|
},
|
|
84
84
|
"include": ["vite.config.ts"]
|
|
85
85
|
}
|
|
86
|
-
`,
|
|
86
|
+
`,qe=e=>`<!doctype html>
|
|
87
87
|
<html lang="es">
|
|
88
88
|
<head>
|
|
89
89
|
<meta charset="UTF-8" />
|
|
@@ -95,9 +95,9 @@ export default defineConfig({
|
|
|
95
95
|
<script type="module" src="/src/main.tsx"></script>
|
|
96
96
|
</body>
|
|
97
97
|
</html>
|
|
98
|
-
`,
|
|
98
|
+
`,Ge=`@import "tailwindcss";
|
|
99
99
|
@import "./lexy-theme.css";
|
|
100
|
-
`,
|
|
100
|
+
`,We=e=>`import { StrictMode } from "react";
|
|
101
101
|
import { createRoot } from "react-dom/client";
|
|
102
102
|
import "./index.css";
|
|
103
103
|
import { App } from "${e.architecture==="feature"?"./app/App":"./views/App"}";
|
|
@@ -107,7 +107,7 @@ createRoot(document.getElementById("root")!).render(
|
|
|
107
107
|
<App />
|
|
108
108
|
</StrictMode>,
|
|
109
109
|
);
|
|
110
|
-
`,
|
|
110
|
+
`,Be=`export const App = () => {
|
|
111
111
|
return (
|
|
112
112
|
<main className="flex min-h-screen items-center justify-center bg-background text-foreground">
|
|
113
113
|
<div className="text-center">
|
|
@@ -119,17 +119,17 @@ createRoot(document.getElementById("root")!).render(
|
|
|
119
119
|
</main>
|
|
120
120
|
);
|
|
121
121
|
};
|
|
122
|
-
`,
|
|
122
|
+
`,Ye=`import { clsx, type ClassValue } from "clsx";
|
|
123
123
|
import { twMerge } from "tailwind-merge";
|
|
124
124
|
|
|
125
125
|
export function cn(...inputs: ClassValue[]) {
|
|
126
126
|
return twMerge(clsx(inputs));
|
|
127
127
|
}
|
|
128
|
-
`,
|
|
128
|
+
`,Xe=`node_modules/
|
|
129
129
|
dist/
|
|
130
130
|
*.log
|
|
131
131
|
.env
|
|
132
|
-
`,
|
|
132
|
+
`,Ke=e=>`# ${e.projectName}
|
|
133
133
|
|
|
134
134
|
Proyecto Lexy (React + Vite + TS + theme Lexy). Los componentes viven en tu proyecto: m\xEDralos con \`view\`, inst\xE1lalos con \`add\`, ed\xEDtalos con libertad.
|
|
135
135
|
|
|
@@ -139,30 +139,30 @@ npx create-lexy view button # ver un componente antes de instalarlo
|
|
|
139
139
|
npx create-lexy add button # instalarlo (local y editable)
|
|
140
140
|
npx create-lexy doctor # divergencia con el registry
|
|
141
141
|
\`\`\`
|
|
142
|
-
`,
|
|
143
|
-
`),await
|
|
142
|
+
`,Qe=e=>{let t=e.architecture==="feature";return{version:"2.0.0",generatedAt:new Date().toISOString(),architecture:e.architecture,world:e.world,registry:{package:"@lexydesign/registry",cdn:D},componentImportPattern:t?"@/shared/components/base/{Component}":"@/components/base/{Component}",paths:{components:t?"src/shared/components/base":"src/components/base",hooks:t?"src/shared/hooks":"src/hooks",services:t?"src/shared/services":"src/services",lib:t?"src/shared/lib":"src/lib",views:t?"src/features":"src/views"},installed:{}}},ye=async(e,t)=>{let o=["package.json","src","index.html",".lexy"],r=[];for(let c of o)try{await E.access(L.join(t,c)),r.push(c)}catch{}if(r.length>0)throw new Error(`El directorio actual ya contiene archivos de un proyecto (${r.join(", ")}). Ejecuta el comando dentro de una carpeta vac\xEDa.`);for(let c of _e[e.architecture])await E.mkdir(L.join(t,c),{recursive:!0});let n=(c,m)=>E.writeFile(L.join(t,c),m);await n("package.json",Ve(e)),await n("vite.config.ts",ze),await n("tsconfig.json",Je),await n("tsconfig.app.json",Ue),await n("tsconfig.node.json",He),await n("index.html",qe(e)),await n(".gitignore",Xe),await n("README.md",Ke(e)),await n("src/index.css",Ge),await n("src/main.tsx",We(e));let s=e.architecture==="feature"?"src/app":"src/views";await n(`${s}/App.tsx`,Be);let i=Qe(e);await n(".lexy",JSON.stringify(i,null,2)+`
|
|
143
|
+
`),await E.copyFile(le,L.join(t,"src/lexy-theme.css")),await E.mkdir(L.join(t,"public/fonts"),{recursive:!0}),await E.cp(de,L.join(t,"public/fonts"),{recursive:!0});let d=L.join(t,i.paths.lib,"utils");await E.mkdir(d,{recursive:!0}),await E.writeFile(L.join(d,"cn.ts"),Ye)};var rt=["feature","layer"],nt=["cliente","crm","mixto"],st=e=>new Promise((t,o)=>{Ze("pnpm",["install"],{cwd:e,stdio:"ignore",shell:!0}).on("close",n=>n===0?t():o(new Error(`pnpm install fall\xF3 con c\xF3digo ${n}`)))}),he=async(e,t)=>{let o;!!(e&&t.type)?(rt.includes(t.type)||(console.error(T.red(`Error: la arquitectura "${t.type}" no es v\xE1lida. Usa "feature" o "layer".`)),process.exit(1)),t.world&&!nt.includes(t.world)&&(console.error(T.red(`Error: el mundo "${t.world}" no es v\xE1lido. Usa "cliente", "crm" o "mixto".`)),process.exit(1)),o={projectName:e,architecture:t.type,world:t.world??"mixto"},console.log(T.blue("Modo automatizado detectado. Saltando interfaz interactiva..."))):o=await ge(e),et(`Nombre: ${o.projectName}
|
|
144
144
|
Arquitectura: ${o.architecture}
|
|
145
|
-
Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto");let n=
|
|
145
|
+
Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto");let n=ot();n.start("Construyendo tu proyecto...");let s=process.cwd();try{await ye(o,s)}catch(i){throw n.stop(T.red("No se pudo crear el proyecto.")),i}t.install!==!1&&(n.message("Instalando dependencias base..."),await st(s)),n.stop("\xA1Proyecto construido con \xE9xito!"),tt(T.green(`Todo listo en el directorio actual
|
|
146
146
|
|
|
147
|
-
`)+
|
|
148
|
-
`)+
|
|
149
|
-
`)+
|
|
147
|
+
`)+T.dim(`Siguientes pasos:
|
|
148
|
+
`)+T.cyan(` pnpm dev
|
|
149
|
+
`)+T.cyan(" npx create-lexy add button"))};import it from"fs/promises";import at from"path";import F from"picocolors";import K from"picocolors";var M=(e,t)=>{let o=e.split(`
|
|
150
150
|
`),r=t.split(`
|
|
151
|
-
`),n=o.length,s=r.length,i=Array.from({length:n+1},()=>new Array(s+1).fill(0));for(let
|
|
152
|
-
`)};var
|
|
153
|
-
${n.title??r}`)+
|
|
154
|
-
`));let d=!1;for(let c of
|
|
151
|
+
`),n=o.length,s=r.length,i=Array.from({length:n+1},()=>new Array(s+1).fill(0));for(let p=n-1;p>=0;p--)for(let g=s-1;g>=0;g--)i[p][g]=o[p]===r[g]?i[p+1][g+1]+1:Math.max(i[p+1][g],i[p][g+1]);let d=[],c=0,m=0;for(;c<n&&m<s;)o[c]===r[m]?(d.push({type:"same",text:o[c]}),c++,m++):i[c+1][m]>=i[c][m+1]?d.push({type:"del",text:o[c++]}):d.push({type:"add",text:r[m++]});for(;c<n;)d.push({type:"del",text:o[c++]});for(;m<s;)d.push({type:"add",text:r[m++]});return d},B=e=>e.some(t=>t.type!=="same"),xe=(e,t=3)=>{if(!B(e))return null;let o=new Array(e.length).fill(!1);e.forEach((s,i)=>{if(s.type!=="same")for(let d=Math.max(0,i-t);d<=Math.min(e.length-1,i+t);d++)o[d]=!0});let r=[],n=!1;for(let s=0;s<e.length;s++){if(!o[s]){n||(r.push(K.dim(" \u22EF")),n=!0);continue}n=!1;let i=e[s];i.type==="same"?r.push(` ${i.text}`):i.type==="del"?r.push(K.red(`- ${i.text}`)):r.push(K.green(`+ ${i.text}`))}return r.join(`
|
|
152
|
+
`)};var we=async e=>{let t=process.cwd(),o=await I(t),r=e.toLowerCase(),{item:n,version:s}=await x(r),i=o.installed[r];console.log(F.bold(`
|
|
153
|
+
${n.title??r}`)+F.dim(` \xB7 instalado con registry@${i??"?"} \xB7 vigente registry@${s}
|
|
154
|
+
`));let d=!1;for(let c of $(n,o)){let m=await it.readFile(at.join(t,c.relPath),"utf-8").catch(()=>null);if(m===null){console.log(F.red(`\u2717 ${c.relPath} no existe localmente`)+F.dim(` \u2014 cr\xE9alo con \`create-lexy add ${r}\``)),d=!0;continue}let p=xe(M(m,c.content));p===null?console.log(F.green(`\u2713 ${c.relPath}`)+F.dim(" sin diferencias")):(d=!0,console.log(F.yellow(`\xB1 ${c.relPath}`)+F.dim(" (\u2212 local \xB7 + registry)")),console.log(p))}d&&(process.exitCode=1)};import O from"fs/promises";import S from"path";import b from"picocolors";var ve=async e=>{let t=process.cwd(),o=0,r=f=>console.log(b.green(" \u2713 ")+f),n=f=>console.log(b.yellow(" \u2022 ")+f),s=(f,a)=>{o=1,console.log(b.red(" \u2717 ")+f),a&&console.log(b.dim(` \u2192 ${a}`))};console.log(b.bold(`
|
|
155
155
|
Diagn\xF3stico del proyecto Lexy
|
|
156
|
-
`));let i;try{i=await
|
|
157
|
-
Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let
|
|
158
|
-
Componentes instalados (registry vigente: ${
|
|
159
|
-
`));for(let[l
|
|
156
|
+
`));let i;try{i=await I(t),r(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(f){return s(f.message),1}await O.access(S.join(t,"src/lexy-theme.css")).then(()=>!0,()=>!1)?r("theme presente (src/lexy-theme.css)"):s("falta src/lexy-theme.css","re-cr\xE9alo desde un proyecto nuevo o copia el theme del registry");let c=S.join(i.paths.lib,"utils/cn.ts");await O.access(S.join(t,c)).then(()=>!0,()=>!1)?r(`helper cn presente (${c})`):s(`falta el helper cn (${c})`);let p=S.join(t,"ai/lexy-ai-manifest.json"),g=await O.readFile(p,"utf-8").catch(()=>null);if(g===null)console.log(b.dim(" \xB7 capa de IA no instalada (npx @lexydesign/ai install) \u2014 opcional"));else try{let f=JSON.parse(g),a=f.files??[],l=[];for(let u of a)await O.access(S.join(t,u)).then(()=>!0,()=>!1)||l.push(u);l.length>0?s(`capa de IA ${f.aiVersion??"?"} incompleta \u2014 faltan ${l.length} archivo(s) (${l.slice(0,3).join(", ")}${l.length>3?", \u2026":""})`,"npx @lexydesign/ai install"):r(`capa de IA ${f.aiVersion??"?"} completa (${a.length} archivos)`)}catch{s("ai/lexy-ai-manifest.json no es JSON v\xE1lido","regenera con `npx @lexydesign/ai install`")}let z=Object.entries(i.installed);if(z.length===0)console.log(b.dim(`
|
|
157
|
+
Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let f=await q();console.log(b.bold(`
|
|
158
|
+
Componentes instalados (registry vigente: ${f})
|
|
159
|
+
`));for(let[a,l]of z){let u;try{u=await x(a)}catch(y){s(`${a}: ${y.message}`);continue}let v=$(u.item,i),C=[],J=!1;for(let y of v){let j=await O.readFile(S.join(t,y.relPath),"utf-8").catch(()=>null);j===null?C.push(y.relPath):B(M(j,y.content))&&(J=!0)}if(C.length>0){s(`${a}: archivos faltantes (${C.join(", ")})`,`create-lexy add ${a}`);continue}if(!J){r(`${a} al d\xEDa (${u.version})`);continue}let R=!0;if(l&&l!==u.version)try{let y=await x(a,l),j=$(y.item,i);R=!1;for(let Z of j){let ee=await O.readFile(S.join(t,Z.relPath),"utf-8").catch(()=>null);(ee===null||B(M(ee,Z.content)))&&(R=!0)}}catch{}R?e.strict?s(`${a}: editado localmente (difiere del registry vigente)`,`create-lexy diff ${a}`):n(`${a}: editado localmente \u2014 divergencia deliberada (m\xEDrala con \`create-lexy diff ${a}\`)`):s(`${a}: desactualizado (instalado con ${l}, vigente ${u.version})`,`create-lexy diff ${a} \xB7 create-lexy add ${a} --overwrite`)}}return console.log(o===0?b.green(`
|
|
160
160
|
Todo en orden.
|
|
161
161
|
`):b.red(`
|
|
162
162
|
Hay problemas que atender (exit 1).
|
|
163
|
-
`)),o};import
|
|
163
|
+
`)),o};import ct from"fs/promises";import Q from"path";import w from"picocolors";var _=e=>console.log(w.bold(w.cyan(`
|
|
164
164
|
\u2500\u2500 ${e} \u2500\u2500
|
|
165
|
-
`))),
|
|
166
|
-
${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),d=await
|
|
167
|
-
`),console.log(
|
|
168
|
-
Error: `)+t.message),process.exit(1)}};N.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(
|
|
165
|
+
`))),be=async(e,t)=>{if(t.list||!e){let{index:i,version:d,source:c}=await ce();_(`Cat\xE1logo Lexy \xB7 @lexydesign/registry@${d}${c==="bundle"?" (bundle local)":""}`);for(let m of i.items)console.log(` ${w.bold(m.name.padEnd(20))} ${w.dim(m.description??"")}`);console.log(w.dim(`
|
|
166
|
+
${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),d=await I(i),c=d.installed[o];if(!c){console.error(w.red(`"${o}" no figura como instalado en .lexy. Inst\xE1lalo con \`create-lexy add ${o}\`.`)),process.exitCode=1;return}let{item:m}=await x(o,c).catch(()=>x(o));_(`${m.title??o} \xB7 copia local (instalado con registry@${c})`);for(let p of $(m,d)){let g=await ct.readFile(Q.join(i,p.relPath),"utf-8").catch(()=>null);_(g===null?`${p.relPath} (FALTANTE)`:p.relPath),g!==null&&console.log(g)}return}let{item:r,version:n,source:s}=await x(o);_(`${r.title??r.name} \xB7 @lexydesign/registry@${n}${s==="bundle"?" (bundle local)":""}`),r.description&&console.log(r.description+`
|
|
167
|
+
`),console.log(w.dim("tipo: ")+r.type),console.log(w.dim("deps npm: ")+((r.dependencies??[]).join(", ")||"\u2014")),console.log(w.dim("deps registry: ")+((r.registryDependencies??[]).join(", ")||"\u2014")),console.log(w.dim("archivos: ")+r.files.map(i=>Q.posix.basename(i.path)).join(", ")),console.log(w.dim("instalar: ")+`create-lexy add ${r.name}`);for(let i of r.files)typeof i.content=="string"&&(_(Q.posix.basename(i.path)),console.log(i.content))};var ft=je.dirname(dt(import.meta.url)),ut=JSON.parse(lt(je.join(ft,"../package.json"),"utf-8")),N=new mt,V=e=>async()=>{try{await e()}catch(t){console.error(pt.red(`
|
|
168
|
+
Error: `)+t.message),process.exit(1)}};N.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(ut.version);N.command("create",{isDefault:!0}).alias("init").description("Crea un proyecto Lexy vac\xEDo (React + Vite + TS + theme); los componentes llegan con `add`").argument("[project-name]","Nombre del proyecto").option("-t, --type <architecture>","Arquitectura (feature o layer) \u2014 activa el modo no interactivo").option("-w, --world <world>","Mundo de dise\xF1o (cliente, crm o mixto)").option("--no-install","No correr pnpm install al final").action((e,t)=>V(()=>he(e,t))());N.command("add").description("Instala componentes del registry en tu proyecto (local y editable), con sus dependencias").argument("<components...>","Nombres en el registry (ej: button card)").option("--overwrite","Sobrescribir copias locales con cambios sin preguntar").option("--no-install","No instalar dependencias npm").action((e,t)=>V(()=>pe(e,t))());N.command("view").description("Muestra c\xF3digo + doc + metadata de un componente antes de instalarlo").argument("[component]","Nombre en el registry (sin nombre: lista el cat\xE1logo)").option("--installed","Mostrar la copia local instalada en vez de la del registry").option("--list","Listar el cat\xE1logo completo").action((e,t)=>V(()=>be(e,t))());N.command("diff").description("Copia local vs versi\xF3n vigente del registry (exit 1 si hay diferencias)").argument("<component>","Nombre en el registry").action(e=>V(()=>we(e))());N.command("doctor").description("Drift de todo lo instalado contra el registry (solo lectura; exit 1 con problemas)").option("--strict","Las ediciones locales tambi\xE9n hacen fallar").action(e=>V(async()=>{process.exitCode=await ve(e)})());N.parse(process.argv);
|