tailwindcss-rails-webpacker 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b194df1be2279bca5ff3bfc82ed7b9c6c391a53f52b8ff0c1f439f0c139b9529
-  data.tar.gz: 59314057129220441d9e2dc37d28e1dc8822ebfba228c36ee98c14045450d686
+  metadata.gz: dd057558a2d696d288db5d20ff3686f2f72e2efe14ea1aeba572edadd957da15
+  data.tar.gz: 0be73bef1ee45532a856e18095fc3f0ec68fd1ac105254152f8fd7a89faaa806
 SHA512:
-  metadata.gz: bbf5fff36f7c7076ffe7ae97e343b8c106cdaf6e5f02edc6126899bcf5767beeb0d67cba665c58fa0241aaf78bf68adfb37d168072b5749ff1029ca902eb2091
-  data.tar.gz: 40c89d7a27b438c2311cc0ce504229c8bb7a5a55954fb269e9ba3476d93938821d0cd19836223978bc1b8e4a71c96ed00926b62b844d3536035d51c7b650d0e2
+  metadata.gz: '0285c063eed50e80b6cae766073d2d2ccfc6bfe00d718c7ea7764657f8338f5ec9699450021348f0fccaf208ca98add84aab784887aa253980aee1dc46565238'
+  data.tar.gz: 85cbf1394821a075fc0e529b71ac09a789a70e62fbe23706c5ba4b1949f0de57186976f41c7f3150d2a7646341fb7a7f16c01acb2499a02ae40336d4b0391292

data/README.md

