Create an AskScript Playground

[czerwinskilukasz1]

We would like to let visitors on askql.org try programming in Ask as soon as possible.
The idea is to create a playground - an editor where a visitor can write or paste, instantly run AskScript and get the result.

[mhagmajer]

This indeed would be a great feature! What (if any) additions do we need to make to this repository in order to make this possible? How do we make it so that after every release (ideally after every commit) the playground is updated?

[czerwinskilukasz1]

As Marcin mentioned to me in a private message, as for frontend, this editor looks cool.
In addition, VS Code uses it for syntax coloring, so we could re-use syntax coloring plugin
https://microsoft.github.io/monaco-editor/

I'm saying: yes, this sounds great :). And it's on MIT license, so we can freely reuse it.

[czerwinskilukasz1]

OK, working on this one.

[czerwinskilukasz1]

@mhagmajer , according to this issue, syntax highlighting in VS Code uses TextMates parsers while Monaco Editor uses JS regexes, at least for Python.
Do you have additional information on syntax coloring in these editors?

[mhagmajer]

@czerwinskilukasz1 I haven't looked into it. Whatever VS Code uses for syntax highlighting can support many programming languages so should be able to support AskScript as well

[czerwinskilukasz1]

Whatever VS Code uses for syntax highlighting can support many programming languages so should be able to support AskScript as well

Of course.

[czerwinskilukasz1]

What I wanted to is that VS Code uses a different syntax coloring method, so we can't reuse syntax coloring from Monaco Editor.
More info: 1, 2

[czerwinskilukasz1]

Here are official examples of syntax coloring in Monaco and here's a playground.

[czerwinskilukasz1]

The short term plan for 1.1. was:

• Create any well-working and reasonably looking Playground, which can be used to run AskScript programs.
  This is done.

My long term plans for AskScript Playground is:

• Get design update from Kari
• Add more examples to the Playground
• Use Monaco Editor
• Add syntax highlighting (which is a separate task from adding syntax highlighting in VS Code)
• Consider adding a window which allows to define own resources in Javascript (this is potentially dangerous, so we need a good discussion and plan)

What are your thoughts, @mhagmajer?

[mhagmajer]

@czerwinskilukasz1 the playground server PR is still open and I there is none for the client. Code needs to be merged into this repo so that everyone can participate.

Please discuss any changes to milestones with me and align your plans with the milestones.

[czerwinskilukasz1]

Please discuss any changes to milestones with me and align your plans with the milestones.

Not sure what you mean as we are in constant contact.

Let me create a separate issue for each of the tasks in bullet points, so that we can assign them to milestones.

[czerwinskilukasz1]

Closing this one as done, the Playground is available at: http://cli.askql.org:3000/

Follow-ups are:

• Update design for Askscript Playground
• Add more examples to the Playground
• Use Monaco Editor in AskScript Playground
• Create a repository for AskScript Playground (this includes publishing the source code of the Playground; needs to be done after Playground uses Monaco Editor)
• Add syntax highlighting to AskScript Playground (which is a separate task from adding syntax highlighting in VS Code)
• AskScript Playground: Consider adding a window which allows to define own resources in Javascript (this is potentially dangerous, so we need a good discussion and plan)

[mhagmajer]

Reopening since the linked PR is still open.

[czerwinskilukasz1]

Closing PR #87.

[czerwinskilukasz1]

And closing this ticket.