tailwindcss-rails 2.0.0.rc1-x86_64-linux

data/exe/tailwindcss

@@ -0,0 +1,20 @@
+#! /usr/bin/env ruby
+# because rubygems shims assume a gem's executables are Ruby
+
+require "shellwords"
+
+platform_dir = Dir.glob(File.join(__dir__, "*")).select do |f|
+  File.directory?(f) && Gem::Platform.match(File.basename(f))
+end.first
+if platform_dir.nil?
+  raise "Cannot find the tailwindcss executable in #{__dir__} (1)"
+end
+
+exe_path = File.join(platform_dir, "tailwindcss")
+if !File.exist?(exe_path)
+  raise "Cannot find the tailwindcss executable in #{__dir__} (2)"
+end
+
+command = Shellwords.join([exe_path, ARGV].flatten)
+puts "+ #{command}"
+exec(command)

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

@@ -0,0 +1,9 @@
+require "rails/generators/erb/controller/controller_generator"
+
+module Tailwindcss
+  module Generators
+    class ControllerGenerator < Erb::Generators::ControllerGenerator
+      source_root File.expand_path("../templates", __FILE__)
+    end
+  end
+end

data/lib/generators/tailwindcss/controller/templates/view.html.erb.tt

@@ -0,0 +1,4 @@
+<div>
+  <h1 class="text-lg font-bold text-4xl"><%= class_name %>#<%= @action %></h1>
+  <p>Find me in <%= @path %></p>
+</div>

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

@@ -0,0 +1,9 @@
+require "rails/generators/erb/mailer/mailer_generator"
+
+module Tailwindcss
+  module Generators
+    class MailerGenerator < Erb::Generators::MailerGenerator
+      source_root File.expand_path("../templates", __FILE__)
+    end
+  end
+end

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

@@ -0,0 +1,5 @@
+<h1><%= class_name %>#<%= @action %></h1>
+
+<p>
+  <%%= @greeting %>, find me in <%= @path %>
+</p>

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

@@ -0,0 +1,3 @@
+<%= class_name %>#<%= @action %>
+
+<%%= @greeting %>, find me in <%= @path %>

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 cursor-pointer" %>
+  </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 'Destroy this <%= singular_table_name %>', <%= singular_table_name %>_path(@<%= singular_table_name %>), method: :delete, 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/Procfile.dev

@@ -0,0 +1,2 @@
+web: bin/rails server -p 3000
+css: rails tailwindcss:watch

data/lib/install/application.tailwind.css

@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+
+@layer components {
+  .btn-primary {
+    @apply py-2 px-4 bg-blue-200;
+  }
+}
+
+*/

data/lib/install/dev

@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+if ! command -v foreman &> /dev/null
+then
+  echo "Installing foreman..."
+  gem install foreman
+fi
+
+foreman start -f Procfile.dev

data/lib/install/tailwind.config.js

@@ -0,0 +1,22 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  darkMode: 'media',
+  content: [
+    './app/helpers/**/*.rb',
+    './app/javascript/**/*.js',
+    './app/views/**/*'
+  ],  
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
+}

data/lib/install/tailwindcss.rb

