Tubular en Java, o sea mi vida no vale nada

Por cierto proyecto que querían usar Tubular, me pidieron ayuda para usarlo con JAVA. Aunque Tubular soporta OData, al parecer en el proyecto no era posible tener servicios OData, solo unos servicios REST en Spring.

Me di a la tarea de ayudarlos y comenzar a programar en JAVA, cosa que no hacía en varios años, y la verdad que recuerdo porque dejo de hacerlo. JAVA es feo. Tarde un rato haciendo esas cosas locas como manejar el POM, configurar el JPA, hacer que Hibernate no se matara y sobre todo que el horrible Eclipse no se colgara cada 5 minutos.

La vida en Visual Studio me volvio más holgazan quizás, o Eclipse es tan horrible que deberían quemarlo con fuego. Aún así logre mi cometido, y deje un ejemplo funcional conectado a MySQL para presentar Tubular. Un éxito. Por si estan interesados en el código (que no forma parte del proyecto) esta en mi cuenta de GitHub como tubular-spring-hibernate.

Documentando Directivas de AngularJS

Me encontraba en la necesidad de documentar el código de Tubular para que sea visible todos los atributos y hermosos controles que tenemos. Apenas estaba pensando que quizás solo haría un montón de documentos planos y que Pikachu guiara mi camino de dolor a la salvación. Pero me dije, si AngularJS tiene documentación no tan mal, seguramente algo estan haciendo.

Llegue al documento de AngularJS en Github titulado Writing-AngularJS-Documentation que explican, nada claro, como realizar la documentación por medio. Para realizar la documentación necesitas comenzar con escribir en tu código todo lo que necesitas explicar usando ngDoc que es un sabor extendido de jsDoc. Es lo mismo pero solo con unos campos adicionales especificos para AngularJS.

Ya con tus archivos JS llenos de comentarios relevantes y detalles que casi nadie lee. Es momento que comience lo bueno, pues hay que montar un paquete llamado Dgeni (nota: por favor instala el Dgeni-packages porque Dgeni por si mismo hace nada) y comenzar a escribir un Javascript que debera procesar los comentarios jsDoc.

Dgeni soporta muchas formas de exportar el contenido, y en los paquetes trae soporte para nunjunks que es una especie de template engine, no tan cool, que puedes usar para generar unos lindos HTML con todo. La verdad que al principio configurar dgeni es un poco raro, por eso mejor les dejo el siguiente ejemplo que use para comenzar https://github.com/petebacondarwin/dgeni-angular. El archivo "dgeni-conf.js" es donde sucede gran parte de la magía.

Finalmente ya puedes mover tu monton de archivos HTML con links internos, o como yo que los bote para usar un método de AngularJS acoplado a un controller que hice. El resultado se puede ver ya en línea: Tubular Documentation. Falta terminar de detallar, pero ya tenemos API DOC!

Novedades Tubular

El desarrollo de Tubular continua  y ahora ya tenemos un nuevo y elegante generador usando la plataforma de Yeoman, que funciona con NodeJS. Las tareas que se pueden hacer con el generator-tubular son:

• Iniciar un nuevo proyecto Tubular (con AngularJS y Bootstrap) que puede usar tanto Bower como un CDN para cargar las librerías.
• Crear vistas de ejemplo o desde un archivo JSON.
• Generar una vista de Grid directamente a tu proyecto actual usando un OData, con opciones para personalizar (similares a las del generador en línea).
• Generar una vista de Form, igual con un servicio OData.

Faltan detalles, pero está luciendo bastante bien. Ya no me da tanto "flojera" programar con NodeJS, no es tan feo después de todo.

Tubular 0.9.6 con generadores de código

La nueva versión de Tubular ya esta aquí con algunos cambios y mejoras sobre todo en los formularios. Pero lo mejor esta en los nuevos generadores de código tanto para Grids como Forms, que permiten generar a partir de un JSON (arreglo u objeto) o un servicio OData.

El generador interpretara el modelo para presentar un fácil diseñador de columnas o campos con opciones para extender el código AngularJS final. Y lo mejor de todo es que con un simple click se puede mandar al servicio de Plunker todos los archivos necesarios para generar un proyecto.

El generador de código para Grids se encuentra en http://unosquare.github.io/tubular/#/Generator y para Forms en http://unosquare.github.io/tubular/#/FormGenerator. De hecho también actualice la documentación y mejore un poco el diseño del sitio web.

La nueva versión ya esta en Nuget y quizás en unas horas en JsDelivr.

Novedades DEV

Ya termine una herramienta que empece en la raspberry pi, despues de morir al intentar instalar nodejs. Que dificil es tener herramientas de desarrollo actualizadas hoy en día. En fin la herramienta hace un simple backup de las imagenes publicadas en un blog de Ghost. Dado que la supuesta funcionalidad de backup que tiene no te deja bajarlas. El código se encuentra en https://github.com/geoperez/ghost_tools y es la primer herramienta que hago en NodeJS y no estoy orgulloso.

Lo que si esta quedando realmente guapo es el Tubular Web Generator que permite generar todo el markup para un grid de Tubular desde un modelo JSON, hasta te permite exportar todo tu diseño a Plunker para mandarlo a Git o que se yo.

