tailwindcss 0.2.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 89a0670927390550f8cfab2082b510ab6d8da7b2
-  data.tar.gz: 6fe7b71efa73ceb111a9e67769061ea223b33b08
+SHA256:
+  metadata.gz: bc01fe3094b2bed39b343eba8d4601af791f1074a384294a257317f81717fc98
+  data.tar.gz: beff6604fa03cb609a680dd4a757c606d1bcb1033fc3044687abaea587677e4a
 SHA512:
-  metadata.gz: a5207eb263ac5352a1ba35060970848c70a700306599e9aa0c3887298c754a2ab0f333390c6c514425d6a82fbbb091a6eb80a4bb77dfe78fab5d6526f55ae469
-  data.tar.gz: 81219bbd1171a96d4a3dd6812f114f4bfe9360181723cfc5ea51b2f8b47a587bc30242cae378d9117c5ef26171caaee551fe2cf1a5bf7ada15c3fe9e4f106118
+  metadata.gz: 00bcaeefd15c5ec1e47a7e38e36ae910efcad7f841f52c68ebc106dd94f5e52d0647857b352890b75bf477cb69f158070f83fb94c504f1da9e2912669eac60f1
+  data.tar.gz: 06340550e8b2eea74b2a43e473976f9222ccc89bfc61504ca81592af994b4ba9b3787e1cd93356bd662d5cea024645e49bafc0daa1d7c01855de365fefe8fc78

data/Gemfile.lock

@@ -1,46 +1,46 @@
 PATH
   remote: .
   specs:
-    tailwindcss (0.1.3)
+    tailwindcss (1.0.0)
       railties (>= 4.1.0, < 6.0)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    actionpack (5.2.0)
-      actionview (= 5.2.0)
-      activesupport (= 5.2.0)
+    actionpack (5.2.3)
+      actionview (= 5.2.3)
+      activesupport (= 5.2.3)
       rack (~> 2.0)
       rack-test (>= 0.6.3)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.2)
-    actionview (5.2.0)
-      activesupport (= 5.2.0)
+    actionview (5.2.3)
+      activesupport (= 5.2.3)
       builder (~> 3.1)
       erubi (~> 1.4)
       rails-dom-testing (~> 2.0)
       rails-html-sanitizer (~> 1.0, >= 1.0.3)
-    activesupport (5.2.0)
+    activesupport (5.2.3)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 0.7, < 2)
       minitest (~> 5.1)
       tzinfo (~> 1.1)
     builder (3.2.3)
-    concurrent-ruby (1.0.5)
+    concurrent-ruby (1.1.5)
     crass (1.0.4)
     diff-lcs (1.3)
-    erubi (1.7.1)
-    i18n (1.0.1)
+    erubi (1.8.0)
+    i18n (1.6.0)
       concurrent-ruby (~> 1.0)
-    loofah (2.2.2)
+    loofah (2.2.3)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
-    method_source (0.9.0)
-    mini_portile2 (2.3.0)
+    method_source (0.9.2)
+    mini_portile2 (2.4.0)
     minitest (5.11.3)
-    nokogiri (1.8.4)
-      mini_portile2 (~> 2.3.0)
-    rack (2.0.5)
+    nokogiri (1.10.3)
+      mini_portile2 (~> 2.4.0)
+    rack (2.0.7)
     rack-test (1.1.0)
       rack (>= 1.0, < 3)
     rails-dom-testing (2.0.3)
@@ -48,12 +48,12 @@ GEM
       nokogiri (>= 1.6)
     rails-html-sanitizer (1.0.4)
       loofah (~> 2.2, >= 2.2.2)
-    railties (5.2.0)
-      actionpack (= 5.2.0)
-      activesupport (= 5.2.0)
+    railties (5.2.3)
+      actionpack (= 5.2.3)
+      activesupport (= 5.2.3)
       method_source
       rake (>= 0.8.7)
-      thor (>= 0.18.1, < 2.0)
+      thor (>= 0.19.0, < 2.0)
     rake (10.5.0)
     rspec (3.7.0)
       rspec-core (~> 3.7.0)
