Workspace ( ejemplo - sample)

[danielmaximiliano]

Hola a Todos:
Hoy termino del Mundial, nos quedamos con las ganas de ser bicampeón consecutivo, nada que reprochar porque enfrente estuvo un equipo superior en juego.

como ya saben empece con un mini ide que fue mutando de versiones a medida que avanzaba y topaba con pequeños escollos, desde la version v0.1 hasta la v0.23 donde quede estancado por no tener el control completo de la libreria HMG.
Para poder seguir necesite reescribir mediante ChatGPT Plus con 20 US$ y 20 cuentas gratis que me sirvieron de apoyo en la organización para llegar a esta meta.

hoy les dejo un ejemplo de Workspace y la nueva GUI con controles Modernos, esto es MSGXX multilineas que no se cortan con textos largos, TextBox que pueden tener un label asociado en todo su contorno, ya no hace falta ( "Label + Textbox).
Tree moderno, eso es nodos e items mas avanzados.
menu este solo toma parte del mismo, quiere decir que puede haber controles pegados en su misma ubicacion.
Checkbox tambien con un label pegado.
Tooltips con colores y diferentes fuentes.
Statusbar moderno (faltan cosillas).
Editor Scintilla y su Lexxer para documentos en forma de libreria estatica libScintilla.a no usando la problematica dll para mi que en Lazarus - Pascal no tenia problemas de implementacion .
ahora estoy eliminando Build.bat y HBMK2 (ya tengo la libreria a punto de terminar) para que el nuevo ide (Workspace) hable directamente con Harbour.exe y las Toolchain de MinGW.
esto es para tener exactamente cualquier tipo de error dentro mismo de Workspace este registrado en documentos navegables, quiere decir que navegando por lo errores de compilacion va directamente
al sector donde se produce.
la capacidad de Workspace es trabajar no solo con proyectos (pueden trabajarse varios a la vez) , documentación, Git, IA, etc, etc.

muchas veces me paso que trabajando con un proyecto y recordé que un ejemplo tiene lo que necesito porque no recuerdo algo tengo que salir del ide e ir al explorador, buscarlo, abrir notepad++ o abrirlo con el ide hmg.
ahora puedo hacer eso sin salir de Workspace.

les recuerdo que este ejemplo puede cambiar ya que estoy en proceso de creación, dentro del tree esta el documento Fundacional y la arquitectura (estos docs pueden varias pero ya esta casi estable)

les recuerdo que dentro de Workspace cualquier documento no necesariamente pertenece al proyecto (miproyecto.hbp) sino a miproyecto.ws a menos que uno lo introduzca dentro del .hbp

este ejemplo esta compilado y puede descomprimirse en Mis Documentos (hice una prueba ahi y ejecuta limpio)
Workspace va a tener compatibilidad con HMG.3.6 van a poder trabajar como siempre , los ejecutables probados son mas chicos por la eficiencia de la GUI basado en DOM ( Modelo de Objetos del Documento)

Mozilla : https://developer.mozilla.org/es/docs/W ... ject_Model
"El DOM representa un documento con un árbol lógico. Cada rama del árbol termina en un nodo y cada nodo contiene objetos. Los métodos DOM permiten el acceso programático al árbol. Con ellos, puede cambiar la estructura, el estilo o el contenido del documento."


bueno no se que mas contarles.. prueben y me dice que error encuentran así los corrijo o mejoras a implementar, recuerden que lo estoy haciendo dentro de mis horas disponibles
pero no paro un dia sin hacer algunas cositas dentro de Workspace

[serge_girard]

Thanks DaNiElMaXiMiLiAnO !

[nekbmm]

Thanks Daniel!

[danielmaximiliano]

Hola a Todos:

Hice las mejoras en Workspace, hay dos versiones : Español e ingles
pueden trabajar con varios proyectos , el menu moderno permite ingresar mediante open project / abrir proyectos
tambien abrir carpetas que les permite traer todos los objetos de esa carpeta, si es posible abrirlos en el editor Scintilla.
faltan cosas para implementar asi que pronto estare subiendo la mejoras.
espero que lo prueben ya que debo conectar el motor de compilacion propio de Workspace ya que no es un simple build.bat ni hbmk2
sino que es hbmk2 como libreria y se llama WES (Workspace Engine System)
espero les guste

English -->

Español --->

[danielmaximiliano]

Hola
Hice nuevas mejoras en Workspace
menu moderno permite ingresar mediante open project / abrir proyectos
tambien abrir carpetas que les permite traer todos los objetos de esa carpeta, si es posible abrirlos en el editor Scintilla.
agregado de Navigator para simbolos de codigo, Consola para saber que va ocurriendo segun el contexto.
debo conectar el motor de compilacion propio de Workspace ya que no es un simple build.bat ni hbmk2
sino que es hbmk2 como libreria y se llama WES (Workspace Engine System)
espero les guste

English -->

Español --->

Gracias Jimmy, tu post sobre DWM ( Desktop Windows Manager ) me vino estupendo para implementarlo en Workspace
Enlace : https://hmgforum.com/viewtopic.php?t=7200

[danielmaximiliano]

Hola a todos : Quiero mostrarles las propiedades de TextBox Control.
tiene una de las propiedades que es Label interno, este nos permite poner un label alrrededor del control TextBox (Arriba, Izquierda, derecha o abajo)
PlaceHolder, este nos permite poner un texto interno que desaparece al comenzar a escribir se borra, solo es un indicativo del contenido que soporta dicho control.
Tooltip moderno, no permite salir del tooltips clasico a uno mas completo, color (proximamente mas colores)
esto nos permite eliminar un label paralelo para nuestro formulario.
hay muchas cosas mas que implementar en los controles que nos ayudan y mejoran nuestras aplicaciones.
gracias por participar de nuestro y querido HMG.

Code: Select all

@ 10, 662 TEXTBOX txtSearch ;
         WIDTH 380 ;
         HEIGHT 30 ;
         LABEL "Buscar" ;
         LABELPOS LEFT ;
         LABELWIDTH 62 ;
         PLACEHOLDER "funcion, clase, etiqueta html o archivo" ;
         MODERN ;
         TOOLTIP "Modern textbox: integrated Label, Placeholder and Modern Tooltip." ;
         ON CHANGE ModernTitle( "search=" + GetProperty( "MainWin", "txtSearch", "Value" ) )

      DEFINE TREE trProject ;
         AT nBodyTop, 14 ;
         WIDTH nLeftW ;
         HEIGHT nTreeH ;
         VALUE 1 ;
         FONT "Segoe UI" ;
         SIZE 10 ;
         TOOLTIP "Double-click a document node to view its content in Scintilla." ;
         ON CHANGE ModernTitle( "tree item=" + hb_NToS( GetProperty( "MainWin", "trProject", "Value" ) ) ) ;
         ON DBLCLICK WorkspaceOpenFromTree() ;
         NODEIMAGES { "TreeFolderClosed", "TreeFolderOpen" } ITEMIMAGES { "TreeDoc", "TreeDoc" } ;
         ITEMIDS ;
         MODERN

         NODE "Workspace.ws.es.md" IMAGES { "TreeProject", "TreeProject" } ID 100 BACKCOLOR { 219, 232, 255 } FONTCOLOR { 48, 96, 192 } SIZE 9 BOLD
            NODE "Archivo para prueba de extensiones" ID 190 BACKCOLOR { 240, 253, 244 } FONTCOLOR { 22, 101, 52 } SIZE 10 BOLD
               NODE "Sources" ID 200 BACKCOLOR { 218, 244, 234 } FONTCOLOR { 16, 144, 96 } SIZE 10 BOLD
               TREEITEM "workspace.prg" IMAGES { "TreeCode", "TreeCode" } ID 201 BACKCOLOR { 235, 250, 243 } FONTCOLOR { 16, 144, 96 }
               TREEITEM "native_control.c" IMAGES { "TreeCode", "TreeCode" } ID 202 BACKCOLOR { 235, 250, 243 } FONTCOLOR { 16, 144, 96 }
               TREEITEM "workspace_panel.cpp" IMAGES { "TreeCode", "TreeCode" } ID 203 BACKCOLOR { 235, 250, 243 } FONTCOLOR { 16, 144, 96 }
               TREEITEM "workspace_api.h" IMAGES { "TreeCode", "TreeCode" } ID 204 BACKCOLOR { 235, 250, 243 } FONTCOLOR { 16, 144, 96 }
            END NODE
            NODE "Web" ID 300 BACKCOLOR { 219, 232, 255 } FONTCOLOR { 48, 96, 192 } SIZE 10 BOLD
               TREEITEM "index.html"                              IMAGES { "TreeWeb", "TreeWeb" } ID 301 BACKCOLOR { 238, 244, 255 } FONTCOLOR { 48, 96, 192 }
               TREEITEM "workspace_settings.json" IMAGES { "TreeConfig", "TreeConfig" } ID 302 BACKCOLOR { 238, 244, 255 } FONTCOLOR { 48, 96, 192 }
               TREEITEM "workspace.ini"                       IMAGES { "TreeConfig", "TreeConfig" } ID 303 BACKCOLOR { 238, 244, 255 } FONTCOLOR { 48, 96, 192 }
            END NODE
            END NODE
            NODE "Proyecto" ID 780 BACKCOLOR { 219, 232, 255 } FONTCOLOR { 37, 99, 235 } SIZE 10 BOLD
            END NODE
            NODE "Conocimiento importado" ID 800 BACKCOLOR { 245, 241, 249 } FONTCOLOR { 124, 58, 237 } SIZE 10 BOLD
            END NODE
            NODE "Explorador Workspace" ID 850 BACKCOLOR { 239, 246, 255 } FONTCOLOR { 29, 78, 216 } SIZE 10 BOLD
            END NODE
            NODE "Documentos Workspace Foundation" ID 590 BACKCOLOR { 219, 232, 255 } FONTCOLOR { 48, 96, 192 } SIZE 10 BOLD
               NODE "Constitution" ID 600 BACKCOLOR { 235, 229, 242 } FONTCOLOR { 64, 32, 96 } SIZE 10 BOLD
                  TREEITEM "00_PROJECT_CHARTER.md"                                IMAGES { "TreeDoc", "TreeDoc" } ID 601 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "01_VISION.md"                                                    IMAGES { "TreeDoc", "TreeDoc" } ID 602 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "02_WORKSPACE_PHILOSOPHY.md"                     IMAGES { "TreeDoc", "TreeDoc" } ID 603 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "03_WORKSPACE_MODEL_SPECIFICATION.md" IMAGES { "TreeDoc", "TreeDoc" } ID 604 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "04_WORKSPACE_EVENT_SYSTEM.md"                IMAGES { "TreeDoc", "TreeDoc" } ID 605 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "05_WORKSPACE_SERVICES.md"                         IMAGES { "TreeDoc", "TreeDoc" } ID 606 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "06_WORKSPACE_KERNEL.md"                             IMAGES { "TreeDoc", "TreeDoc" } ID 607 FONTCOLOR { 64, 32, 96 }
                  TREEITEM "07_SYSTEM_ARCHITECTURE.md"                      IMAGES { "TreeDoc", "TreeDoc" } ID 608 FONTCOLOR { 64, 32, 96 }
               END NODE
               NODE "Architecture" ID 700 BACKCOLOR { 235, 229, 242 } FONTCOLOR { 64, 32, 96 } SIZE 10 BOLD
                  NODE "Workspace Services" ID 710 BACKCOLOR { 245, 241, 249 } FONTCOLOR { 64, 32, 96 } SIZE 9 BOLD
                     TREEITEM "Workspace.ws.md"                                                           IMAGES { "TreeDoc", "TreeDoc" } ID 711 FONTCOLOR { 64, 32, 96 } BOLD
                     TREEITEM "INFOPOPUP_SERVICE_SPECIFICATION.md"                 IMAGES { "TreeDoc", "TreeDoc" } ID 712 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "MODERN_RENDERING_SPECIFICATION.md"                   IMAGES { "TreeDoc", "TreeDoc" } ID 713 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "WORKSPACE_COMMAND_SEARCH_SPECIFICATION.md" IMAGES { "TreeDoc", "TreeDoc" } ID 714 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "WORKSPACE_FILE_SPECIFICATION.md"                       IMAGES { "TreeDoc", "TreeDoc" } ID 715 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "WORKSPACE_VISUAL_LANGUAGE.md"                             IMAGES { "TreeDoc", "TreeDoc" } ID 716 FONTCOLOR { 64, 32, 96 }
                  END NODE
                  NODE "Diagnostics" ID 730 BACKCOLOR { 245, 241, 249 } FONTCOLOR { 64, 32, 96 } SIZE 9 BOLD
                     TREEITEM "WORKSPACE_DIAGNOSTIC_SERVICE_SPECIFICATION.md"                                              IMAGES { "TreeDoc", "TreeDoc" } ID 731 FONTCOLOR { 64, 32, 96 } BOLD
                     TREEITEM "WORKSPACE_DIAGNOSTIC_SERVICE_IMPLEMENTATION_MILESTONE.md"                      IMAGES { "TreeDoc", "TreeDoc" } ID 732 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "WORKSPACE_DIAGNOSTIC_KERNEL_INTEGRATION_MILESTONE.md"                               IMAGES { "TreeDoc", "TreeDoc" } ID 733 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "WORKSPACE_BUILD_DIAGNOSTIC_COORDINATOR_SPECIFICATION.md"                         IMAGES { "TreeDoc", "TreeDoc" } ID 734 FONTCOLOR { 64, 32, 96 } BOLD
                     TREEITEM "WORKSPACE_BUILD_DIAGNOSTIC_COORDINATOR_IMPLEMENTATION_MILESTONE.md" IMAGES { "TreeDoc", "TreeDoc" } ID 735 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "INFOPOPUP_DIAGNOSTIC_IMPLEMENTATION_MILESTONE.md"                                        IMAGES { "TreeDoc", "TreeDoc" } ID 736 FONTCOLOR { 64, 32, 96 }
                  END NODE
                  NODE "Build Services" ID 720 BACKCOLOR { 245, 241, 249 } FONTCOLOR { 64, 32, 96 } SIZE 9 BOLD
                     TREEITEM "08_WORKSPACE_BUILD_SERVICE.md"                   IMAGES { "TreeDoc", "TreeDoc" } ID 721 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "09_WORKSPACE_BUILD_ARCHITECTURE.md"        IMAGES { "TreeDoc", "TreeDoc" } ID 722 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "10_WORKSPACE_BUILD_ENGINE.md"                     IMAGES { "TreeDoc", "TreeDoc" } ID 723 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "11_HARBOUR_TOOLCHAIN_PROVIDER.md"            IMAGES { "TreeDoc", "TreeDoc" } ID 724 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "12_TOOLCHAIN_PROVIDER_ARCHITECTURE.md" IMAGES { "TreeDoc", "TreeDoc" } ID 725 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "13_BUILD_PLANNER_SPECIFICATION.md"          IMAGES { "TreeDoc", "TreeDoc" } ID 726 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "14_BUILD_PLAN_SPECIFICATION.md"                IMAGES { "TreeDoc", "TreeDoc" } ID 727 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "15_BUILD_OPERATION_SPECIFICATION.md"     IMAGES { "TreeDoc", "TreeDoc" } ID 728 FONTCOLOR { 64, 32, 96 }
                     TREEITEM "16_BUILD_PIPELINE_SPECIFICATION.md"       IMAGES { "TreeDoc", "TreeDoc" } ID 729 FONTCOLOR { 64, 32, 96 }
                  END NODE
               END NODE
            END NODE
         END NODE
      END TREE

luche mucho con ITEMSID del control Tree, asi que ahora tenemos mas capacidades sobre el mismo, esta es poder poner mas facilmente una imagen al Item, Nodo.
ID que es la identificacion del nodo , no dependemos del ID recuperado del nodo visual sino su propia identidad.
si ustedes me dicen que capacidad se necesita para algun control veré cual es la posible implementacion para hacer el uso mas facil .
de nuevo, gracias a todos.

Captura de pantalla 2026-07-22 213734.png (152.98 KiB) Viewed 1087 times

[serge_girard]

Great !

[danielmaximiliano]

Hola a todos: espero que hayan pasado un buen fin de semana.
Quiero comentarles que en poco tiempo voy a entregar la nueva libreria para probar su real funcionamiento. ya agregue nuevas funciones a Scintilla un editor Add-on este ahora tiene el plegado de codigo como en notepadd++, Function/Procedure con su Return, IF/Endif asi con todo que tiene llave de apertura y cierre. (falla un poco y ya termino de corregirlo)
Tree Modern tiene enlace a Link: esto es un nodo puede contener una URL y al hacer doble click sobre el abre el link en el navegador predeterminado.
Tree Modern tiene Nodos e Item con propiedades que son color, texto e imagenes (falta unas correcciones)
TextBox tiene nuevas propiedades : leer HTML Reference en ingles o español.
todavia me falta documentar todas las implementaciones en controles Modern.
recuerden que esto es Gracias al trabajo inmenso anterior de nuestro querido Roberto Lopez , Rathinagiry, Claudio Soto y otros .

Workspace :

Workspace en español :

[danielmaximiliano]

Hola a Todos !!!
con la ayuda de Chatgpt pude agregar Code Folding a Scintilla, como el control Scintilla tiene capacidad de StatusBar en el mismo pusimos el archivo, tipo de archivo, linea columna, codificacion y si esta modificado.
van a encontrar que dentro de Scintilla tiene un signo - y esto pliega el codigo , para abrirlo presionar +.

al cargar el documento este se parsea para encontrar los Token o simbolos como quieran llamarlos para que el listbox Navigator indique donde se encuentran esos Token o Simbolos dentro del documento.. si se abre otro documento y se regresa esos simbolos se vuelven a mostrar.
la capacidad de Scintilla actualemente son 30 lineas, al hacer dobleclick sobre un simbolo o Token este lleva al simbolo a principio y muestra ese bloque de 30 lineas.

se agrego la documentacion sobre los controles MSGxxx Modern.
ahora el Tree moderno tiene la capacidad de mostrar los documentos por color asi como tambien el icono asginado, tiene capacidad de mostrar fuentes y tamaño color por NODO o ITEM.
a medida que vaya avanzando los nodos o items tendran su propio menu contextual segun el contexto de conocimiento.
ahora menu y menucontextual esta chocando por las continuas modificaciones a Workspace.
por otro lado les comento que estoy trabqjando en un Menu Lateral, algo que vi en el navegador opera que se llama "flyout"
esto es acercar con el mouse al costado izquierdo de la app y este menu aparece y no ocupa lugar dentro de la app..

mas o menos asi!











⚙

espero terminarlo pronto :

[danielmaximiliano]

Hola a todos!!
hace mucho tiempo, años atras estaba diseñando un sistema P.O.S para un supermercado de amigos hice un error garrafal de borrar un archivo que me llevo tiempo, como no tenia copia me di cuenta que debia tener un Backup de lo que estaba desarrollando , como uso notepad++ active la copia de seguridad en una carpeta. tambien active que lo haga cada cierto tiempo.
esa accion en notepad++ hzo que no perdiera codigo implementado , pero sucede que al compilar el proyecto nuevas funciones no estaban bien. por lo que procedia a ver que tenia antes implementado para encontrar el error.. tenia que leer todo el archivo .prg implicado, no tenia la forma de ver el DIFF entre mi codigo y lo que tenia antes..
hay herramientas GNU que permiten comparar 2 archivos.. en mi caso el backup con el archivo original. esto es muy tedioso asi que como Workspace es un todo terreno me puse a implementar GIT , ahora el proyecto esta protegido contra borrado, poder comparar las versiones (DIFF) , historal de cambios.
forma de uso , Workspace--> Open Project, , Workspace--> Control Version
initialize GIT---->Refresh

todos los archivos de la carpeta de proyecto se han incluido.. estos se marcan con ?? porque no hay ninguna accion GIT. doble click sobre el archivo y este sera marcado con una A.
por ahora los Commit son individuales, quiere decir que al hacer un commit es necesario ponerle el comentario y [Commit] esta accion esta en Consola y dentro de Scintilla como un documento nuevo donde figuran el Hash, date, author y message.

esto se puede lleer mediante [History] , pronto voy a replicar las acciones de Restore File y DIFF para el archivo seleccionado .

esto esta por ahora minimamente documentado, recuerden que para que funcione debe esta instalado GIT o GIT Desktop. y este se encuentre en el PATH.
proximamente voy a incluir en el TREE la URL y el link para que los lleve a su pagina oficial de GITHUB

Captura de pantalla 2026-07-29 151924.png (13.33 KiB) Viewed 388 times

English --->

Workspace.rar

(2.84 MiB) Downloaded 16 times

Español ---->

Workspace.es.rar

(2.84 MiB) Downloaded 15 times