Repository navigation
Debugging TypeScript #2
Description
typescript.java uses JSDT Editor for the *.ts file. So It should be cool if we could debug TypeScript like TypEcs with:
- Webclipse, see https://www.genuitec.com/forums/topic/debugging-typescript/
- JSDT debugger, see https://bugs.eclipse.org/bugs/show_bug.cgi?id=487465
Activity
piotrtomiak commentedon Feb 8, 2016
@angelozerr we have the support scheduled for upcoming release. I will ensure that breakpoints work with your editor as well, for web and nodejs debugging. Is there any other target for TypeScript debugging?
piotrtomiak commentedon Feb 25, 2016
@angelozerr do you have any update site from which I could install your TypeScript plugins? If I am correct and the files are opened in a regular JSDT editor, there should be no problem with putting breakpoints.
angelozerr commentedon Feb 25, 2016
@piotrtomiak please read https://github.com/angelozerr/typescript.java/wiki/Installation-Update-Site but it's not finished.
piotrtomiak commentedon Feb 26, 2016
Yeah, the update-site is not working. I've checked out projects from git and it works. We are going to release source map support in 1-2 weeks. To get workspace mapping working, you will need to setup
sourceRootproperty correctly:{ "compilerOptions": { "target": "es5", "outDir": "target/js-build", "sourceMap": true, "sourceRoot": "workspace:test/src/main/typescript" }, "files": [ "src/main/typescript/demo.ts" ] }angelozerr commentedon Feb 26, 2016
To be honnest with you, I have done that quicly without testing it. I have created the issue
#7
Very cool!
Is it a standard tsconfig.json property?
piotrtomiak commentedon Feb 26, 2016
Yes. There are several ways to get this working depending on where you keep sources and whether you use Externally Launched Web app or JEE Web App launching. There'll be a FAQ on that, so no worries :)
angelozerr commentedon Feb 26, 2016
Thanks @piotrtomiak I'm a little exciting to play with your debugger :)
piotrtomiak commentedon Mar 23, 2016
@angelozerr Webclipse 2016 CI 1 release contains the updated debugger, which has in-built support for source maps. It supports your TypeScript editor as well. Please refer to FAQ: https://www.genuitec.com/tech/javascript-debugging-with-source-maps/ on how to configure your project to have the best experience with source maps.
Please let me know what do you think about the support!
angelozerr commentedon Apr 8, 2016
@piotrtomiak I will test your work, but I don't know if it will work since now I have a custom TypeScriptEditor (not JSDT JavaEditor)
piotrtomiak commentedon Apr 8, 2016
Yes, it won't work. I'll look it on Monday.
angelozerr commentedon Apr 8, 2016
Argh -( sorry with this changes. Now I will not change TypeScript editor since I have a very well performance (because I don't create a JSDT DOM AST).
piotrtomiak commentedon Apr 11, 2016
No problem, shouldn't be a big deal. Would you be able to create a snapshot build with the editor, so that I don't have to configure TypeScript.java build environment?
angelozerr commentedon Apr 11, 2016
Hi @piotrtomiak the update site https://github.com/angelozerr/typescript.java/wiki/Installation-Update-Site shoudl work.
piotrtomiak commentedon Apr 11, 2016
Great, thanks!
angelozerr commentedon Apr 11, 2016
Your are welcome. Just for your information, I have started to fill wiki to show implemented features of TypeScript Editor at https://github.com/angelozerr/typescript.java/wiki/Editor-Features (it's not finished).
I will implement soon "Compilation" feature (like "compilation on save) and after I will create a release. Hope MyEclipse will be interested with typescript.java
Issue angelozerr#2: Support for debugging TypeScript with JavaScript …
piotrtomiak commentedon Apr 11, 2016
We definitely are :) I hope we will be able to integrate support in a near future
Merge pull request #45 from Genuitec/master
angelozerr commentedon Apr 18, 2016
@piotrtomiak I'm really sorry, but I have changed content type :
ts.eclipse.ide.core.jsdt.tsSourcetots.eclipse.ide.core.tsSourcets.eclipse.ide.core.jsdt.tsxSourcetots.eclipse.ide.core.tsxSourcets.eclipse.ide.core.jsdt.jsxSourcetots.eclipse.ide.core.jsxSourceI had no time to test it with Webclipse, hope it will not causes problem.
Great news!
piotrtomiak commentedon Apr 18, 2016
That's not a problem for debugger setup. All the support is tied to editor's ID, so unless you change the id of editor, everything works.
angelozerr commentedon Apr 18, 2016
Cool! Thanks for your answer.
angelozerr commentedon May 17, 2016
@piotrtomiak I have added a wilki section about TypeScript debugging https://github.com/angelozerr/typescript.java/wiki/TypeScript-Debugging
If you have a link to Webclipse & TypeScript debugging, tell me, I will add it. It should be cool if we have a demo with this debugging feature.
piotrtomiak commentedon May 17, 2016
Thanks! I'll be looking into creation of such a demo and I'll let you know once it's available. Were you able to test debugger?
Implement JSDT SourceMap Language Support implementation for TypeScript
Add Debugging plugin in the update site. See
Add Debugging plugin in the update site. See
angelozerr commentedon Jul 7, 2017
Oxygen hosts now SourceMap support by integrating my PR https://bugs.eclipse.org/bugs/show_bug.cgi?id=487465
It's not perfect (JSDT SourceMap support should be improved), but we can start to debug TypeScript.