Neo5.js

Motor JSON + Interactividad

Neo5.js es una librería diseñada para manejar datos JSON, renderizar contenido dinámico y agregar interactividad sin frameworks.

Inicialización

Neo se inicia automáticamente al cargar el DOM.

document.addEventListener("DOMContentLoaded", Neo.init);

Cargar Base de Datos

Permite cargar un archivo JSON en Neo.db.

await Neo.loadDB("data.json");

Ejemplo completo:

async function start() {
    const ok = await Neo.loadDB("data.json");
    if(ok){
        Neo.notify("Datos cargados");
    }
}
start();

Motor de Búsqueda

Busca datos dentro del JSON usando SQL.

Neo.search("blog_posts", "titulo", "web");

Requiere AlaSQL:

<script src="https://cdn.jsdelivr.net/npm/alasql"></script>

Render de Blog

Genera artículos automáticamente desde JSON.

Neo.renderBlog("blog");

Ejemplo JSON:

{
  "blog_posts": [
    {
      "id": 1,
      "titulo": "Hola mundo",
      "fecha": "2026",
      "resumen": "Primer post",
      "tag": "General"
    }
  ]
}

Interfaz y Utilidades

Notificaciones

Neo.notify("Mensaje");

Botón Loading

Neo.loading("btnTest");

Textarea dinámico

const data = {
    a: "Texto A",
    b: "Texto B"
};

Neo.updateTextarea("selector","texto",data);

Ejemplo mínimo (JSON interno + búsqueda)

Este ejemplo muestra el uso básico de Neo5.js con datos internos, sin necesidad de archivos externos.

Vista en vivo

Código del ejemplo

<script>
/* JSON interno */
Neo.db = {
    blog_posts: [
        { id: 1, titulo: "JavaScript", resumen: "Lenguaje web" },
        { id: 2, titulo: "CSS", resumen: "Estilos web" },
        { id: 3, titulo: "HTML", resumen: "Estructura web" }
    ]
};

function buscar(){
    const valor = document.getElementById("input").value;
    const res = Neo.search("blog_posts","titulo",valor);
}
</script>

Abrir demo completo