@@ -6,12 +6,16 @@ This gem gives access to the standard Tailwind CSS framework configured for Rail
 
 This is extraction originally created inside the [tailwindcss-rails](https://github.com/rails/tailwindcss-rails) gem.
 
+Gem overrides default Rails scaffold generators in favour of Tailwind
+designed templates by Adam Wathan and the Tailwind team.
+
 
 ## Installation
 
 1. Run `./bin/bundle add tailwindcss-rails-webpacker`
 2. Run `./bin/rails tailwindcss:install`
 
+
 ## Purging in production
 
 The Tailwind CSS framework starts out as a massive file, which gives you all the combinations of utility classes for development, but you wouldn't want to ship all those unused classes in production.
@@ -20,5 +24,5 @@ This gem will automatically purge those unused classes in production.
 
 ## License
 
-Tailwind for Rails is released under the [MIT License](https://opensource.org/licenses/MIT).
+Tailwind for Rails Webpacker is released under the [MIT License](https://opensource.org/licenses/MIT).
 Tailwind CSS is released under the [MIT License](https://opensource.org/licenses/MIT).

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

@@ -0,0 +1,34 @@
+require 'rails/generators/erb/scaffold/scaffold_generator'
+require "rails/generators/resource_helpers"
+
+module Tailwindcss
+  module Generators
+    class ScaffoldGenerator < Erb::Generators::ScaffoldGenerator
+      include Rails::Generators::ResourceHelpers
+
+      source_root File.expand_path("../templates", __FILE__)
+
+      argument :attributes, type: :array, default: [], banner: "field:type field:type"
+
+      def create_root_folder
+        empty_directory File.join("app/views", controller_file_path)
+      end
+
+      def copy_view_files
+        available_views.each do |view|
+          formats.each do |format|
+            filename = filename_with_extensions(view, format)
+            template filename, File.join("app/views", controller_file_path, filename)
+          end
+        end
+
+        template "partial.html.erb", File.join("app/views", controller_file_path, "_#{singular_table_name}.html.erb")
+      end
+
+      private
+        def available_views
+          %w(index edit show new _form)
+        end
+    end
+  end
+end

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

@@ -0,0 +1,43 @@
+<%%= form_with(model: <%= model_resource_name %>, class: "contents") do |form| %>
+  <%% if <%= singular_table_name %>.errors.any? %>
+    <div id="error_explanation" class="bg-red-50 text-red-500 px-3 py-2 font-medium rounded-lg mt-3">
+      <h2><%%= pluralize(<%= singular_table_name %>.errors.count, "error") %> prohibited this <%= singular_table_name %> from being saved:</h2>
+
+      <ul>
+        <%% <%= singular_table_name %>.errors.each do |error| %>
+          <li><%%= error.full_message %></li>
+        <%% end %>
+      </ul>
+    </div>
+  <%% end %>
+
+  <% attributes.each do |attribute| -%>
+    <div class="my-5">
+    <% if attribute.password_digest? -%>
+        <%%= form.label :password %>
+        <%%= form.password_field :password %>
+    </div>
+
+    <div class="my-5">
+        <%%= form.label :password_confirmation %>
+        <%%= form.password_field :password_confirmation, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+    <% elsif attribute.attachments? -%>
+        <%%= form.label :<%= attribute.column_name %> %>
+        <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, multiple: true, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+    <% else -%>
+        <%%= form.label :<%= attribute.column_name %> %>
+    <% if attribute.field_type == :text_area -%>
+        <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, rows: 4, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+    <% elsif attribute.field_type == :check_box -%>
+        <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "block mt-2 h-5 w-5" %>
+    <% else -%>
+        <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "block shadow rounded-md border border-gray-200 outline-none px-3 py-2 mt-2 w-full" %>
+    <% end -%>
+    <% end -%>
+    </div>
+
+  <% end -%>
+  <div class="inline">
+    <%%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium" %>
+  </div>
+<%% end %>

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

@@ -0,0 +1,8 @@
+<div class="mx-auto md:w-2/3 w-full">
+  <h1 class="font-bold text-4xl">Editing <%= human_name.downcase %></h1>
+
+  <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
+
+  <%%= link_to "Show this <%= human_name.downcase %>", @<%= singular_table_name %>, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+  <%%= link_to "Back to <%= human_name.pluralize.downcase %>", <%= index_helper %>_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+</div>

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

@@ -0,0 +1,14 @@
+<div class="w-full">
+  <%% if notice.present? %>
+    <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%%= notice %></p>
+  <%% end %>
+
+  <div class="flex justify-between items-center">
+    <h1 class="text-lg font-bold text-4xl"><%= human_name.pluralize %></h1>
+    <%%= link_to 'New <%= human_name.downcase %>', new_<%= singular_route_name %>_path, class: "rounded-lg py-3 px-5 bg-blue-600 text-white block font-medium" %>
+  </div>
+
+  <div id="<%= plural_table_name %>" class="min-w-full">
+    <%%= render @<%= plural_table_name %> %>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+<div class="mx-auto md:w-2/3 w-full">
+  <h1 class="text-lg font-bold text-4xl">New <%= human_name.downcase %></h1>
+
+  <%%= render "form", <%= singular_table_name %>: @<%= singular_table_name %> %>
+
+  <%%= link_to 'Back to <%= human_name.pluralize.downcase %>', <%= index_helper %>_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+</div>

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

@@ -0,0 +1,22 @@
+<div id="<%%= dom_id <%= singular_table_name %> %>">
+<% attributes.reject(&:password_digest?).each do |attribute| -%>
+  <p class="my-5">
+    <strong class="block font-medium mb-1"><%= attribute.human_name %>:</strong>
+  <% if attribute.attachment? -%>
+      <%%= link_to <%= singular_table_name %>.<%= attribute.column_name %>.filename, <%= singular_table_name %>.<%= attribute.column_name %> if <%= singular_table_name %>.<%= attribute.column_name %>.attached? %>
+  <% elsif attribute.attachments? -%>
+      <%% <%= singular_table_name %>.<%= attribute.column_name %>.each do |<%= attribute.singular_name %>| %>
+        <div><%%= link_to <%= attribute.singular_name %>.filename, <%= attribute.singular_name %> %></div>
+      <%% end %>
+  <% else -%>
+      <%%= <%= singular_table_name %>.<%= attribute.column_name %> %>
+  <% end -%>
+  </p>
+
+<% end -%>
+  <%% if action_name != "show" %>
+    <%%= link_to "Show this <%= human_name.downcase %>", <%= singular_table_name %>, class: "rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <%%= link_to 'Edit this <%= human_name.downcase %>', edit_<%= singular_table_name %>_path(<%= singular_table_name %>), class: "rounded-lg py-3 ml-2 px-5 bg-gray-100 inline-block font-medium" %>
+    <hr class="mt-6">
+  <%% end %>
+</div>

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

@@ -0,0 +1,15 @@
+<div class="mx-auto md:w-2/3 w-full flex">
+  <div class="mx-auto">
+    <%% if notice.present? %>
+      <p class="py-2 px-3 bg-green-50 mb-5 text-green-500 font-medium rounded-lg inline-block" id="notice"><%%= notice %></p>
+    <%% end %>
+
+    <%%= render @<%= singular_table_name %> %>
+
+    <%%= link_to 'Edit this <%= singular_table_name %>', edit_<%= singular_table_name %>_path(@<%= singular_table_name %>), class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+    <div class="inline-block ml-2">
+      <%%= button_to 'Delete this <%= singular_table_name %>', <%= singular_table_name %>_path(@<%= singular_table_name %>), method: :delete, data: { confirm: "Are you sure you want to delete this <%= singular_table_name %>?" }, class: "mt-2 rounded-lg py-3 px-5 bg-gray-100 font-medium" %>
+    </div>
+    <%%= link_to 'Back to <%= plural_table_name %>', <%= index_helper %>_path, class: "ml-2 rounded-lg py-3 px-5 bg-gray-100 inline-block font-medium" %>
+  </div>
+</div>

data/lib/install/tailwindcss.rb

@@ -13,8 +13,10 @@ insert_into_file "postcss.config.js", "require('tailwindcss')(\"./app/javascript
 
 
 if APPLICATION_LAYOUT_PATH.exist?
-  say "Add Tailwindcss include tags in application layout"
+  say "Add Tailwindcss include tags and container element in application layout"
   insert_into_file Rails.root.join("app/views/layouts/application.html.erb").to_s, %(\n    <%= stylesheet_pack_tag "application", "data-turbo-track": "reload" %>), before: /\s*<\/head>/
+  insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(    <main class="container mx-auto mt-28 px-5 flex">\n  ), before: /^\s*<%= yield/
+  insert_into_file APPLICATION_LAYOUT_PATH.to_s, %(\n    </main>),  after: /^\s*<%= yield %>/
 else
   say "Default application.html.erb is missing!", :red
   say %(        Add <%= stylesheet_pack_tag "application", "data-turbo-track": "reload" %> within the <head> tag in your custom layout.)

data/lib/tailwindcss/engine.rb

@@ -1,4 +1,7 @@
 module Tailwindcss
   class Engine < ::Rails::Engine
+    config.app_generators do |g|
+      g.template_engine :tailwindcss
+    end
   end
 end

data/lib/tailwindcss/version.rb

@@ -1,3 +1,3 @@
 module Tailwindcss
-  VERSION = "0.1.2"
+  VERSION = "0.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tailwindcss-rails-webpacker
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - Dino Maric
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-08-22 00:00:00.000000000 Z
+date: 2021-09-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -35,6 +35,13 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- lib/generators/tailwindcss/scaffold/scaffold_generator.rb
+- lib/generators/tailwindcss/scaffold/templates/_form.html.erb.tt
+- lib/generators/tailwindcss/scaffold/templates/edit.html.erb.tt
+- lib/generators/tailwindcss/scaffold/templates/index.html.erb.tt
+- lib/generators/tailwindcss/scaffold/templates/new.html.erb.tt
+- lib/generators/tailwindcss/scaffold/templates/partial.html.erb.tt
+- lib/generators/tailwindcss/scaffold/templates/show.html.erb.tt
 - lib/install/stylesheets/application.scss
 - lib/install/stylesheets/tailwind.config.js
 - lib/install/tailwindcss.rb