tailwindcss-rails 0.3.1 → 0.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 02103a11966729f1d12ce639508812723041e0b31eb16d1975eb7a8b0e51d127
-  data.tar.gz: 6efcf452cfa585413a954607fa4558485fa8014b80de52bd8a3e1ffbb30a50a9
+  metadata.gz: 9a23aa96ec3c3b061d372150421858f794226f56ab7acadd4db92e949757ab16
+  data.tar.gz: '0219635fa13a0a7abc84ec4897260cfeb4f207b46a02accd72424f277dbb0027'
 SHA512:
-  metadata.gz: 1cde59ad3bd2cdbf6965e06aff1cc87523ea0e777944623e5f1dd3d9842b74f4171659f1f5436220f7fe2f5ac3dee412fb70d5f3aeb19ab75d52386e334b3ea8
-  data.tar.gz: 98cae3c85094323de192bcb1f8efd345c59b9d1357c0281fb3b102bb86a1bb2bd10ca7cac17f5f3a3562507b0f80316a7264277d4f4ce49a8968ec335940910e
+  metadata.gz: 44d99ac7a29ed5ba163b52c5a9b9f835c71d5ee73826a6462133c8966d50ee219a826a4078912b092e1a0c4b5931744029cf97a3132c3e3725e20cb8816710a4
+  data.tar.gz: 6755c08c948f909bf39f6bcf25d6ee48408e75e0e8d7ed18360043c8791dedc9fbdcfa52e6d980b66518a38258dcce20c0d9d32a8fb8627728ada2c583e5a8b6

data/README.md

@@ -4,7 +4,7 @@
 
 Tailwind CSS for Rails works with both the asset pipeline and Webpacker.
 
-When use with the asset pipeline, production-mode purging of unused css class names is provided by a Sprockets compressor built into this gem. This compressor ensures that only the css classes used by files in `app/views` and `app/helpers` are included. In development mode, the full 3mb+ Tailwind stylsheet is loaded. In both cases, Tailwind CSS is configured for dark mode, forms, aspect-ratio, typography, and the Inter font. If you need more configuration than that, you'll need to use it with Webpacker.
+When use with the asset pipeline, production-mode purging of unused css class names is provided by a Sprockets compressor built into this gem. This compressor ensures that only the css classes used by files in `app/views` and `app/helpers` are included. In development mode, the full 3mb+ Tailwind stylesheet is loaded. In both cases, Tailwind CSS is configured for dark mode, forms, aspect-ratio, typography, and the Inter font. If you need more configuration than that, you'll need to use it with Webpacker.
 
 When used with Webpacker, Tailwind CSS is installed as a postCSS processor. Refer to the [TailwindCSS documentation](https://tailwindcss.com/docs/installation#customizing-your-configuration) to customize your tailwind.config.js file.
 
@@ -18,7 +18,7 @@ When run on an app using the just the asset pipeline, the last step adds the pur
 
 You can do these things yourself, if you've changed the default setup.
 
-Note: You should ensure to delete `app/assets/stylesheets/scaffold.scss` that Rails adds after running a scaffold command, if you had run this generator before installing Tailwind CSS for Rails. This stylesheet will interfere with Tailwind's reset of base styles. This gem will turn off stylesheet generation for all future scaffold runs.
+Note: You should ensure to delete `app/assets/stylesheets/scaffolds.scss` that Rails adds after running a scaffold command, if you had run this generator before installing Tailwind CSS for Rails. This stylesheet will interfere with Tailwind's reset of base styles. This gem will turn off stylesheet generation for all future scaffold runs.
 
 When run on an app using Webpacker, the last step adds the npm dependencies for Tailwind CSS, configures postCSS, and generates a app/javascript/stylesheets/application.scss file as the default for using Tailwind.
 
@@ -41,7 +41,7 @@ end
 If you need to customize what files are searched for class names when using the asset pipeline, you need to replace the compressor line with something like:
 
 ```ruby
-  config.assets.css_compressor = Tailwindcss::Compressor.new(files_with_class_names: Rails.root.glob("app/somehere/**/*.*"))
+  config.assets.css_compressor = Tailwindcss::Compressor.new(files_with_class_names: Rails.root.glob("app/somewhere/**/*.*"))
 ```
 
 By default, the CSS purger will only operate on the tailwind css file included with this gem. If you want to use it more broadly:
@@ -55,4 +55,4 @@ By default, the CSS purger will only operate on the tailwind css file included w
 
 Tailwind for Rails is released under the [MIT License](https://opensource.org/licenses/MIT).
 Tailwind CSS is released under the [MIT License](https://opensource.org/licenses/MIT).
-The Inter font is relased under the [SIL Open Font License, Version 1.1](https://github.com/rsms/inter/blob/master/LICENSE.txt).
+The Inter font is released under the [SIL Open Font License, Version 1.1](https://github.com/rsms/inter/blob/master/LICENSE.txt).

data/lib/install/tailwindcss_with_webpacker.rb

@@ -1,19 +1,17 @@
-LATEST_WEBPACKER         = "\"@rails\/webpacker\": \"rails\/webpacker#b6c2180\","
 WEBPACK_STYLESHEETS_PATH = "#{Webpacker.config.source_path}/stylesheets"
 APPLICATION_LAYOUT_PATH  = Rails.root.join("app/views/layouts/application.html.erb")
 
-# Current webpacker version relies on an older version of PostCSS
-# which the latest TailwindCSS version is not compatible with
-gsub_file("package.json", /\"@rails\/webpacker\".*/) { |matched_line| matched_line = LATEST_WEBPACKER }
+say "Installing Tailwind CSS"
+run "yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9"
+insert_into_file "#{Webpacker.config.source_entry_path}/application.js", "\nimport \"stylesheets/application\"\n"
 
-say "Adding latest Tailwind CSS and postCSS"
-run "yarn add tailwindcss@latest postcss@latest autoprefixer@latest"
-insert_into_file "#{Webpacker.config.source_entry_path}/application.js", "\nrequire(\"stylesheets/application.scss\")\n"
-
-say "Adding minimal configuration for Tailwind CSS to work properly"
+say "Configuring Tailwind CSS"
 directory Pathname.new(__dir__).join("stylesheets"), Webpacker.config.source_path.join("stylesheets")
+Dir.chdir(WEBPACK_STYLESHEETS_PATH) { run "npx tailwindcss init" }
+
+insert_into_file "postcss.config.js", "require('tailwindcss')(\"./app/javascript/stylesheets/tailwind.config.js\"),\n    ",
+  before: "require('postcss-import')"
 
-insert_into_file "postcss.config.js", "require('tailwindcss'),\n\t", before: "  require('postcss-import')"
 
 if APPLICATION_LAYOUT_PATH.exist?
   say "Add Tailwindcss include tags in application layout"

data/lib/tailwindcss/purger.rb

@@ -1,5 +1,5 @@
 class Tailwindcss::Purger
-  CLASS_NAME_PATTERN       = /([:A-Za-z0-9_-]+[\.]*[\\\/:A-Za-z0-9_-]*)/
+  CLASS_NAME_PATTERN       = /([:A-Za-z0-9_-]+[\.\\\/:A-Za-z0-9_-]*)/
   OPENING_SELECTOR_PATTERN = /\..*\{/
   CLOSING_SELECTOR_PATTERN = /\s*\}/
   NEWLINE = "\n"

data/lib/tailwindcss/version.rb

@@ -1,3 +1,3 @@
 module Tailwindcss
-  VERSION = "0.3.1"
+  VERSION = "0.3.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tailwindcss-rails
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.3.3
 platform: ruby
 authors:
 - David Heinemeier Hansson
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-01-22 00:00:00.000000000 Z
+date: 2021-02-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -24,7 +24,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 6.0.0
-description: 
+description:
 email: david@loudthinking.com
 executables: []
 extensions: []
@@ -65,7 +65,7 @@ licenses:
 - MIT
 metadata:
   homepage_uri: https://github.com/rails/tailwindcss-rails
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -81,7 +81,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Integrate Tailwind CSS with the asset pipeline in Rails.
 test_files: []