Áreas de personalización
Interfaz de usuario
Personaliza la apariencia de Lupe
Tema
Elige entre tema claro, oscuro o personalizado
theme: "dark" | "light" | { primary: "#4F46E5", secondary: "#9333EA" }Posición de sugerencias
Configura dónde aparecen las sugerencias
suggestionPosition: "inline" | "sidebar" | "floating"Comportamiento
Ajusta cómo funciona Lupe
Frecuencia de sugerencias
Controla qué tan seguido Lupe ofrece ayuda
suggestionFrequency: "low" | "medium" | "high"Modo de asistencia
Define el nivel de proactividad
assistanceMode: "passive" | "balanced" | "proactive"Atajos de teclado
Personaliza los atajos de teclado
Invocar Lupe
Atajo para activar la asistencia
activateShortcut: "cmd+shift+l" | "ctrl+space"Aceptar sugerencia
Atajo para aceptar una sugerencia
acceptSuggestion: "tab" | "enter"Plantillas personalizadas
React Component
Plantilla personalizada para componentes React
import React from 'react'
import PropTypes from 'prop-types'
function {{ComponentName}}({ {{props}} }) {
return (
<div>
{/* Component content */}
</div>
)
}
{{ComponentName}}.propTypes = {
{{propTypes}}
}
export default {{ComponentName}}API Endpoint
Plantilla para endpoints de API
import { validateRequest } from '../middleware'
import { handleError } from '../utils'
export async function handler(req, res) {
try {
await validateRequest(req)
// Handler logic here
return res.status(200).json({
success: true,
data: {}
})
} catch (error) {
return handleError(error, res)
}
}Guías de estilo
Estilo de código
Configura reglas de estilo personalizadas
indentation: 2 espacios
quotes: simples
semicolons: siempre
maxLineLength: 80 caracteres
Convenciones de nombrado
Define patrones de nombrado
components: PascalCase
functions: camelCase
constants: UPPER_SNAKE_CASE
files: kebab-case
Configuración mediante archivo
Todas las personalizaciones se pueden configurar en el archivo .lupe/config.json:
{
"ui": {
"theme": "dark",
"suggestionPosition": "inline"
},
"behavior": {
"suggestionFrequency": "medium",
"assistanceMode": "balanced"
},
"shortcuts": {
"activate": "cmd+shift+l",
"acceptSuggestion": "tab"
},
"templates": {
"reactComponent": "./templates/component.js",
"apiEndpoint": "./templates/api.js"
},
"style": {
"indent": 2,
"quotes": "single",
"maxLength": 80
}
}Siguientes pasos
Para aprovechar al máximo tu configuración personalizada:
