Web Components

Sistema de archivos Repositorio Design System

Sistema de archivos dev app

CDN Sistema de archivos

Sistema de archivos Componentes ADS

Estructura base de componentes y helpers compartidos

  • Reutilizar lógica y estilos
  • Escalar el sistema sin duplicaciones
  • Mantener coherencia visual

Arquitectura (components)

Arquitectura(lib)

Sistema de archivos Componentes Legacy

Estructura base componentes (EDS)

EDS (legacy JS)

Estructura base componentes (Andino)

Andino (legacy JS)

Requisitos previos

Antes de comenzar, asegúrate de tener lo siguiente:

Requisitos

Clonar e instalar

Instalación

Arranque del entorno

Todos los comandos se ejecutan dentro de app/.

Dev App

Crear workspace (opción rápida)

Usa el script interactivo: crea carpetas/archivos y registra rutas, imports y estilos automáticamente.

Linux / macOS

Windows (WSL2)

El script realiza:

  • Crea pages/<workspace>/{html,ts,sass} con archivos base.
  • Agrega import y { ...WORKSPACE } en router/routes.ts.
  • Registra componentCalls.ts en importManager/index.ts.
  • Incluye el workspace en router/autoRoutes/index.ts.
  • Importa estilos en importManager/styles.scss.

Notas:

  • Nombre del workspace: letras/números/guion bajo, sin espacios.
  • Si aparece Permission denied, ejecuta chmod +x.
  • En ejemplos TS usa WORKSPACE como placeholder válido.

Crear workspace manualmente

Estructura

pages/workspace/index.html

ts/custom.ts

ts/componentCalls.ts

ts/htmlRoutes.ts

Registrar rutas y side-effects

router/routes.ts

importManager/index.ts

router/autoRoutes/index.ts

importManager/styles.scss

Build / Release

Bash