How do I build the extension after making changes?

#1

I have modified the hello-world-extension and trying to rebuild to see the changes.

[original thread by Nilabhra Patra]

#2

Hi @nilabhra-patra . Have you followed this guide? https://www.theia-ide.org/doc/authoring_extensions

#3

If so, just running “yarn” in the root of your extension should do the trick

#4

[Nilabhra Patra]

Thank you! I will check on that

#5

You can also do watching, so you do not have to rebuild everything after your change. Note, you have to watch your extension and the application as well: https://github.com/theia-ide/theia/blob/master/doc/Developing.md#watching

#6

[Nilabhra Patra]

This is nice. Thanks for pointing out.

#7

[Nilabhra Patra]

Me again. I changed the message from “Hello World” to “Test” in /workspace/theia/theia-hello-world-extension/hello-world-extension/src/browser/hello-world-extension-contribution.ts and trying to build. Ran “yarn” in root. Then ran yarn start in /workspace/theia/theia-hello-world-extension/browser-app. I am unable to see the changes. Am I missing something?

#8

Can you give a brief overview about your project structure? But let’s assume you have a folder, let’s say root. Inside root, you have the browser-app and the electron-app. Also, you have a single extension: theia-hello-world-extension. When in root, I usually do yarn --cwd ./theia-hello-world-extension/ watch to compile the TS code if I change anything in my extension. Then I run yarn --cwd ./browser-app/ watch to watch the application. So when I change something in my extension, webpack will pick up my changes and update the bundle.js for the frontend code. Finally, I start the application with yarn --cwd ./browser-app/ start. All yarn commands run in a separate shell. Note, if you change anything in the backend, root/theia-hello-world-extension/src/node, you must restart the application. I hope this helps.

#9

[Nilabhra Patra]

I am directly running the Theia repo in Gitpod. I can only see browser-app and electron-app in theia-hello-world-extension. Considering them to be the same that is mentioned before, I tried to built. Still I am not able to see my changes

#10

@nilabhra-patra please read README file, it explains how you can incrementally develop your extension

#11

it’s generated from https://github.com/theia-ide/generator-theia-extension/blob/master/templates/README.md#developing-with-the-browser-example

#12

[Nilabhra Patra]

Thank you. I am able to see the changes.