tailwindcss-rails 2.2.0 → 2.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: de196b39f177a23353fe1b2264233a5dc43135997dbe64d977a023f4284ee895
-  data.tar.gz: 8e4a38a8f018572466852d7c3a7179f07b44715aa2618b7eddf509e2826e21a9
+  metadata.gz: f14bac83bc6a8df8bba207524b748c4f9a1a7689b012b3495814af1276e51172
+  data.tar.gz: 5714edc137dee618ea34462f1c0033d2bf6cafda8180e0448a6a15aea9ae3ab9
 SHA512:
-  metadata.gz: efeb15889ec6cd234f64d2c2561833d0f3876bbf97c25070577e09be1ee499b1db11b0243f258f6bb3659ebc8e97cf93fe53c150a2b119372c7f1239567bfdf3
-  data.tar.gz: 51ec5b33d3e065b1c7c2d1f330c5b8b2d654bf6413e072ae3524557e87a2c01ddc8b7638c6d2c0b6144d77c5e30837b781c65f7953c3446f0b7061591b191d0e
+  metadata.gz: 8b8e7c71d76761ca29c57bdcfee4d41c585ce8b8fef60186e251689999a93354b2b9603bb9b3f0c6ec796f2478fbe1fcff172014793772e8f46628976c0b535f
+  data.tar.gz: 1a68c451d9f716e7788ec72d9dc726383d9b9f3bd7a5b261997cf5ef60b75fe75632113f4cb549dbc699e053f24999f49056091ac7709f9890da6024f3495134

data/README.md

@@ -38,7 +38,6 @@ This also works with relative paths. If you've installed into your app's directo
 TAILWINDCSS_INSTALL_DIR=node_modules/.bin
 ```
 
-
 ## Developing with Tailwindcss
 
 ### Configuration
@@ -100,6 +99,24 @@ If you want unminified assets, you can pass a `debug` argument to the rake task,
 Note that you can combine task options, e.g. `rails tailwindcss:watch[debug,poll]`.
 
 
+### Using with PostCSS
+
+If you want to use PostCSS as a preprocessor, create a custom `config/postcss.config.js` and it will be loaded automatically.
+
+For example, to enable nesting:
+
+```js
+// config/postcss.config.js
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+```
+
 ### Custom inputs or outputs
 
 If you need to use a custom input or output file, you can run `bundle exec tailwindcss` to access the platform-specific executable, and give it your own build options.
@@ -192,6 +209,12 @@ The inline version also works:
 <section class="bg-[url('image.svg')]">Has the image as it's background</section>
 ```
 
