tailwindcss-rails 2.0.6 → 2.0.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f3079cc567f402bd4f9f38c53e20e40d75d63aadf5b64b05d7c97593d275049f
-  data.tar.gz: f5a28d5e46a0d80d4f2d1909e38761f3e801b82e579970010a5cd6cf53cc1a6c
+  metadata.gz: 5cbbe62062eac1dcdc83e1a7e829358e5be93a32076837515565483664c3d994
+  data.tar.gz: b2085b36482b7d3b6139c2a74470bbd6c7cba1ec4dbd7802793689831abae3cc
 SHA512:
-  metadata.gz: 1b4146053ad12b5516c3689b2ce8100029dabb170ec382b50bffd0b8901e5203f3e7f43832f5b210860790b75f63f8de72217b58e6e81a54030ad1a0c526999b
-  data.tar.gz: 8b5cef94fe6d2b19da9b526378abae42ddde2085e22c9fad2ef9df9bb5eb3a6e9fbb5e0e28c50cb8496249f8200b36f82a3e32067c09507f4f35fef861fd5aeb
+  metadata.gz: a3396fc63e0dd8fc740fa9c3e0b872b77a90992f4a9eed37c11f686aff7e54e25163fda7f77ed3a4e130967cf938f92dc71bc7ebfb6cb9472ac118d433534f34
+  data.tar.gz: 2f5095d2efc27ad75c987203bdb6a056f615200a8d1c060739a4a02c0bf9f6708b6db03f768ab5aa0bf24dfea995cc1bdd78035026ec54550a92c0fbbb1abd7f

data/README.md

@@ -2,7 +2,7 @@
 
 [Tailwind CSS](https://tailwindcss.com) is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
 
-This gem wraps [the standalone executable version](https://tailwindcss.com/blog/standalone-cli) of the Tailwind CSS 3 framework. These executables are platform specific, so there are actually separate underlying gems per platform, but the correct gem will automatically be picked for your platform. Supported platforms are Linux x64, macOS arm64, macOS x64, and Windows x64. (Note that due to this setup, you must install the actual gems – you can't pin your gem to the github repo.)
+This gem wraps [the standalone executable version](https://tailwindcss.com/blog/standalone-cli) of the Tailwind CSS v3 framework. These executables are platform specific, so there are actually separate underlying gems per platform, but the correct gem will automatically be picked for your platform. Supported platforms are Linux x64, macOS arm64, macOS x64, and Windows x64. (Note that due to this setup, you must install the actual gems – you can't pin your gem to the github repo.)
 
 You can customize the Tailwind build through the `config/tailwind.config.js` file, just like you would if Tailwind was running in a traditional node installation. All the first-party plugins are supported.
 
@@ -10,7 +10,7 @@ The installer will create your Tailwind input file in `app/assets/stylesheets/ap
 
 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.
 
-When you're developing your application, you want to run Tailwind in watch mode, so changes are automatically reflected in the generated CSS output. You can do this either by running `rails tailwindcss:watch` as a separate process, or by running `./bin/dev` which uses [foreman](https://github.com/ddollar/foreman) to starts both the Tailwind watch process and the rails server in development mode.
+When you're developing your application, you want to run Tailwind in watch mode, so changes are automatically reflected in the generated CSS output. You can do this either by running `rails tailwindcss:watch` as a separate process, or by running `./bin/dev` which uses [foreman](https://github.com/ddollar/foreman) to starts both the Tailwind watch process and the rails server in development mode. If you are running `rails tailwindcss:watch` as a process in a Docker container, set `tty: true` in `docker-compose.yml` for the appropriate container to keep the watch process running.
 
 
 ## Installation
@@ -47,6 +47,7 @@ Some users are reporting this error even when running on one of the supported na
 
 - arm64-darwin
 - x64-mingw32
+- x64-mingw-ucrt
 - x86_64-darwin
 - x86_64-linux
 - aarch64-linux
@@ -93,6 +94,27 @@ A fix for this has been proposed upstream at https://github.com/tailwindlabs/tai
 apk add build-base gcompat
 ```
 
+### Using asset-pipeline assets
+
+In Rails, you want to use [assets from the asset pipeline to get fingerprinting](https://guides.rubyonrails.org/asset_pipeline.html#what-is-fingerprinting-and-why-should-i-care-questionmark). However, Tailwind isn't aware of those assets. To use assets from the pipeline, use `url(image.svg)`. [Since Sprockets v3.3.0](https://github.com/rails/sprockets-rails/pull/476) `url(image.svg)` will then automatically be rewritten to `/path/to/assets/image-7801e7538c6f1cc57aa75a5876ab0cac.svg`. So the output CSS will have the correct path to those assets.
+
+```js
+module.exports = {
+    theme: {
+        extend: {
+            backgroundImage: {
+                'image': "url('image.svg')"
+            }
+        }
+    }
+}
+```
+
+The inline version also works:
+
+```html
+<section class="bg-[url('image.svg')]">Has the image as it's background</section>
+```
 
 ## License
 

data/lib/install/tailwind.config.js

@@ -2,9 +2,10 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 
 module.exports = {
   content: [
+    './public/*.html',
     './app/helpers/**/*.rb',
     './app/javascript/**/*.js',
-    './app/views/**/*'
+    './app/views/**/*.{erb,haml,html,slim}'
   ],
   theme: {
     extend: {

data/lib/install/tailwindcss.rb

@@ -7,8 +7,10 @@ if APPLICATION_LAYOUT_PATH.exist?
     <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
   ERB
 
-  insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(    <main class="container mx-auto mt-28 px-5 flex">\n  ), before: CENTERING_CONTAINER_INSERTION_POINT
-  insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(\n    </main>),  after: CENTERING_CONTAINER_INSERTION_POINT
+  if File.open(APPLICATION_LAYOUT_PATH).read =~ /<body>\n\s*<%= yield %>\n\s*<\/body>/
+    insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(    <main class="container mx-auto mt-28 px-5 flex">\n  ), before: CENTERING_CONTAINER_INSERTION_POINT
+    insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(\n    </main>),  after: CENTERING_CONTAINER_INSERTION_POINT
+  end
 else
   say "Default application.html.erb is missing!", :red
   say %(        Add <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %> within the <head> tag in your custom layout.)

data/lib/tailwindcss/upstream.rb

@@ -1,12 +1,13 @@
 module Tailwindcss
   # constants describing the upstream tailwindcss project
   module Upstream
-    VERSION = "v3.0.22"
+    VERSION = "v3.1.3"
 
     # rubygems platform name => upstream release filename
     NATIVE_PLATFORMS = {
       "arm64-darwin" => "tailwindcss-macos-arm64",
       "x64-mingw32" => "tailwindcss-windows-x64.exe",
+      "x64-mingw-ucrt" => "tailwindcss-windows-x64.exe",
       "x86_64-darwin" => "tailwindcss-macos-x64",
       "x86_64-linux" => "tailwindcss-linux-x64",
       "aarch64-linux" => "tailwindcss-linux-arm64",

data/lib/tailwindcss/version.rb

@@ -1,3 +1,3 @@
 module Tailwindcss
-  VERSION = "2.0.6"
+  VERSION = "2.0.9"
 end

data/lib/tasks/build.rake

@@ -1,4 +1,4 @@
-TAILWIND_COMPILE_COMMAND = "#{Pathname.new(__dir__).to_s}/../../exe/tailwindcss -i #{Rails.root.join("app/assets/stylesheets/application.tailwind.css")} -o #{Rails.root.join("app/assets/builds/tailwind.css")} -c #{Rails.root.join("config/tailwind.config.js")} --minify"
+TAILWIND_COMPILE_COMMAND = "#{RbConfig.ruby} #{Pathname.new(__dir__).to_s}/../../exe/tailwindcss -i '#{Rails.root.join("app/assets/stylesheets/application.tailwind.css")}' -o '#{Rails.root.join("app/assets/builds/tailwind.css")}' -c '#{Rails.root.join("config/tailwind.config.js")}' --minify"
 
 namespace :tailwindcss do
   desc "Build your Tailwind CSS"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tailwindcss-rails
 version: !ruby/object:Gem::Version
-  version: 2.0.6
+  version: 2.0.9
 platform: ruby
 authors:
 - David Heinemeier Hansson
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-02-19 00:00:00.000000000 Z
+date: 2022-06-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -51,7 +51,6 @@ files:
 - app/assets/fonts/Inter-roman.symbols.var.woff2
 - app/assets/fonts/Inter-roman.vietnamese.var.woff2
 - app/assets/stylesheets/inter-font.css
-- app/assets/stylesheets/tailwind.css
 - exe/tailwindcss
 - lib/generators/tailwindcss/controller/controller_generator.rb
 - lib/generators/tailwindcss/controller/templates/view.html.erb.tt
@@ -98,7 +97,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.32
+rubygems_version: 3.3.14
 signing_key:
 specification_version: 4
 summary: Integrate Tailwind CSS with the asset pipeline in Rails.