Merge pull request #199 from betagouv/feat/use-dsfr-assets

npm: use the dsfr-assets gem instead of Node

Gemfile.lock

@@ -1,7 +1,8 @@
 PATH
   remote: .
   specs:
-    dsfr-view-components (2.0.1)
+    dsfr-view-components (2.1.0)
+      dsfr-assets (~> 1.13)
       html-attributes-utils (~> 1)
       pagy (~> 6)
       view_component (~> 3)
@@ -111,6 +112,7 @@ GEM
     diff-lcs (1.5.1)
     docile (1.4.1)
     drb (2.2.1)
+    dsfr-assets (1.13.0)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)

README.md

@@ -25,6 +25,8 @@ Pour utiliser cette gem dans votre application Rails, il faut ajouter cette lign
 require "dsfr/components"
 ```
 
+**NOTE:** depuis la version 2.1, la gem dépend de [`dsfr-assets`](https://github.com/betagouv/dsfr-assets) qui embarque les assets du DSFR pour vous. Pour laisser au temps aux équipes de vérifier cette intégration, l'inclusion des assets est optionnelle mais peut se faire en suivant [les instructions dans le README de dsfr-assets](https://github.com/betagouv/dsfr-assets?tab=readme-ov-file#installation).
+
 ## Composants disponibles
 
 Cette gem a pour but de supporter tous les composants proposés par le Design Système de l'État hormis ceux concernant les formulaires. Ceux-ci seront fournis dans une gem indépendante dans le futur.
@@ -75,12 +77,11 @@ Utilisez le générateur pour créer un nouveau composant :
 bin/rails g dsfr_component FancyButton --params title:String count:Integer
 ```
 
-
 Lancer la dummy app pour itérer sur les composants :
 
 ```sh
 cd spec/dummy
-bundle install && npm install
+bundle install
 bundle exec rails server
 ```
 
@@ -90,7 +91,6 @@ Déployer une nouvelle version de la gem :
 VERSION=1.3.2 make deploy_gem
 ```
 
-
 ## Licence
 
 Le code source et la gem sont ouverts sous la licence [MIT](https://opensource.org/licenses/MIT).

dsfr-view-components.gemspec

@@ -16,7 +16,11 @@ Gem::Specification.new do |spec|
   spec.name        = "dsfr-view-components"
   spec.version     = Dsfr::Components::VERSION
   spec.authors     = ["BetaGouv developers"]
-  spec.email       = ["[email protected]", "[email protected]", "[email protected]"]
+  spec.email       = [
+    "[email protected]",
+    "[email protected]",
+    "[email protected]"
+  ]
   spec.homepage    = "https://github.com/betagouv/dsfr-view-components"
   spec.summary     = "Composants ViewComponent pour le Système de Design de l'État (DSFR)"
   spec.description = "Cette librairie de composants vise à simplifier l’usage du DSFR (Système de Design de l'État) dans les applications web utilisant Ruby On Rails"
@@ -29,14 +33,15 @@ Gem::Specification.new do |spec|
   spec.add_dependency "html-attributes-utils", "~> 1"
   spec.add_dependency "pagy", "~> 6"
   spec.add_dependency "view_component", "~> 3"
+  spec.add_dependency "dsfr-assets", "~> 1.13"
 
   spec.add_development_dependency "deep_merge"
   spec.add_development_dependency "guard"
   spec.add_development_dependency "guard-rspec"
   spec.add_development_dependency "pry-byebug"
   spec.add_development_dependency "rspec-html-matchers", "~> 0.9"
   spec.add_development_dependency "rubocop"
-  spec.add_development_dependency("simplecov", "~> 0.20")
+  spec.add_development_dependency "simplecov", "~> 0.20"
   spec.add_development_dependency "sqlite3"
   spec.add_development_dependency "yard"
 

lib/dsfr/components/version.rb

@@ -1,5 +1,5 @@
 module Dsfr
   module Components
-    VERSION = '2.0.1'.freeze
+    VERSION = '2.1.0'.freeze
   end
 end

spec/dummy/app/assets/stylesheets/application.css

@@ -0,0 +1 @@
+{}

spec/dummy/app/views/layouts/application.html.erb

@@ -8,6 +8,11 @@
 
     <%# <meta name="theme-color" content="#000091"> %>
     <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%= stylesheet_link_tag "dsfr.min", "application-turbo-track": "reload" %>
+
+    <%= javascript_include_tag "dsfr.module.min.js", type: 'module' %>
+    <%= javascript_include_tag "dsfr.nomodule.min.js", nomodule: true %>
+
     <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
   </head>
 

spec/dummy/config/application.rb

@@ -5,6 +5,8 @@
 require "action_view/railtie"
 
 Bundler.require(*Rails.groups)
+
+require "dsfr/assets"
 require "dsfr/components"
 
 module Dummy