Add RubyMine and WebStorm as IDEs

[mustard-mh]

Description

Add RubyMine and WebStorm as IDEs 🎉

Related Issue(s)

• Epic: Implement remaining JetBrains IDE's (CLion, WebStorm, Rider, RubyMine) #7751

How to test

• Open preview env, check IDE options added
• Select RM and WS as IDE, open workspace check if it works
• Open JetBrains Gateway, change Gitpod host to this preview env, and check if IDE options added
• Check also GH Action

Release Notes

Add `RubyMine` and `WebStorm` IDEs

Documentation

• https://github.com/gitpod-io/website/issues/2832

Werft options:

• /werft with-local-preview
  If enabled this will build install/preview
• /werft with-preview
• /werft with-large-vm
• /werft with-integration-tests=all
  Valid options are all, workspace, webapp, ide

[felladrin]

Code reviewed! ✅

[felladrin]

Notice [Non-Blocking]: We need to review/unarchive these two example repos:

• https://github.com/gitpod-io/template-jetbrains-rubymine
• https://github.com/gitpod-io/template-jetbrains-webstorm

/cc @loujaybee

Alternatively, we could use the following up-to-date templates for:

• RubyMine: https://github.com/gitpod-io/template-ruby-on-rails-postgres
• WebStorm: https://github.com/gitpod-io/template-typescript-react

[loujaybee]

Yep, will take a look at them, shouldn't block this PR, though, right?

CC: @Siddhant-K-code - let's add this to the backlog to review.

[Siddhant-K-code]

I think.

• For webstorm: template-typescript-react is good & easy repo to test it out. This is outdated, but will not affect.

• For Rubymine:

  • template-ruby-on-rails-postgres this looks outdated but yeah, this is a complex one to test.

  But,

  • Speciality in this template-jetbrains-rubymine because of this it fetches a registry from JetBrains. So this looks more better to test the integration & workflow. (Action Item: We need to Un-Archive it)

[felladrin]

@mustard-mh, can we add the Werft option /werft with-large-vm, to allow more people to test simultaneously?

[werft-gitpod-dev-com]

started the job as gitpod-build-hw-add-ide.4 because the annotations in the pull request description changed
(with .werft/ from main)

[andreafalzetti]

On smaller screens the Continue button will be hidden because the modal does not scroll vertically. Shall we have 2 rows of 4 as a quick workaround until we find a better way? cc @gtsiolis

[gtsiolis]

Nice catch, @andreafalzetti! Agree, let's go with a boring (simple) MVC fix like the two rows of four for now. 🤝

diff --git a/components/dashboard/src/settings/SelectIDEModal.tsx b/components/dashboard/src/settings/SelectIDEModal.tsx
index e24318a74..dde3e3504 100644
--- a/components/dashboard/src/settings/SelectIDEModal.tsx
+++ b/components/dashboard/src/settings/SelectIDEModal.tsx
@@ -44,7 +44,7 @@ export default function (props: SelectIDEModalProps) {
             visible={visible}
             onClose={handleContinue}
             closeable={true}
-            className="_max-w-xl"
+            className="max-w-2xl"
             buttons={<button onClick={handleContinue}>Continue</button>}
         >
             <p className="text-gray-500 dark:text-gray-400 text-base pb-3">

BEFORE	AFTER

[gtsiolis]

UX LGTM!

[iQQBot]

Test it works

Webstorm	Rubymine

/hold in case someone wants to check

[andreafalzetti]

I am so excited about this! Thanks @mustard-mh 🥇

I've tested both and they work great.

also, thanks @gtsiolis for jumping in and providing the changes 🙏

PS: I don't think the UX is a blocker, I will update the dashboard in a follow-up PR.

[andreafalzetti]

/unhold