Make install compatible with NPM 9+

Author: David Heinemeier Hansson

lib/install/bootstrap/install.rb

@@ -19,9 +19,13 @@
 say "Add build:css script"
 build_script = "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
 
-if (`npx -v`.to_f < 7.1 rescue "Missing")
-  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :red
-else
+case `npx -v`.to_f
+when 7.1...8.0
   run %(npm set-script build:css "#{build_script}")
   run %(yarn build:css)
+when (8.0..)
+  run %(npm pkg set scripts.build:css="#{build_script}")
+  run %(yarn build:css)
+else
+  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :green
 end

lib/install/bulma/install.rb

@@ -6,9 +6,13 @@
 say "Add build:css script"
 build_script = "sass ./app/assets/stylesheets/application.bulma.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
 
-if (`npx -v`.to_f < 7.1 rescue "Missing")
-  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :red
-else
+case `npx -v`.to_f
+when 7.1...8.0
   run %(npm set-script build:css "#{build_script}")
   run %(yarn build:css)
+when (8.0..)
+  run %(npm pkg set scripts.build:css="#{build_script}")
+  run %(yarn build:css)
+else
+  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :green
 end

lib/install/postcss/install.rb

@@ -6,9 +6,13 @@
 say "Add build:css script"
 build_script = "postcss ./app/assets/stylesheets/application.postcss.css -o ./app/assets/builds/application.css"
 
-if (`npx -v`.to_f < 7.1 rescue "Missing")
-  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :red
-else
+case `npx -v`.to_f
+when 7.1...8.0
   run %(npm set-script build:css "#{build_script}")
   run %(yarn build:css)
+when (8.0..)
+  run %(npm pkg set scripts.build:css="#{build_script}")
+  run %(yarn build:css)
+else
+  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :green
 end

lib/install/sass/install.rb

@@ -5,9 +5,13 @@
 say "Add build:css script"
 build_script = "sass ./app/assets/stylesheets/application.sass.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
 
-if (`npx -v`.to_f < 7.1 rescue "Missing")
-  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :red
-else
+case `npx -v`.to_f
+when 7.1...8.0
   run %(npm set-script build:css "#{build_script}")
   run %(yarn build:css)
+when (8.0..)
+  run %(npm pkg set scripts.build:css="#{build_script}")
+  run %(yarn build:css)
+else
+  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :green
 end

lib/install/tailwind/install.rb

@@ -6,9 +6,13 @@
 say "Add build:css script"
 build_script = "tailwindcss -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
 
-if (`npx -v`.to_f < 7.1 rescue "Missing")
-  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :red
-else
+case `npx -v`.to_f
+when 7.1...8.0
   run %(npm set-script build:css "#{build_script}")
   run %(yarn build:css)
+when (8.0..)
+  run %(npm pkg set scripts.build:css="#{build_script}")
+  run %(yarn build:css)
+else
+  say %(Add "scripts": { "build:css": "#{build_script}" } to your package.json), :green
 end