Installation works, but opening the SARIF view does not work :(

Could you share a screenshot please?

Do you have any errors in browser and backend process logs?

and yes webviews are working only in secure context, that is https or localhost

Thanks for your reply! Hm, then the issue might not be related to me not using https since I'm working on localhost.

Actually I'm wrong I wasn't using Theia on localhost. I now tried to do that but I cannot access 127.0.0.1:3000 (Emtpy response) when I tell Theia's hostname to 127.0.0.1. I'm attaching the output and my docker setup...

The webview basically says "the sever ip of localhost could not be found"

And when I try to host Theia on localhost, I don't get a response...

I would very much appreciate your input here.

Also, I'm not much into web technology in general. Could you elaborate on the implications when hosting Theia on a server? How do I need to configure the extensions to work in that context? Do I need to set the THEIA_WEBVIEW_EXTERNAL_ENDPOINT variable in that case as well or would it be enough to put Theia behind a revers proxy with enforced https to get it working together with the extension?

For the sake of completeness, here is my package.json:

{ "private": true, "theia": { "frontend": { "config": { "applicationName": "Test", "preferences": { "files.enableTrash": false } } } }, "dependencies": { "

@theia

/editor-preview": "next", "

@theia

/file-search": "next", "

@theia

/getting-started": "next", "

@theia

/git": "next", "

@theia

/java": "next", "

@theia

/json": "next", "

@theia

/markers": "next", "

@theia

/messages": "next", "

@theia

/navigator": "next", "

@theia

/outline-view": "next", "

@theia

/preferences": "next", "

@theia

/search-in-workspace": "next", "

@theia

/terminal": "next", "

@theia

/textmate-grammars": "next", "

@theia

/tslint": "next", "

@theia

/typescript": "next", "typescript": "next", "

@theia

/plugin-ext": "next", "

@theia

/plugin": "next", "

@theia

/plugin-ext-vscode": "next" }, "resolutions": { "vscode-languageserver-protocol": "3.15.0-next.9", "vscode-languageserver-types": "3.15.0-next.9", "/vscode-json-languageserver//vscode-languageserver": "6.0.0-next.1" }, "devDependencies": { "

@theia

/cli": "next" } }

What if you try with THEIA_WEBVIEW_EXTERNAL_ENDPOINT=localhost?

{{localhost}} won't do anything {{..}} is a placeholder

It depends on what your proxy does, if it somehow rewrites the host then you will need to modify THEIA_WEBVIEW_EXTERNAL_ENDPOINT to reflect it, if not then you don't need to change it

Also replacing with THEIA_WEBVIEW_EXTERNAL_ENDPOINT=localhost is not necessary, if you can access the page from localhost. Theia will be able to figure it from the default pattern, i.e. the default pattern is {{uuid}}.webview.{{hostname}}, since Theia is served from localhost, at runtime it will be computed to someid.webview.localhost.

replacing THEIA_WEBVIEW_EXTERNAL_ENDPOINT with localhost can also cause security issues

And this is what my browser is telling me about the response:

request URL looks bogus, hostname is %7b%7Blocalhost%7B%7B, please remove {{ and }}, they are for placeholders

request URL looks bogus, hostname is %7b%7Blocalhost%7B%7B, please remove {{ and }}, they are for placeholders

I see! So I changed the endpoint to THEIA_WEBVIEW_EXTERNAL_ENDPOINT=localhost and I get "Not Found The requested URL was not found on this server." in the extension view. I started Theia with "--hostname=0.0.0.0". I guess the url cannot be found since now the webview and Theia are running on different hosts? (localhost vs 0.0.0.0)