[Pas2js] Re comments on Pas2JS IDE for Chrome

Sun Mar 24 20:30:28 CET 2019

 Hi Guys
> On Date: Sat, 23 Mar WarleyAlex wrote…..> I'd like to get the minimum/lower file jS footprint when> compiling the standalone demo project, but I've got 5MB! >The demo is 5MB because it is really the full IDE with the design mode switched off.  This keeps our version control simple while we are making lots of changes. Later we should provide a much smaller deployed run time. >> Here is the big issue: the pas2js code completion at XIDE!>Sadly we have not yet found a code editor that is open source and works in both Lazarus and the browser.  In an ideal world, SynEdit will be ported to the browser so we can switch on the AutoComplete option? ……Some help here will be much appreciated.>> I sincerely like your approach to design the UI part > using HTML and CSS instead of the lazarus environ.>Our XIDE project started because of frustration at the fragmentation and complexity of designing apps in HTML and CSS.  We think a RAD approach can simplify this. Having Lazarus compatibility also means apps can be ported from the web to native code versions for improved size, speed, and security or for embedded systems etc.>> On Sun, 24: Michael Van Canneyt wrote……> Trying to keep up with CSS and HTML in Lazarus is IMO a dead end.>Limiting ourselves to the common subset of what is possible in both HTML and Lazarus is a frustrating aspect of our XComponents project.  We are considering allowing full HTML capability for cosmetic aspects in the browser as long as the core functionality still works in both environments.>> So, on my todo list, there is the following idea:> Use embedded chrome to do the UI design, but still have all the pascal code (event> handlers etc) in the lazarus IDE.>From what I see, XIde could be a possible implementation for the UI designer.>Happy to help with this where we can. 
Regards Steve
---------------------------------------------------------------------------------------------------------------------------------------------------------
    On Sunday, 24 March 2019, 11:00:20 GMT, pas2js-request at lists.freepascal.org <pas2js-request at lists.freepascal.org> wrote:  

 Send Pas2js mailing list submissions to
    pas2js at lists.freepascal.org

To subscribe or unsubscribe via the World Wide Web, visit
    http://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js
or, via email, send a message with subject or body 'help' to
    pas2js-request at lists.freepascal.org

You can reach the person managing the list at
    pas2js-owner at lists.freepascal.org

When replying, please edit your Subject line so it is more specific
than "Re: Contents of Pas2js digest..."

Today's Topics:

  1. Re: Pas2JS IDE for Chrome (warleyalex)
  2. Re: Pas2JS IDE for Chrome (Michael Van Canneyt)

----------------------------------------------------------------------

Message: 1
Date: Sat, 23 Mar 2019 16:15:54 -0700 (MST)
From: warleyalex <warleyalex at yahoo.com.br>
To: pas2js at lists.freepascal.org
Subject: Re: [Pas2js] Pas2JS IDE for Chrome
Message-ID: <1553382954461-0.post at n8.nabble.com>
Content-Type: text/plain; charset=us-ascii

This XIDE project for Pas2JS is really nice! 

Just I've tested: I've loaded the "XIDEForChrome.html" page then copy the
saved user app file then loaded into XIDE using the "System/Load" the
"ExampleSavedSystemFile.txt" content. then I hit "Run mode" on the main menu
this will recompile the user code for the loaded system, which activates and
hides the IDE. 

i. I'd like to get the minimum/lower file jS footprint when compiling the
standalone demo project, but I've got 5MB! this but this big output JS file
is not the standalone demo project, gracias a Dios. 

I think you are in the correct path to create modern UI using this XIDE
approach. 

One thing that comes to mind is, basically, there are 2 ways to create a
modern UI in Lazarus. 

1. components /UI/Frameworks based on "custom paint" 
2. implement basic CSS drawing and positioning around LCL 

...a long time ago I tried the second option. And it's quite easy to
implement basic drawing using CSS. But there are too many challenges for me.
And I think this concept to design UI is wrong. 
I always prefer handwritting HTML and CSS approach to design complex apps. 

I sincerely like your approach to design the UI part using HTML and CSS
instead of the lazarus environ. While the visual widgets/UI in Lazarus still
is very customizable (by the user and developer) and looks the same on every
system. I think your approach you spend less time on UI parts to realize the
look and feel I want to have. 

...sometimes I think if all the efforts put into create new components,
designing widgets/user interfaces in Lazarus would be put into the quality
of the programs in pas2js we would be amazed how fast, reliable and secure
software can be. 

ii. Another think is the pas2js "code completion" in the HTML enviroment.
Code completion on Lazarus is much better at all. One thing that I don't
like is once an event handler has been created, you can select that code
directly in the "Code Designer" tab of the object inspector then press the
edit button to view or edit the detailed code. Here is the big issue: the
pas2js code completion at XIDE!

----------
hum, I didn't really tested The OmniPascal 0.17.0 package which has support
to pas2js, code completion. 
this seems pretty interesting: Visual Studio code + omni pascal + pas2js. 

--
Sent from: http://pas2js.38893.n8.nabble.com/

------------------------------

Message: 2
Date: Sun, 24 Mar 2019 10:29:24 +0100 (CET)
From: Michael Van Canneyt <michael at freepascal.org>
To: warleyalex via Pas2js <pas2js at lists.freepascal.org>
Subject: Re: [Pas2js] Pas2JS IDE for Chrome
Message-ID: <alpine.DEB.2.20.1903240959330.32483 at home.telenet.be>
Content-Type: text/plain; charset=US-ASCII; format=flowed

On Sat, 23 Mar 2019, warleyalex via Pas2js wrote:

> This XIDE project for Pas2JS is really nice! 
>
> Just I've tested: I've loaded the "XIDEForChrome.html" page then copy the
> saved user app file then loaded into XIDE using the "System/Load" the
> "ExampleSavedSystemFile.txt" content. then I hit "Run mode" on the main menu
> this will recompile the user code for the loaded system, which activates and
> hides the IDE. 
>
> i. I'd like to get the minimum/lower file jS footprint when compiling the
> standalone demo project, but I've got 5MB! this but this big output JS file
> is not the standalone demo project, gracias a Dios. 
>
> I think you are in the correct path to create modern UI using this XIDE
> approach. 
>
> One thing that comes to mind is, basically, there are 2 ways to create a
> modern UI in Lazarus. 
>
> 1. components /UI/Frameworks based on "custom paint" 
> 2. implement basic CSS drawing and positioning around LCL 
>
> ...a long time ago I tried the second option. And it's quite easy to
> implement basic drawing using CSS. But there are too many challenges for me.
> And I think this concept to design UI is wrong.

I partially agree with your statement. But RAD has many advantages, and I
would like to keep most of the aspects. The way most webapps are built today is
distinctly primitive.

Trying to keep up with CSS and HTML in Lazarus is IMO a dead end.

So, on my todo list, there is the following idea:

Use embedded chrome to do the UI design, but still have all the pascal code (event
handlers etc) in the lazarus IDE.

>From what I see, XIde could be a possible implementation for the UI designer.

Michael.

------------------------------

Subject: Digest Footer

_______________________________________________
Pas2js maillist  -  Pas2js at lists.freepascal.org
http://lists.freepascal.org/cgi-bin/mailman/listinfo/pas2js

------------------------------

End of Pas2js Digest, Vol 15, Issue 15
**************************************

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.freepascal.org/pipermail/pas2js/attachments/20190324/446e4e2a/attachment-0001.html>