Is it possible to make this work without npm but with importmap #2135
-
|
Hello :) I am pretty new to javascript, i have a rails 7 that does not have npm or yarn installed and that is for now only using importmaps. I would like to use the primer CSS to support the view components. Is it possible to have primer/css without npm, only using importmaps ? Thank you so much for your help, |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 4 replies
-
|
Hey @troptropcontent, interesting question! I have personally never used import maps before, but after reading a bit about them I think primer/view-components should work with them. Try putting something like this in config/importmap.rb: pin "@primer/view-components", to: "https://ga.jspm.io/npm:@primer/[email protected]/app/assets/javascripts/primer_view_components.js"As for the CSS from primer/view-components and primer/css, you should be able to pull them in directly using <link rel="stylesheet" href="https://unpkg.com/@primer/[email protected]/app/assets/styles/primer_view_components.css" crossorigin="" />
<link rel="stylesheet" href="https://unpkg.com/@primer/[email protected]/dist/primer.css" crossorigin="" /> |
Beta Was this translation helpful? Give feedback.
-
|
It worked perfectly 🙏 Thank you so much !! One more question, i have a date input to setup, but i do not see a date_input in the form documentation 🙏 How would you do that ? |
Beta Was this translation helpful? Give feedback.
-
|
Awesome, glad it's working!
Ah yeah, date inputs aren't currently supported by the forms framework. A member of our team was actually looking at adding one last week, not sure how much progress was made. I wrote up this gist as a guide for adding new input types, although it's not much to go on 😅 I have a message out to my my team member and will post here when I hear back. You're welcome to take a shot at it too if you like 👍 |
Beta Was this translation helpful? Give feedback.
-
|
I will definitely give it a try 🙏 (I think that the gist link you provide is not the good one, it redirects to here) |
Beta Was this translation helpful? Give feedback.
-
|
Woops, sorry about that! Just edited the post to include the right link 😅 |
Beta Was this translation helpful? Give feedback.
Hey @troptropcontent, interesting question! I have personally never used import maps before, but after reading a bit about them I think primer/view-components should work with them. Try putting something like this in config/importmap.rb:
As for the CSS from primer/view-components and primer/css, you should be able to pull them in directly using
<link>tags: