Ayuda verificación Cirrus.js


([N1] cristianvg2003) #1

Hola,

Estoy cerrando la version 1.3 de Cirrus.js y el último cambio que me falta es la inclusión de codeMirror como editor de código, en versiones anteriores usaba Ace editor y este presentaba problemas de edición en algunos equipos.

Para confirmar que CodeMirror funciona bien como editor acudo a uds para que me ayuden a verificar, para ello pueden entrar en:

servidor => vatp://v7cloud6.velneo.com:6723
usuario => cirrus
contraseña => [dejar en blanco]

y reportar en este hilo como ven la edición de codigo html,js y css.

Un saludo y gracias,


([N4] ofsantana) #2

Hola Cristián, por acá hechas las pruebas.
Lo vi bien, no veo ningún funcionamiento extraño como pasaba con el ACE.

Saludos.


([N2] Mgalvezh) #3

Hola Cristian, no he visto nada raro en el rato que lo he probado.

Saludos.
Miguel.


([N3] Humber) #4

7.14 aquí, no pude probar =$


([N2] ceferino) #5

Buenos días, Critian:
He creado lineas, guardado de las mismas y posterior eliminacion, quedando el codigo html en su estado original, sin ningun problema.
¿Alguna cosa en concreto para verificar?

Saludos

Ceferino


([N2] ceferino) #6

Perdón, quise escribir Cristian…

Ceferino


([N4] antonioosorio) #7

Hola Cristian.

Todo Ok.

Saludos.

Antonio Osorio


([N4] Maltrana) #8

Correcto!!

¿qué novedades tiene la 1.3?


([N3] Humber) #9

Probado, genial que funcionen los tab, siempre es bien tener identado el código. Algo que no se puede hacer con las cajas de texto.


([N1] cristianvg2003) #10

Gracias a todos por su ayuda,

@Maltrana, cambios:

  • Fixes de bugs en el manejo de sessiones, parseado de request tipo JSON, mejoras en el Router.
  • Soporte para helpers handlebars.
  • Optimización para request JSON puro (cuando se usa Cirrus.js para constriuir APIS).
  • Añadido de nuevo de editor de código (CodeMirror).
  • Opción de logear o no logear request desde el panel.

Gracias,


([N1] cristianvg2003) #11

Ahhh y algo super importante:

  • Autmapeado de parametros, ahora para construir el params, Cirrus tratara de inferir el tipo de dato del parametro y hace la conversión directamente, asi no hay que hacer conversiones para usar parametros con vRegister

([N4] Maltrana) #12

En dos palabras GE NIAL!!!


([N1] angelcastillo) #13

Hola Cristian, estoy haciendo mis primeros miniprogramas con velneo y estoy provando cirrus 1.3 y la verdad que bastante bien.Decirte que de la version 1.0 a 1.3 el cambio es exponencial, tanto funcional como practico, me parece que estas haciendo un desarrollo increible con Cirrus.js

Pero que ya que he visto el hilo te cuento las cosas que he notado por si son fallos mios o problemas de cirrus.

En particular he notado dos cosas que me pasan con el codemirror. Una que cuando estoy escribiendo codigo en el editor, si hago click en otra zona o cambio de foco a otra parte del programa o cambio de programa, se pierde todo lo que habia escrito. Tengo que pulsar ‘Guardar’ antes de salir del editor. Otro problema es cuando el codigo que escribo en el editor no me aparece barra de desplazamiento vertical y cuando bajo mucho escribiendo codigo el boton ‘Guardar’ desaparece de la vista y no puedo pulsarlo. Esto junto a problema anterior me hace perder el codigo escrito y no poder escribir en la parte baja del codigo.

Saludos y gracias.


([N1] cristianvg2003) #14

Hola Angel,

En efecto Codemirror esta poniendo mucho problema y evidencia muchos de los innconvenientes que tiene el objeto HTML de v7, te cuento que para una revisión que pienso sacar apenas tenga un tiempito he cambiado a una versión nueva de ace editor y me ha funcionado de maravilla en diferentes entornos y realize los cambios necesarios para que no se pierda info o se refresque el control al perder el foco el mismo.

Un saludo,


([N1] gerard) #15

yo lo veo asi…



([N4] micrograph) #16

Aunque es algo viejo este hilo, me gustaria saber si existe alguna solución o como solucionar el problema de la pantalla que le sale a gerard. Me pasa lo mismo con cirrus.js 1.3 utilizando codemirror. Les agradeceria alguna referencia.


([N1] percyleoncio) #17

Igual me sale si le quito el código del Contenido en el Visor html sale desplegado normal, pero con el código siguiente sale mal, cual será el problema?:

“<!doctype html>
<html>
<head>
<title>Cirrus.js Editor</title>
<meta charset=‘utf-8’/>
<link rel=‘stylesheet’ href=’” + sysCacheClientPath + “codemirror.css’>
<link rel=‘stylesheet’ href=’” + sysCacheClientPath + “monokai.min.css’>
<link rel=‘stylesheet’ href=’” + sysCacheClientPath + “dialog.css’>
<script src=’” + sysCacheClientPath + “codemirror.js’></script>
<script src=’” + sysCacheClientPath + “javascript.js’></script>
<script src=’” + sysCacheClientPath + “xml.js’></script>
<script src=’” + sysCacheClientPath + “active-line.js’></script>
<script src=’” + sysCacheClientPath + “dialog.js’></script>
<script src=’” + sysCacheClientPath + “search.js’></script>
<script src=’” + sysCacheClientPath + “searchcursor.js’></script>
<script src=’” + sysCacheClientPath + “match-highlighter.js’></script>
<script src=’” + sysCacheClientPath + “jquery-1.10.1.min.js’></script>
<style type=‘text/css’>
.CodeMirror {border: 0px solid black; font-size:13px; height: auto;}
body { overflow: hidden; background-color: rgb(39,40,34); }
#editor {
position: absolute;
top: 60px;
right: 0;
bottom: 0;
left: 0;
}
h4 {color: white; background-color: #4b8cf5 ; padding: 5px 10px; font-weight: bold; width: 100px; text-align:center; border-radius: 5px;}
h4:hover {background-color: #3879ac;}
</style>
</head>
<body>
<form>
<h4 id=‘click’>Guardar</h4>
Link


<textarea id=‘editor1’ name=‘code’>” + #BODY +"</textarea>

</form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById(‘editor1’), {
lineNumbers: true,
styleActiveLine: true,
matchBrackets: true,
theme: ‘monokai’,
mode: ‘" + LENGUAJE + "’,
htmlMode: true,
viewportMargin: Infinity
});
</script>
<script>
function simulateClick(id) {
var evt = document.createEvent(‘MouseEvents’);
evt.initMouseEvent(‘click’, true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
var cb = document.getElementById(id);
cb.dispatchEvent(evt);
}
$(’#click’).click(function(){
var html = editor.getValue();
document.getElementById(‘html’).innerHTML = ‘’
var headertext=document.createTextNode(html)
document.getElementById(‘html’).appendChild(headertext)
simulateClick(‘external’)
})
</script>
</body>
</html>"

([N3] pacosatu) #18

Hola.

Como veo que algunos siguen teniendo este problema y no sé si Cristian da soporte a Cirrus, sí os puedo decir que el problema es que no se cargan las librerías javascript debido a la forma de indicar el path de los ficheros.

A partir de la versión 7.17 es obligatorio indicar el esquema file:// para las rutas absolutas de ficheros en disco.

Así necesitamos cambiar la línea
<script src=’" + sysCacheClientPath + “codemirror.js’></script>
por la línea
<script src='file:///” + sysCacheClientPath + "codemirror.js’></script>

Si usamos la función del API VCWebView.setSourceCode(String html, [String urlBase]) ya nos es necesario indicar el path absoluto.

  • String html -> es el código HTML que mostramos en el Visor HTML
  • String urlBase -> path de donde se leen las librerías javascript, por ejemplo “file:///” + sysCacheClientPath

En el código HTML las librerías javascript se cargarán simplemente con <script src=‘codemirror.js’></script>

Me parece que en la versión 1.4 ha desaparecido el editor incrustado en el Visor HTML, solo falta que lo confirme Cristian así como la fecha de lanzamientos de esta nueva versión.

Saludos
Paco Satué


([N1] cristianvg2003) #19

Hola, en efecto el problema del protocolo es como lo menciona paco,

y en efecto este problema se solventa en la 1.4 pues ahora los assets estarán en disco para que puedan ser editados con el ide o editor preferido del desarrollador, poder usar las herramientas de desarrollo deseadas, poder versionar el código y que el webserve pueda servir directamente los recursos css,js o imagenes sin pasar por el vServer.

Aqui dejo algunos de los cambios de la 1.4 articulo, la cual en terminos de funcionalidad ya esta lista, estoy en estos momentos añadiendo codigo de seguridad (tokens y la configuración de las tablas que pueden hacer parte del API) y con eso cierro el ciclo de desarrollo.

Con la fecha me cuesta comprometerme porque Cirrus.js los saco con el tiempo libre que me queda, y en los 2 ultimos meses ha sido poco … pero falta tan poco que definitivament tengo que cerrar esta 1.4

Un saludo,


([N1] percyleoncio) #20

Buenas:

Hice el cambio que amablemente Paco indica pero ahora no veo ni el pequeño recuadro que aparecía, muchas gracias por la próxima versión 1.4 que será un goooolazo, con razón que los enlaces está rotos por el momento.

Saludos