Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

typescript playground #2246

Closed
dannymarsland opened this issue Mar 7, 2015 · 17 comments
Closed

typescript playground #2246

dannymarsland opened this issue Mar 7, 2015 · 17 comments
Labels
Question An issue which isn't directly actionable in code

Comments

@dannymarsland
Copy link

This is not an issue with the Typescript project, however I am personally adding extensions to the typescript library and services and would like to test this out in an editor. However as my extensions are custom the editors I use do not respect this.

Is the source code for the Typescript playground editor available so I can simply replace the typescript parser and services files with my custom files? I have found various other editors that i can replace the typescript files, however they are all out of date.

If this is the wrong place to ask such a question then please point me to the correct place.

Thanks

@DanielRosenwasser
Copy link
Member

Unfortunately the playground editor (Monaco) is not open sourced; when you mention extensions, do you mean script-side specific changes to the existing APIs, or a new function added to the existing services?

@dannymarsland
Copy link
Author

I have added the ability to add runtime accessible annotations to classes, class methods and class properties, and I would like to have an editor that supports my changes - code complete syntax highlighting etc. I have changed some of the services to enable this, however I need to be able to add the new typescript services and compiler to an editor. I had a look at https://github.com/hi104/typescript-playground-on-ace however it uses an older version of typescript services and they don't appear to be compatible.

Any advice / suggestions? I basically need an editor that I can simply replace tsc.js and typescriptServices.js

Thanks

@DanielRosenwasser
Copy link
Member

If you're using Visual Studio, you can replace your language service & debug your changes using the steps from this page on our wiki. It's pretty easy to set up, you can point your language service file anywhere that you need, and the debug experience is great. Feel free to ask any questions if you do go down this route.

You can use eclipse-typescript, and @derekcicerone would probably be the most helpful.

You can use atom-typescript, and @basarat would be most helpful here.

@basarat
Copy link
Contributor

basarat commented Mar 7, 2015

For atom typescript you can just replace this folder with your version : https://github.com/TypeStrong/atom-typescript/tree/master/node_modules/typescript

The plan is to make an atomTS specific subkey of tsconfig : TypeStrong/atom-typescript#57 to drive which typescript is required.

@dannymarsland
Copy link
Author

Thanks @DanielRosenwasser and @basarat . I am working on a mac so I don't currently have Visual Studio, however I installed atom and it is working well.

@basarat what is the easiest way to debug my tsc.js and typescriptServices.js ? Is there a way I can view the console output?

Thanks

@basarat
Copy link
Contributor

basarat commented Mar 9, 2015

what is the easiest way to debug my tsc.js and typescriptServices.js ?

These are the version that get used (any file placed here would do) : https://github.com/TypeStrong/atom-typescript/tree/master/node_modules/typescript/bin

Is there a way I can view the console output?

console.error in this file : https://github.com/TypeStrong/atom-typescript/blob/master/lib/main/lang/projectService.ts gets logged to the atom console (ctrl+alt+i) which is just a chrome dev tools console.

@danquirk danquirk added the Question An issue which isn't directly actionable in code label Mar 9, 2015
@dannymarsland
Copy link
Author

Thanks both, I can work with this.

@basarat
Copy link
Contributor

basarat commented Mar 10, 2015

@dannymarsland we've started work on 1.5 as well TypeStrong/atom-typescript#179

@DanielRosenwasser
Copy link
Member

Keep us in the loop, it's interesting to see the kinds of things people would like out of the official LS.

@carloslfu
Copy link

Monaco is now opensource https://github.com/Microsoft/monaco-editor

@prashaantt
Copy link

@DanielRosenwasser Now that Monaco is out in the open, is there any chance the Playground will also be open sourced?

@mhegazy
Copy link
Contributor

mhegazy commented Jan 19, 2017

@DanielRosenwasser Now that Monaco is out in the open, is there any chance the Playground will also be open sourced?

the playground is just two instances of monaco. This uses the latest drop from monaco-editor, you can find the page source available at view-source:http://www.typescriptlang.org/play/index.html

@prashaantt
Copy link

I was actually looking for a repo to send a PR to allow setting compiler options (esp. noImplicitAny and strictNullChecks) for the Playground. I like playing around a lot here but sometimes really miss stronger adult supervision type-checking :)

@RyanCavanaugh
Copy link
Member

Bad news: The website currently isn't OSS. Good news: We're working on adding compiler options to the Playground UI already

@mhegazy
Copy link
Contributor

mhegazy commented Jan 19, 2017

@DanielRosenwasser added the options over the holidays already:

image

@prashaantt
Copy link

Awesome, can't believe I missed that new button!

@fabiandev
Copy link

fabiandev commented Jul 24, 2017

As I needed a playground for another project, I've created typescript-playground, which is very similar to TypeScript's existing playground, but with some enhancements, e.g. to setting compiler options and to the run code functionality.

A live demo is also hosted on GitHub Pages: https://fabiandev.github.io/typescript-playground

@microsoft microsoft locked and limited conversation to collaborators Jun 18, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Question An issue which isn't directly actionable in code
Projects
None yet
Development

No branches or pull requests

9 participants