@@ -68,7 +68,7 @@ GEM
       diff-lcs (>= 1.2.0, < 2.0)
       rspec-support (~> 3.7.0)
     rspec-support (3.7.1)
-    thor (0.20.0)
+    thor (0.20.3)
     thread_safe (0.3.6)
     tzinfo (1.2.5)
       thread_safe (~> 0.1)
@@ -83,4 +83,4 @@ DEPENDENCIES
   tailwindcss!
 
 BUNDLED WITH
-   1.16.2
+   1.17.2

data/README.md

@@ -19,63 +19,26 @@ In order to run the install generator from `tailwindcss` you need to add the [we
 
 
 
-#### Installing webpacker
+#### Installing webpacker + tailwindcss
 
-You first need to add this to you `Gemfile`:
+tailwindcss-rails ~> 1.0.0 supports Rails ~>5.2.0 and tailwindcss ~> 1.0
+
+You first need to add the following gems to your `Gemfile`:
 
 ```
 # Gemfile
-gem 'webpacker', '~> 3.5'
-
-# OR if you prefer to use master
-gem 'webpacker', git: 'https://github.com/rails/webpacker.git'
-yarn add https://github.com/rails/webpacker.git
-
-# OR to try out 4.x pre-release
-gem 'webpacker', '>= 4.0.x'
-yarn add @rails/webpacker@4.0.0-pre.2
+gem 'webpacker', '~> 4.0.0'
+gem 'tailwindcss', '~> 1.0.0'
 ```
 
-Finally, run following to install Webpacker:
+Run the following:
 
-```
+```shell
 bundle
-bundle exec rails webpacker:install
-
-# OR (on rails version < 5.0)
-bundle exec rake webpacker:install
-```
-
-
-
-**You are now ready to add the tailwindcss gem**
-
-
-
-#### Installing Tailwind CSS
-
-You need to include the `tailwindcss` gem inside your `Gemfile`:
-
-```ruby
-gem 'tailwindcss'
-```
 
-or you can install the latest build:
-
-```ruby
-gem 'tailwindcss', git: 'https://github.com/IcaliaLabs/tailwindcss-rails.git'
-```
-
-Install the gem by running the bundle command:
-
-```
-$ bundle
-```
-
-After running the `bundle` command, you can now run the installer.
+bundle exec rails webpacker:install
 
-```console
-$ rails g tailwindcss:install
+bundle exec rails g tailwindcss:install
 ```
 
 This will prepare the application to use tailwind by:
@@ -84,26 +47,29 @@ This will prepare the application to use tailwind by:
 2. Create a `javascript/css` directory
 3. Init tailwind from the `node_modules`
 4. Setup tailwind
-5. Configure `.postcssrc.yml` file
+5. Configure `postcss.config.js` file
 
-If you want to know how this is achieve, you can go [here](https://github.com/IcaliaLabs/tailwindcss-rails/blob/master/lib/generators/tailwindcss/install_generator.rb).
+If you want to know how this is achieved, you can go [here](https://github.com/IcaliaLabs/tailwindcss-rails/blob/master/lib/generators/tailwindcss/install_generator.rb).
 
-Lastly but not least, you have to add this two lines to your `application` layout in order to compile it.
+These two lines will compile the assets from the `app/javascript/css` folder.
 
-```
-<%= stylesheet_pack_tag    'application' %>
-<%= javascript_pack_tag 'application' %>
+You must add the following to your `config/initializers/content_security_policy.rb`:
+```ruby
+  Rails.application.config.content_security_policy do |policy|
+    policy.connect_src :self, :https, 'http://localhost:3035', 'ws://localhost:3035' if Rails.env.development?
+  end
 ```
 
-This two lines will compile the assets from the `app/javascript/css` folder.
+Inside of `config/webpacker.yml`, you must set `extract_css: true` default is `false`.
 
-Don't forget to run the `webpacker` server like so:
+You have to add these two lines to your `application` layout in order to compile it.
 
-```
-./bin/webpack-dev-server
+```ruby
+<%= stylesheet_pack_tag    'application' %>
+<%= javascript_pack_tag 'application' %>
 ```
 
-This will lift a node server that will watch the changes on files and compile them.
+Webpacker will automatically compile your assets while a `bundle exec rails s` is active.
 
 ## Contributing
 

data/lib/generators/tailwindcss/install_generator.rb

@@ -8,26 +8,26 @@ module Tailwindcss
       source_root File.expand_path("../../templates", __FILE__)
 
       def yarn_add_tailwindcss
-        run "yarn --ignore-engines add tailwindcss"
-      end
-
-      def create_javascript_css_directory
-        run "mkdir app/javascript/css"
+        run "yarn --ignore-engines add tailwindcss@1.0.0 --tilde"
       end
 
       def init_tailwindcss
-        run "./node_modules/.bin/tailwind init app/javascript/css/tailwind.js"
+        run "./node_modules/.bin/tailwind init ./tailwind.config.js"
       end
 
       def setup_tailwindcss
-        template "tailwind.css", "app/javascript/css/tailwind.css"
-        append_to_file "app/javascript/packs/application.js", 'import "../css/tailwind.css"'
+        template "tailwind.css", "app/javascript/css/application.css"
+        append_to_file "app/javascript/packs/application.js", 'import "../css/application.css"'
       end
 
       def configure_postcssrc
-        inject_into_file "./.postcssrc.yml", "\n  tailwindcss: './app/javascript/css/tailwind.js'", before: "postcss-cssnext: {}"
+        inject_into_file "postcss.config.js", "    require('tailwindcss'),\n", after: "require('postcss-import'),\n"
+        inject_into_file "postcss.config.js", "    require('autoprefixer'),\n", after: "plugins: [\n"
+      end
+
+      def remove_corejs_3
+        gsub_file "babel.config.js", /regenerator: true,\n          corejs: 3/, "regenerator: true,"
       end
     end
   end
 end
-

data/lib/generators/templates/tailwind.css

@@ -1,62 +1,3 @@
-/**
- * This injects Tailwind's base styles, which is a combination of
- * Normalize.css and some additional base styles.
- *
- * You can see the styles here:
- * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
- *
- * If using `postcss-import`, use this import instead:
- *
- * @import "tailwindcss/preflight";
- */
-@tailwind preflight;
-
-/**
- * This injects any component classes registered by plugins.
- *
- * If using `postcss-import`, use this import instead:
- *
- * @import "tailwindcss/components";
- */
-@tailwind components;
-
-/**
- * Here you would add any of your custom component classes; stuff that you'd
- * want loaded *before* the utilities so that the utilities could still
- * override them.
- *
- * Example:
- *
- * .btn { ... }
- * .form-input { ... }
- *
- * Or if using a preprocessor or `postcss-import`:
- *
- * @import "components/buttons";
- * @import "components/forms";
- */
-
-/**
- * This injects all of Tailwind's utility classes, generated based on your
- * config file.
- *
- * If using `postcss-import`, use this import instead:
- *
- * @import "tailwindcss/utilities";
- */
-@tailwind utilities;
-
-/**
- * Here you would add any custom utilities you need that don't come out of the
- * box with Tailwind.
- *
- * Example :
- *
- * .bg-pattern-graph-paper { ... }
- * .skew-45 { ... }
- *
- * Or if using a preprocessor or `postcss-import`:
- *
- * @import "utilities/background-patterns";
- * @import "utilities/skew-transforms";
- */
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";

data/lib/tailwindcss/version.rb

@@ -1,3 +1,3 @@
 module Tailwindcss
-  VERSION = "0.2.0".freeze
+  VERSION = "1.0.0".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tailwindcss
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Abraham Kuri
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-08-03 00:00:00.000000000 Z
+date: 2019-05-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -116,8 +116,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.5.2
+rubygems_version: 3.0.3
 signing_key: 
 specification_version: 4
 summary: Tailwind CSS Rails Integration + Webpacker