teal-language/teal-playground

teal-language/tl playground

teal playground

teal-language/tl browser playground.

Setup

yarn install

Adding code snippets

1. Add a file to snippets, copied from existing snippet file.
2. Add an entry to the snippets index file.

Development

yarn serve

Build for deployment

yarn build

teal-playground's Issues

opening a link with a code snippet does not auto-trigger typechecking

See description from here:

https://teal-playground.netlify.app/?c=bG9jYWwgdHlwZSBYID0gcmVjb3JkCiAgeDogbnVtYmVyCmVuZAoKbG9jYWwgZnVuY3Rpb24gdGVzdCgpOiBYCiAgcmV0dXJuIHsgeSA9IDEgfQplbmQKCnRlc3QoKQ%3D%3D

Looks like there's a quirk in the playground — you need to edit something (e.g. prest Enter) so that the compiler refreshes, and then the "y" will appear underlined in red and when you hover it, it does say unknown field y

Brackets [ ] cause a JavaScript error?

If I type brackets [ ] into the editor, I get a JavaScript error in the inspector console:

SyntaxError: "[string "?"]:7: ')' expected near ']'"
    D fengari-web.bundle.js:8
    handler Playground.vue:87
    VueJS 4
        run
        $n
        pt
        lt
Playground.vue:106:18

Netlify configuration is outdated

Hi @darrenjennings! Could you take a look at the Netlify configuration enabled for this repo? I think you're the only one with access to it right now. It is currently failing for all PRs on this repo:

Example failure from one of the currently-open PRs:
https://app.netlify.com/sites/teal-playground/deploys/654713b2898b73000874bb4f

If you click on "Initializing", you'll see this:

1:01:54 AM: ---------------------------------------------------------------------
  UNSUPPORTED BUILD IMAGE

  The build image for this site uses Ubuntu 16.04 Xenial Xerus, which is no longer supported.

  To enable builds for this site, select a later build image at the following link:
  https://app.netlify.com/sites/teal-playground/settings/deploys#build-image-selection

  For more details, visit the build migration guide:
  https://answers.netlify.com/t/please-read-end-of-support-for-xenial-build-image-everything-you-need-to-know/68239
  ---------------------------------------------------------------------

I expect it to be a matter of tweaking the Netlify configuration on your end without any code changes, since nothing we do is distro-specific, could you take a look? (I currently have Teal Playground builds working without issues on the https://github.com/teal-playground/tl repo using a different Netlify deploy associated to my own account.)

add shareable urls

• the url should be shareable when you have a text snippet
• the url should have the "example snippet type" e.g. "enums"

dropdown to reflect current state

After #8 is implemented, we should make sure the dropdown reads which example the user has selected even after refreshes