codeEditor fix

Author: s0raya

src/components/CodeEditor.astro

@@ -40,44 +40,44 @@
 
                 const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
 
-                // Limpiar el contenido del iframe
-                iframeDoc.open();
-                iframeDoc.close();
+                // Limpiar iframe SIN open/close
+                iframeDoc.body.innerHTML = '';
 
 
                 // Crear un contenedor para los logs
                 const logContainer = iframeDoc.createElement('div');
                 logContainer.classList.add('logContainer');
                 iframeDoc.body.appendChild(logContainer);
 
-                // Sobrescribir console.log y console.error en el contexto del iframe
-                iframe.contentWindow.console.log = function(...args) {
-                    const logMessage = iframeDoc.createElement('div');
-                    logMessage.textContent = args.map(arg => typeof arg === 'object' ? JSON.stringify(arg) : arg).join(' ');
-                    logContainer.appendChild(logMessage);
-                };
-
-                iframe.contentWindow.console.error = function(...args) {
-                    const errorMessage = iframeDoc.createElement('div');
-                    errorMessage.style.color = 'red'; // Estilo para errores
-                    errorMessage.textContent = args.map(arg => typeof arg === 'object' ? JSON.stringify(arg) : arg).join(' ');
-                    logContainer.appendChild(errorMessage);
-                };
-
-
-                // Siempre crear y ejecutar un script para ejecutar el código dentro del iframe
+                // Script con consola aislada
                 const script = iframeDoc.createElement('script');
                 script.textContent = `
-                    (function() {
-                        try {
-                            ${code}
-                        } catch (error) {
-                            console.error('Error:', error.message);
+                    (function () {
+                    const console = {
+                        log: (...args) => {
+                        const div = document.createElement('div');
+                        div.textContent = args.map(a =>
+                            typeof a === 'object' ? JSON.stringify(a) : a
+                        ).join(' ');
+                        document.querySelector('.logContainer').appendChild(div);
+                        },
+                        error: (...args) => {
+                        const div = document.createElement('div');
+                        div.style.color = 'red';
+                        div.textContent = args.join(' ');
+                        document.querySelector('.logContainer').appendChild(div);
                         }
+                    };
+
+                    try {
+                        ${code}
+                    } catch (error) {
+                        console.error('Error:', error.message);
+                    }
                     })();
                 `;
                 iframeDoc.body.appendChild(script);
-            }
+                }
 
             function restoreCode() {
                 const codeBlock = document.getElementById('codeBlock');

src/content/nodejs/diseño_modular.md

@@ -0,0 +1,51 @@
+---
+title: Diseño modular
+description: ""
+pubDate: '01/03/2025'
+collection: nodejs
+---
+
+# Diseño modular en Node.js
+
+El **diseño modular** es una forma de estructurar aplicaciones dividiéndolas en partes pequeñas, independientes y reutilizables. Cada módulo tiene una **responsabilidad clara**, lo que facilita el mantenimiento, las pruebas y la escalabilidad del proyecto.
+
+En aplicaciones backend con Node.js y Express, el diseño modular es fundamental para evitar archivos gigantes y código difícil de entender.
+
+## Ventajas del diseño modular
+- Código más limpio y legible
+- Facilita el trabajo en equipo
+- Mejora la reutilización
+- Permite escalar la aplicación
+- Hace los tests más sencillos
+
+## Separación de responsabilidades
+Una buena práctica es separar:
+- Rutas
+- Controladores
+- Modelos
+- Middlewares
+- Servicios
+- Configuración
+
+## Ejemplo de estructura modular
+```
+src/
+├── app.js
+├── server.js
+├── routes/
+│   └── users.routes.js
+├── controllers/
+│   └── users.controller.js
+├── models/
+│   └── User.model.js
+├── middlewares/
+│   └── auth.middleware.js
+├── services/
+│   └── users.service.js
+├── config/
+│   └── db.js
+└── tests/
+    └── users.test.js
+```
+
+Cada carpeta cumple una función concreta y evita mezclar lógica.

src/content/nodejs/express.md

@@ -0,0 +1,33 @@
+---
+title: Express
+description: ""
+pubDate: '02/03/2025'
+collection: nodejs
+---
+
+# Express
+
+**Express** es un framework minimalista para Node.js que permite crear servidores web y APIs de forma sencilla y flexible.
+
+Es la base de la mayoría de proyectos backend en JavaScript.
+
+## ¿Qué ofrece Express?
+- Gestión de rutas HTTP
+- Uso de middlewares
+- Manejo de peticiones y respuestas
+- Integración con bases de datos
+- Soporte para APIs REST
+
+## Ejemplo básico de servidor
+```js
+const express = require("express");
+const app = express();
+
+app.get("/health", (req, res) => {
+  res.json({ status: "OK" });
+});
+
+module.exports = app;
+```
+
+Express actúa como intermediario entre el cliente y la lógica del servidor.