litepath/public/script.js

Microframework ligero para Node.js

// ------------------------
// Función para mostrar el nombre del proyecto dinámicamente
// ------------------------
(function setProjectName() {
  const pathParts = window.location.pathname.split('/'); // Divide la URL en partes
  // Obtiene la penúltima carpeta de la ruta actual como nombre del proyecto
  let projectName = pathParts[pathParts.length - 2];
  // Si no hay penúltima carpeta, usa "LitePath" como nombre por defecto
  if (!projectName || projectName === '') projectName = "LitePath";
  // Inserta el nombre en el elemento <span id="projectName">
  document.getElementById("projectName").textContent = projectName;
})();

// ------------------------
// Cargar usuarios desde la API GET /users
// ------------------------
document.getElementById('loadUsers').addEventListener('click', async () => {
  try {
    // Hace la solicitud a la ruta /users de tu servidor
    const res = await fetch('/users');
    const users = await res.json(); // Convierte la respuesta a JSON

    // Inserta cada usuario en la lista <ul id="userList">
    const ul = document.getElementById('userList');
    ul.innerHTML = users.map(u => `<li>${u.nombre}</li>`).join('');
  } catch (err) {
    // Si algo sale mal, muestra un alert con el error
    alert('Error al cargar usuarios: ' + err.message);
  }
});

// ------------------------
// Test para POST /echo
// ------------------------
document.getElementById('testEcho').addEventListener('click', async () => {
  try {
    // Envía un objeto con un mensaje al servidor
    const res = await fetch('/echo', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ mensaje: 'Hola desde navegador' })
    });

    // Convierte la respuesta a JSON y la muestra en pantalla
    const data = await res.json();
    document.getElementById('echoResult').textContent = JSON.stringify(data, null, 2);
  } catch (err) {
    // Si hay error en la petición, lo notifica
    alert('Error en POST /echo: ' + err.message);
  }
});