Documentación sobre cómo extender Discourse con plugins, temas y componentes de temas, trabajar con el código principal y usar la API de Discourse.
Introducción
- Introducción: Introducción al desarrollo de Discourse
Entornos de desarrollo
- Contenedor de desarrollo: Desarrollar Discourse usando un contenedor de desarrollo
- GitHub Codespaces: Desarrollar Discourse en GitHub Codespaces
- Configuración de Docker: Instalar Discourse para desarrollo usando Docker
- Configuración de macOS: Instalar Discourse en macOS para desarrollo
- Configuración de Ubuntu/Debian: Instalar Discourse en Ubuntu o Debian para desarrollo
- Configuración de Windows: Instalar Discourse en Windows para desarrollo
- Plugins sin Docker: Instalar plugins en tu entorno de desarrollo sin Docker
- Configuración local: ¿Cómo configurar un entorno de desarrollo local de Discourse?
- Configuración multisitio: Configurar un entorno de desarrollo multisitio
- Configuración de Fedora: Configurar Discourse para desarrollo en Fedora Linux
Código e internals
- Componentes Ember: Añadir componentes Ember a Discourse
- Lint y formato: Lint y formatear código automáticamente antes de los commits
- Pruebas de aceptación: Escribir pruebas de aceptación y pruebas de componentes para código Ember en Discourse
- Ejecutar suites de pruebas: Cómo ejecutar las suites de pruebas QUnit del núcleo, plugins y temas de Discourse
- Compatibilidad de versiones: Fijar versiones de plugins y temas para instalaciones antiguas de Discourse (ramas d-compat)
- Propiedad de objetos Ember: Propiedad de objetos Ember (getOwner, inyecciones de servicios, etc.)
- Rendimiento JS: Usar ‘tachometer’ de Google para medir cambios de rendimiento JS en Discourse
- CI con GitHub Actions: Configurar integración continua usando GitHub Actions
- Extensiones Markdown: Guía del desarrollador para extensiones Markdown
- Convertir modales: Convertir modales de controladores heredados a la nueva API de componentes DModal
- API DModal: Usar la API DModal para renderizar ventanas modales (también conocidas como popups/diálogos) en Discourse
- API JS: Usar la API JS
- Conectores de salidas de plugin: Usar conectores de salidas de plugin desde un tema o plugin
- modifyClass: Usar modifyClass para cambiar el comportamiento del núcleo
- Crear rutas: Crear rutas en Discourse y mostrar datos
- Método de autenticación: Añadir un nuevo método de autenticación ‘gestionado’ a Discourse
- Serialización accidental de modelos ActiveRecord: Prevenir la serialización accidental de modelos ActiveRecord
- Anular plantillas: (no recomendado) Anular plantillas de Discourse desde un tema o plugin
- Objetos de servicio: Usar objetos de servicio en Discourse
- Specs de sistema: Escribir specs de sistema de extremo a extremo para la interfaz de usuario de Discourse
- FormKit: Kit de herramientas de Discourse para renderizar formularios.
- Disparadores AppEvents: Referencia de disparadores AppEvents
- Transformadores: Usar transformadores para personalizar valores y comportamiento del lado del cliente
- Personalización de lista de temas: Personalizar la lista de temas
- Directrices CSS: Directrices para clases CSS usando BEM
- Pistas de tipo JS y validación: Pistas de tipo JavaScript y validación (typescript)
- Diseño para dispositivos: Diseñar para diferentes dispositivos (táctil y hover)
- Diseño para anchos responsivos: Diseñar para anchos responsivos (puntos de ruptura, viewport y contenedores)
Plugins
- Plugin básico: Desarrollar plugins de Discourse - Parte 1 - Crear un plugin básico
- Salida de plugin: Desarrollar plugins de Discourse - Parte 2 - Conectar a una salida de plugin
- Ajustes del sitio: Desarrollar plugins de Discourse - Parte 3 - Añadir ajustes personalizados del sitio
- Configuración de Git: Desarrollar plugins de Discourse - Parte 4 - Configurar git
- Interfaz de administración: Desarrollar plugins de Discourse - Parte 5 - Añadir una interfaz de administración
- Pruebas de aceptación: Desarrollar plugins de Discourse - Parte 6 - Añadir pruebas de aceptación
- Publicar tu plugin: Desarrollar plugins de Discourse - Parte 7 - Publicar tu plugin
- Nuevas localizaciones: Añadir una nueva localización desde un plugin
- Integración de chat: Añadir un nuevo proveedor a discourse-chat-integration
- Extensión markdown-it: Reempaquetar una extensión markdown-it como plugin de Discourse
- Carga automática de Rails: Estructurar un plugin para la carga automática de Rails
Temas y componentes
- Desarrollar temas: Desarrollar temas y componentes de temas de Discourse
- Referencia rápida: Guía de referencia rápida para desarrolladores de temas
- Guía de diseñadores: Guía del diseñador para empezar con temas en Discourse
- Creador de temas: Empezar con Theme Creator y la CLI de temas
- CLI de temas: Instalar la aplicación de consola Discourse Theme CLI para ayudarte a crear temas
- Estructura de temas: Estructura de temas y componentes de temas
- Múltiples archivos JS: Dividir JavaScript de temas en múltiples archivos
- Múltiples archivos SCSS: Dividir SCSS de temas en múltiples archivos
- Ajustes de tema: Añadir ajustes a tu tema de Discourse
- Objetos para ajustes de tema: Tipo de objetos para ajustes de tema
- Migrar ajustes: Migrar ajustes de temas de Discourse
- Metadatos de tema: Añadir metadatos y capturas de pantalla a un tema
- Variables del núcleo: Usar variables del núcleo de Discourse en tu tema
- Cadenas localizables: Añadir cadenas localizables a temas y componentes de temas
- Pruebas E2E: Pruebas de sistema de extremo a extremo para temas y componentes de temas
- Minimizar mantenimiento: Minimizar el mantenimiento de personalizaciones de temas
- Tamaños de fuente: Cambiar tamaños de fuente en tus temas
- Incluir activos: Incluir activos (por ejemplo, imágenes, fuentes) en temas y componentes
- Iconos personalizados: Reemplazar los iconos SVG predeterminados de Discourse con iconos personalizados en un tema
- Modo oscuro: Actualizar temas y plugins para admitir modo oscuro automático
- Modificadores de tema: Modificadores de tema: una breve introducción
- Pseudoelementos: Insertar texto o imágenes en cualquier parte de tu sitio usando pseudoelementos CSS
- Componente de fuente: Crear y compartir un componente de fuente de tema
- Idioma Highlight.JS: Instalar un nuevo idioma para Highlight.JS a través de un componente de tema
- Contenido de la página de inicio: Añadir contenido personalizado que solo aparezca en tu página de inicio
- Formato de mensaje: Soporte de formato de mensaje para localización
- Cambios globales de iconos: Cambiar iconos globalmente
- Iconos alternativos: Iconos alternativos
- Estilo de publicación wiki: Cambiar el estilo de una publicación wiki
- Esquema de color: Crear y compartir un esquema de color
- Menú de navegación: Usar el parámetro de consulta
navigation_menupara previsualizar la barra lateral u otras opciones - Estilos de contenido de publicaciones: Personalizar el contenido de las publicaciones con tus propios estilos
- Capturas de pantalla de temas: Añadir capturas de pantalla de vista previa a temas de Discourse
- Ajustes de sitio personalizables: Controlar ajustes del sitio con temas
Guías generales
- White-labeling de aplicaciones móviles: Aspectos a considerar antes de decidir white-label las aplicaciones móviles de Discourse
- Automatizaciones personalizadas: Crear automatizaciones personalizadas
- Volcado de datos públicos: Volcado de datos públicos de Discourse
- Evaluaciones de IA: Ejecutar evaluaciones de IA de Discourse
Tutorial de desarrollo de temas
- 1 - Introducción: Tutorial de desarrollador de temas: 1. Introducción
- 2 - Tema remoto: Tutorial de desarrollador de temas: 2. Crear un tema remoto
- 3 - CSS: Tutorial de desarrollador de temas: 3. CSS en temas
- 4 - Salidas: Tutorial de desarrollador de temas: 4. Usar salidas para insertar y reemplazar contenido
- 5 - Componentes: Tutorial de desarrollador de temas: 5. Construir y usar componentes
- 6 - API JS: Tutorial de desarrollador de temas: 6. Usar la API JS
- 7 - Conclusión: Tutorial de desarrollador de temas: 7. Conclusión