Tubular 0.9.4

Nueva versión de Tubular, detallitos en GitHub. Pendiente actualizar los NuGets, y ver que el jsDeliver actualice solito de nuevo. Entr los cambios:

• Columns visibility 
• Cell Templates linked to Columns Definition 
• Column Selector control in dropdown menu 
• Basic grouping

El asunto con el grouping esta muy muy beta, pero ya es un inicio hacia la gloria.

Tubular en JsDelivr, lease un CDN

Ya puedes fetchear Tubular directamente de un CDN, en particular de JsDelivr. Chequen las documentación que ya actualice de como optimizar la carga de múltiples archivos con JsDeliver, y bueno faltaría solo agregar tubular al request.

Por el momento solo esta publicada la version 0.9.2, igual que en el NuGet, pero en GitHub hay avances de una nueva versión más ligera y posiblemente termine con un nuevo control de menu para poder seleccionar columnas. Algo así como en este menu de Kendo Grid.

Tubular 0.9.2

Nueva versión de Tubular en NuGet. Incluye pequeñas correciones y sobre todo cambio en el control de autocomplete. También incluye versiones minificadas, por si acaso.


Pendiente todavía integración para bower y grunt o algo así. Eso e intentar subirlo a un CDN, que previamente ya he intentado con otra librería y mori.

Revisión de cambios a partir del commit 73650e175b206c930191caae8176b73bef3cb2e5 en GitHub.

Tubular 0.9.1

Nueva versión de Tubular en NuGet, quite la librería de AllMightyAutoComplete que simplemente en CDNJS no me dejaron subir. Gracias.

Quizás nueva versión de la documentación pronto.

Tubular Nodejs

Estaba pensando en separar quizás un poco el proyecto de Tubular del codigo C# e incluir un proyecto nodejs en la solución de Visuek Studio. No he usado nodejs, pero supongo que quedaría bien y sin esfuerzo usando el servicio de OData.

Quizás pueda incluir algo en npm o así. Por cierto hay actualización en el código y en la documentación. Me acosan las dependencias. Pero usar RequireJs fue un fracaso con AngularJS.

EmbedIO + Tubular

He estado algo ocupado en GitHub, los demos de Tubular ya tienen forma y estan trabajando con OData. Como había comentado agregue un demo de EmbedIO y Tubular el cual es fácil de usar para comenzar algun pequeño sitio web con UI rápida y sencilla. Quizás haga falta un scaffolder, o similar, aunque no me gustan mucho.

Por cierto ya tengo los Nugets de Tubular, pendientes de publicar. Uno con el client-side, solamente el bundle de Javascript y CSS y otro con el server-side que incluye los helpers de Dynamic LINQ para generar los payloads. Este último trae como dependencia al client-side. En el siguiente post publico los links.

Tubular - Sitio demo

Estoy trabajando en un sitio demo, para mostrar el uso y features de Tubular en Github Pages. Por el momento hay poco que ver porque tengo que agregar soporte a Tubular para OData. Que ya esta un empezado y puede que termine en próximos días.

La liga para el demo esta en: http://unosquare.github.io/tubular/.

Necesito trabajar en un demo de Tubular/EmbedIO también.

Tubular en GitHub

El framework en AngularJS que comente en posts anteriores ya esta público en GitHub en el URL https://github.com/unosquare/tubular. Hay un ejemplo de como se usa, pero estoy pensando en generar una GitPage con explicación paso a paso como armar un grid y otras tareas.

Solo espero tener un poco de tiempo para comenzar a hacer el tutorial. Mientras tanto pueden curiosar el código.

FutureWiz

Tenía tiempo pensando en una app que no he visto antes. Cuyo concepto me queda claro en la cabeza, pero aún no he logrado descrifrar como realizar. La idea es algo sencilla:

1. Se tiene una lista de "destinos" que se pueden definir como metas al futuro que tienen dependencias de otras metas y tienen un valor particular de necesidad de cierto recurso (dinero o tiempo)
2. Definir los valores iniciales, reglas, del "ejercicio" que podría ser, más no limitarse, a número de dinero disponible o tiempo que podría invertirse en intervalos de tiempo.
3. Verificar en base a las reglas cuales destinos son realizables y los que no, definir porque regla quedan fuera. Por ejemplo, cantidad de dinero acumulable no es suficiente.
4. Representar toda la información del escenario "más probable" en base a las reglas actuales.
5. Permitir modificar las reglas en base a recomendaciones generadas por el sistema.

Quizás no suena del todo entendible, pero la idea base es poder proyectar como invertir recursos de una forma visual. Algo entendible para cualquier simio con un browser.

Por el momento el código, que intento mantener en lo mejor hablando de visualización, esta disponible en GitHub en https://github.com/geoperez/futurewiz. Espero pronto hablar un poco más.

Sobre los detalles técnicos el sistema esta en AngularJS nada mas, pienso utilizar Google Spreadsheet como datastore, para mantenerlo todo rápido de correr en cualquier browser sin necesidad de un server. Para el almacenaje, quizás tomar en cuenta este post.