Typescript files no longer available on Chrome Devtools

[rollwhistler]

Hi there,

We have developed a plugin using Angular 2, which uses Typescript packaged with Webpack.

On previous versions of indesign, when opening the chrome devtools, we could see a "webpack" folder, with the original .ts files for debugging.

But since I updated Indesign to 2018, I can only debug the final .js files. The webpack folder is nowhere to be seen.

Does anyone have encountered this? Any workarounds? Ideas?

Thank you very much!

Marc

[Loic.Aigon]

Have you tried CEF Client ?

CEP-Resources/CEP_8.x at master · Adobe-CEP/CEP-Resources · GitHub

[rollwhistler]

Thanks Loic, but I don't know how to use it and can't find info.

What I do right now is open localhost:8001 on chrome, and I can access the devtools.

I tried to do the same on the CEF client, but no clue.

Can you point me to a readme or whatever that explain how to debug cep extensions using this?

Thank you!

Marc

[Loic.Aigon]

For Typescript I couldn't tell.

[rollwhistler]

There shouldn't be a difference.

How do you debug javascript? I'd do the same, open chrome at the configured port, in my case localhost:8001 and use the devtools.

How do you debug javascript using the cef client?

Thank you!

[Stefan Riedmann]

I've got the same issue... I'm setting up my environment for an Angular4 extension with typescript, but ..

1. I can't debug the typescript files from within the chrome tools

2. I don't know how to refresh the extension without restarting Illustrator

rollwhistler​ can you tell me if you solved the refresh issue at least?

[rollwhistler]

I'm afraid I have no solution yet, sorry.

But what I do is close just the extension and open it again, that is enough, no need to close the whole Application.

The crazy thing is that once you install 2018, even 2017 doesn't work well, I guess 2018 overwrites the devtools for all the versions or something :-(.

[Stefan Riedmann]

rollwhistler​ finally I solved it with a trick, and I like it very much. the actual extension is running inside an iFrame of a static (minimal) extension. Like this, you can debug typescript and use angular's cli webserver (with incremental build and auto refresh).

I wrote it in a post, I'd be happy about some feedback

http://www.ciclosoftware.com/2018/03/02/debuggable-and-refreshing-adobe-extension-with-angular-and-t...

Best regards,

Stefan

[Sailesh0D4D]

Hi Marc, 

Did you get to the bottom of this issue?

[erinferinferinf]

This is kind of odd... I didn't think you could use TypeScript with InDesign! It's supported for Premiere Pro, XD, and some new APIs, but I didn't know you could use it in the way @Stefan Riedmann writes about above.