Una nueva extensión de Visual Studio Code a su disposición

4D ahora soporta el Protocolo del Servidor de Lenguaje para permitir que los editores de código fuente externos manejen el código 4D y les proporcionen funcionalidades estándar como el resaltado de sintaxis, la ayuda de sintaxis, ir a la definición o escribir adelante. Veamos cómo aprovecharlo en Visual Studio Code.

Importante

Sabemos que la comunidad 4D está muy apegada al editor de código incluido en el IDE 4D. Le permite desarrollar rápidamente, con todo lo que necesita a mano para construir una aplicación de negocios, sin salir de 4D: diseñar una estructura de datos, diseñar pantallas, codificar, probar y volver a empezar.
Con el lanzamiento de Proyectos en 4D, hemos abierto la puerta al control de fuentes y a la edición de fuentes 4D fuera de 4D IDE.
Vemos en el foro y en las discusiones que las opiniones difieren. Algunos de ustedes nunca pensarían en usar otra cosa que no sea el IDE de 4D – que seguimos mejorando versión tras versión. Sin embargo, un número creciente de desarrolladores 4D ya utilizan otros editores como Visual Studio Code porque encuentran muchas ventajas en él: la posibilidad de abrir un proyecto 4D para trabajar en el código fuente 4D pero también en otras fuentes (HTML o javascript, por ejemplo), herramienta muy extendida en la comunidad de desarrolladores en general, integración con Git, etc.
Es por eso que queremos aprovechar el lanzamiento de 4D v19 R6 para proponerle una extensión de VS Code «4D Analyzer» y recoger sus comentarios al respecto. Esta extensión sólo soporta el resaltado de sintaxis en esta etapa, pero planeamos proporcionar más en las próximas semanas/meses: tipo adelante y todos los beneficios que 4D podría obtener del soporte de LSP.
Por supuesto, ¡esta iniciativa no afecta a su editor de código 4D! Es un soporte de reflexión, para intercambiar con usted sobre todas las posibilidades, y para compartir ideas.

Esperamos que disfrutes de su uso.

Renderización en Visual Studio Code

Aquí está la representación de un archivo 4DM abierto en VS Code cuando la nueva extensión está instalada, con el resaltado de sintaxis por defecto:

Si quiere que su código sea aún más legible en VS Code, no olvide que puede configurar 4D para escribir los archivos 4DM sin tokens.

¿Cómo funciona?

Ya existía una extensión de VS Code para resaltar la sintaxis del código 4D, pero estaba basada en regex y se limitaba a resaltar la sintaxis.

A partir de la v19 R6, 4D soporta el Language Server Protocol (LSP), una interfaz estándar entre los editores de código y los lenguajes.
LSP proporciona varias funcionalidades comúnmente usadas en los editores de código, como el resaltado de sintaxis, la ayuda de sintaxis, ir a la definición, o escribir adelante. El equipo de 4D está integrando este protocolo estándar y ha creado una nueva extensión de Visual Studio Code para aprovecharlo.
Técnicamente, cuando usted abre un archivo 4DM con VS code, la extensión lanza una instancia 4D en modo headless para comunicarse con su servidor LSP. Esta instancia 4D carga el archivo 4DM y el contexto para entregar las funcionalidades LSP al editor de VS Code a través de la extensión.

Instalación de la extensión Visual Studio Code

La instalación de la extensión es muy sencilla. Sólo tiene que abrir VS Code, la pestaña Extensiones, y buscar la extensión «4D-Analyzer» en el marketplace.
Cuando la encuentre, selecciónela y haga clic en el botón «instalar».

Otra forma es descargar la extensión 4D-Analyzer directamente desde el Visual Studio Code Marketplace.

Una vez terminada la instalación, abra la configuración de la extensión (el botón con el pequeño icono del engranaje). En la configuración de la ruta del servidor, introduzca la ruta de la aplicación 4D (4D o 4D Server) que será utilizada por la extensión.

Si desarrolla en macOS, hay una limitación del sistema operativo que debe tener en cuenta: el sistema no le permitirá abrir una instancia de 4D (independiente o Server) si ya la tiene en ejecución con el código VS. La solución es configurar un ejecutable distinto en la extensión o abrir 4D antes de VSCode.

Abrir un archivo 4DM

Una vez que la extensión está instalada y configurada, ¡puede ver el resultado!

Dependiendo de cómo utilice VS Code, puede abrir archivos 4DM individuales utilizando el menú «Abrir archivo» o un proyecto completo utilizando el menú «Abrir carpeta» y seleccionando la carpeta del proyecto. En este último caso, basta con hacer clic en un archivo 4DM en el explorador de VS Code para abrirlo en el editor.

Al abrir un archivo 4DM en el editor de VS Code, la extensión lanzará una instancia ejecutable 4D en modo headless que manejará el archivo 4DM. Así, la instancia del ejecutable 4D manejará todo el proyecto del archivo 4DM para cargar todo el contexto del código del proyecto. Y cuando la ventana de VS Code se cierra, la instancia 4D dedicada a esta ventana también se cierra.

¡Puede ver que todo se gestiona automáticamente para usted!

Un primer paso

Después de instalar y configurar la extensión VS Code, se beneficiará automáticamente de otras capacidades de LSP que ofrecen las siguientes versiones de 4D. En este momento, el siguiente paso es configurar los colores para que se ajusten a su esquema de colores, como se explica en esta entrada del blog.

Estamos muy entusiasmados con esta nueva extensión. No dude en darnos su opinión en el foro de 4D.