@@ -0,0 +1,52 @@
+APPLICATION_LAYOUT_PATH = Rails.root.join("app/views/layouts/application.html.erb")
+
+if APPLICATION_LAYOUT_PATH.exist?
+  say "Add Tailwindcss include tags and container element in application layout"
+  insert_into_file APPLICATION_LAYOUT_PATH.to_s, <<~ERB.indent(4), before: /^\s*<%= stylesheet_link_tag/
+    <%= 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: /^\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_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %> within the <head> tag in your custom layout.)
+end
+
+say "Build into app/assets/builds"
+empty_directory "app/assets/builds"
+keep_file "app/assets/builds"
+
+if (sprockets_manifest_path = Rails.root.join("app/assets/config/manifest.js")).exist?
+  append_to_file sprockets_manifest_path, %(//= link_tree ../builds\n)
+end
+
+if Rails.root.join(".gitignore").exist?
+  append_to_file(".gitignore", %(\n/app/assets/builds/*\n!/app/assets/builds/.keep\n))
+end
+
+unless Rails.root.join("config/tailwind.config.js").exist?
+  say "Add default config/tailwindcss.config.js"
+  copy_file "#{__dir__}/tailwind.config.js", "config/tailwind.config.js"
+end
+
+unless Rails.root.join("app/assets/stylesheets/application.tailwind.css").exist?
+  say "Add default app/assets/stylesheets/application.tailwind.css"
+  copy_file "#{__dir__}/application.tailwind.css", "app/assets/stylesheets/application.tailwind.css"
+end
+
+if Rails.root.join("Procfile.dev").exist?
+  append_to_file "Procfile.dev", "css: rails tailwindcss:watch\n"
+else
+  say "Add default Procfile.dev"
+  copy_file "#{__dir__}/Procfile.dev", "Procfile.dev"
+
+  say "Ensure foreman is installed"
+  run "gem install foreman"
+end
+
+say "Add bin/dev to start foreman"
+copy_file "#{__dir__}/dev", "bin/dev"
+chmod "bin/dev", 0755, verbose: false
+
+say "Compile initial Tailwind build"
+run "rails tailwindcss:build"

data/lib/tailwindcss/engine.rb

@@ -0,0 +1,17 @@
+require "rails"
+
+module Tailwindcss
+  class Engine < ::Rails::Engine
+    initializer "tailwindcss.assets" do
+      Rails.application.config.assets.precompile += %w( inter-font.css )
+    end
+
+    initializer "tailwindcss.disable_generator_stylesheets" do
+      Rails.application.config.generators.stylesheets = false
+    end
+
+     config.app_generators do |g|
+       g.template_engine :tailwindcss
+     end
+  end
+end

data/lib/tailwindcss/version.rb

@@ -0,0 +1,3 @@
+module Tailwindcss
+  VERSION = "2.0.0.rc1"
+end

data/lib/tailwindcss-rails.rb

@@ -0,0 +1,5 @@
+module Tailwindcss
+end
+
+require "tailwindcss/version"
+require "tailwindcss/engine"

data/lib/tasks/build.rake

@@ -0,0 +1,20 @@
+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")}"
+
+namespace :tailwindcss do
+  desc "Build your Tailwind CSS"
+  task :build do
+    system TAILWIND_COMPILE_COMMAND
+  end
+
+  task :watch do
+    system "#{TAILWIND_COMPILE_COMMAND} -w"
+  end
+end
+
+Rake::Task["assets:precompile"].enhance(["tailwindcss:build"])
+
+if Rake::Task.task_defined?("test:prepare")
+  Rake::Task["test:prepare"].enhance(["tailwindcss:build"])
+elsif Rake::Task.task_defined?("db:test:prepare")
+  Rake::Task["db:test:prepare"].enhance(["tailwindcss:build"])
+end

data/lib/tasks/clobber.rake

@@ -0,0 +1,8 @@
+namespace :tailwindcss do
+  desc "Remove CSS builds"
+  task :clobber do
+    rm_rf Dir["app/assets/builds/[^.]*.css"], verbose: false
+  end
+end
+
+Rake::Task["assets:clobber"].enhance(["tailwindcss:clobber"])

data/lib/tasks/install.rake

@@ -0,0 +1,6 @@
+namespace :tailwindcss do
+  desc "Install Tailwind CSS into the app"
+  task :install do
+    system "#{RbConfig.ruby} ./bin/rails app:template LOCATION=#{File.expand_path("../install/tailwindcss.rb", __dir__)}"
+  end
+end

metadata

@@ -0,0 +1,106 @@
+--- !ruby/object:Gem::Specification
+name: tailwindcss-rails
+version: !ruby/object:Gem::Version
+  version: 2.0.0.rc1
+platform: x86_64-linux
+authors:
+- David Heinemeier Hansson
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2021-12-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 6.0.0
+description:
+email: david@loudthinking.com
+executables:
+- tailwindcss
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE-DEPENDENCIES
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/fonts/Inter-italic.alternates.var.woff2
+- app/assets/fonts/Inter-italic.cyrillic.var.woff2
+- app/assets/fonts/Inter-italic.extra.var.woff2
+- app/assets/fonts/Inter-italic.greek.var.woff2
+- app/assets/fonts/Inter-italic.latin-ext.var.woff2
+- app/assets/fonts/Inter-italic.latin.var.woff2
+- app/assets/fonts/Inter-italic.symbols.var.woff2
+- app/assets/fonts/Inter-italic.vietnamese.var.woff2
+- app/assets/fonts/Inter-roman.alternates.var.woff2
+- app/assets/fonts/Inter-roman.cyrillic.var.woff2
+- app/assets/fonts/Inter-roman.extra.var.woff2
+- app/assets/fonts/Inter-roman.greek.var.woff2
+- app/assets/fonts/Inter-roman.latin-ext.var.woff2
+- app/assets/fonts/Inter-roman.latin.var.woff2
+- 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
+- exe/x86_64-linux/tailwindcss
+- 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/view.html.erb.tt
+- lib/generators/tailwindcss/mailer/templates/view.text.erb.tt
+- 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/Procfile.dev
+- lib/install/application.tailwind.css
+- lib/install/dev
+- lib/install/tailwind.config.js
+- lib/install/tailwindcss.rb
+- lib/tailwindcss-rails.rb
+- lib/tailwindcss/engine.rb
+- lib/tailwindcss/version.rb
+- lib/tasks/build.rake
+- lib/tasks/clobber.rake
+- lib/tasks/install.rake
+homepage: https://github.com/rails/tailwindcss-rails
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/rails/tailwindcss-rails
+  rubygems_mfa_required: 'true'
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">"
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubygems_version: 3.2.32
+signing_key:
+specification_version: 4
+summary: Integrate Tailwind CSS with the asset pipeline in Rails.
+test_files: []