+### Conflict with pre-existing asset pipeline stylesheets
+
+If you get a warning `Unrecognized at-rule or error parsing at-rule ‘@tailwind’.` in the browser console after installation, you incorrectly double-process `application.tailwind.css`. This is a misconfiguration, even though the styles will be fully effective in many cases. The file `application.tailwind.css` is installed when running `rails tailwindcss:install` and is placed alongside the common `application.css` in `app/assets/stylesheets`. Because the `application.css` in a newly generated Rails app includes a `require_tree .` directive, the asset pipeline incorrectly processes `application.tailwind.css`, where it should be taken care of by `tailwindcss`. The asset pipeline ignores TailwindCSS's at-directives, and the browser can't process them.
+
+To fix the warning, you can either remove the `application.css`, if you don't plan to use the asset pipeline for stylesheets, and instead rely on TailwindCSS completely for styles. This is what this installer assumes. Else, if you do want to keep using the asset pipeline in parallel, make sure to remove the `require_tree .` line from the `application.css`.
+
 ## License
 
 Tailwind for Rails is released under the [MIT License](https://opensource.org/licenses/MIT).

data/lib/generators/tailwindcss/controller/controller_generator.rb

@@ -3,7 +3,8 @@ require "rails/generators/erb/controller/controller_generator"
 module Tailwindcss
   module Generators
     class ControllerGenerator < Erb::Generators::ControllerGenerator
-      source_root File.expand_path("../templates", __FILE__)
+      source_root File.expand_path("templates", __dir__)
+      source_paths << "lib/templates/erb/controller"
     end
   end
 end

data/lib/generators/tailwindcss/mailer/mailer_generator.rb

@@ -3,7 +3,8 @@ require "rails/generators/erb/mailer/mailer_generator"
 module Tailwindcss
   module Generators
     class MailerGenerator < Erb::Generators::MailerGenerator
-      source_root File.expand_path("../templates", __FILE__)
+      source_root File.expand_path("templates", __dir__)
+      source_paths << "lib/templates/erb/mailer"
     end
   end
 end

data/lib/generators/tailwindcss/mailer/templates/layout.html.erb.tt

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%%= yield %>
+  </body>
+</html>

data/lib/generators/tailwindcss/mailer/templates/layout.text.erb.tt

@@ -0,0 +1 @@
+<%%= yield %>

data/lib/generators/tailwindcss/scaffold/scaffold_generator.rb

@@ -6,7 +6,8 @@ module Tailwindcss
     class ScaffoldGenerator < Erb::Generators::ScaffoldGenerator
       include Rails::Generators::ResourceHelpers
 
-      source_root File.expand_path("../templates", __FILE__)
+      source_root File.expand_path("templates", __dir__)
+      source_paths << "lib/templates/erb/scaffold"
 
       argument :attributes, type: :array, default: [], banner: "field:type field:type"
 

data/lib/generators/tailwindcss/scaffold/templates/_form.html.erb.tt

@@ -15,7 +15,7 @@
   <div class="my-5">
 <% if attribute.password_digest? -%>
     <%%= form.label :password %>
-    <%%= form.password_field :password %>
+    <%%= form.password_field :password, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
 </div>
 
 <div class="my-5">

data/lib/tailwindcss/commands.rb

@@ -74,14 +74,19 @@ module Tailwindcss
       end
 
       def compile_command(debug: false, **kwargs)
-        [
+        command = [
           executable(**kwargs),
           "-i", Rails.root.join("app/assets/stylesheets/application.tailwind.css").to_s,
           "-o", Rails.root.join("app/assets/builds/tailwind.css").to_s,
           "-c", Rails.root.join("config/tailwind.config.js").to_s,
-        ].tap do |command|
-          command << "--minify" unless (debug || rails_css_compressor?)
-        end
+        ]
+
+        command << "--minify" unless (debug || rails_css_compressor?)
+
+        postcss_path = Rails.root.join("config/postcss.config.js")
+        command += ["--postcss", postcss_path.to_s] if File.exist?(postcss_path)
+
+        command
       end
 
       def watch_command(always: false, poll: false, **kwargs)

data/lib/tailwindcss/upstream.rb

@@ -1,7 +1,7 @@
 module Tailwindcss
   # constants describing the upstream tailwindcss project
   module Upstream
-    VERSION = "v3.4.0"
+    VERSION = "v3.4.1"
 
     # rubygems platform name => upstream release filename
     NATIVE_PLATFORMS = {

data/lib/tailwindcss/version.rb

@@ -1,3 +1,3 @@
 module Tailwindcss
-  VERSION = "2.2.0"
+  VERSION = "2.3.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tailwindcss-rails
 version: !ruby/object:Gem::Version
-  version: 2.2.0
+  version: 2.3.0
 platform: ruby
 authors:
 - David Heinemeier Hansson
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2024-01-04 00:00:00.000000000 Z
+date: 2024-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -56,6 +56,8 @@ files:
 - lib/generators/tailwindcss/controller/controller_generator.rb
 - lib/generators/tailwindcss/controller/templates/view.html.erb.tt
 - lib/generators/tailwindcss/mailer/mailer_generator.rb
+- lib/generators/tailwindcss/mailer/templates/layout.html.erb.tt
+- lib/generators/tailwindcss/mailer/templates/layout.text.erb.tt
 - lib/generators/tailwindcss/mailer/templates/view.html.erb.tt
 - lib/generators/tailwindcss/mailer/templates/view.text.erb.tt
 - lib/generators/tailwindcss/scaffold/scaffold_generator.rb