Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add importmaps rails and turbo rails #15201

Open
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

krauselukas
Copy link
Contributor

@krauselukas krauselukas commented Nov 14, 2023

DO NOT MERGE: I would like to test this on our test instance first, to see if it works in production environment.

https://github.com/rails/importmap-rails
https://github.com/hotwired/turbo-rails

Import maps let us import Javascript modules without the need of Webpack
or similar. This is one step towards a more modern Javascript stack
in our project and required in order to use Turbo Rails.

Turbo gives you the speed of a single-page web application without having to write any JavaScript. Turbo accelerates links and form submissions without requiring you to change your server-side generated HTML.

As an example, I included a little refactoring in the PR, that moves the inline editing of the project information from using Javascript to Turbo.

TODO:

  • Fix obs-server package
  • Test in test production instance

@krauselukas krauselukas added Frontend Things related to the OBS RoR app DO NOT MERGE ⚠️ Explain yourself if you add/remove this label to a PR labels Nov 14, 2023
@hellcp-work
Copy link
Contributor

Would it be possible to go further, so that we can test if we can include action cable with turbo. That way we could use the full functionality of it?

@krauselukas
Copy link
Contributor Author

Would it be possible to go further, so that we can test if we can include action cable with turbo. That way we could use the full functionality of it?

Maybe, I dont want to make the scope of the PR to big. I have to fix the obs-server rpm first.

https://github.com/rails/importmap-rails

Import maps let us import Javascript without the need of Webpack
or similar. This is one step towards a more modern Javascript stack
in our project and required in order to use Turbo Rails.
The installation script of importmap rails wasn't able to add the
tag since we use the haml format in our views (it was looking for
.erb). The tag will include the javascript coming from importmaps-rails
in our views.
It interfers with some of our current javascript code, for now we should
opt-in on demand.
As an example of what we can do with turbo rails, I'm using it
for the inline editing of the project information. After adapting
the user and package inline editing as well, we can remove some
javascript code.
@krauselukas krauselukas force-pushed the hackweek/add_importmap_rails_and_turbo branch from 9c50fd1 to 9fd2279 Compare December 12, 2023 15:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
DO NOT MERGE ⚠️ Explain yourself if you add/remove this label to a PR Frontend Things related to the OBS RoR app
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants