rails_app 0.4.0 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 950e88ffd5cb494ab170e0195ea2f7b3fd0ae91f78be6e7bc2c15c5c41d33cd2
-  data.tar.gz: 0e261dacae4e68f6553791bbb5935b8ac4a277cbf2b02e1f939d84b5bde45389
+  metadata.gz: 82dcc08138eb02ce0aafb95ddd5ac1122f2ed79d4510262c3991bc8c2a5eaeb4
+  data.tar.gz: 47207c80b368ed13984db09d55f437332c9ea97d64d105582f6ef4b95ca27cf7
 SHA512:
-  metadata.gz: bfd248a9575bd294fa228beaa3eb099b7e365fb96a2cb26944dc1553d9dded192f694209758fbdea794a162d0674dc08ad097322b1fe02f03e8ff9fb2407e47f
-  data.tar.gz: 23120127039675a3e50be730baffa5eee1ffe1a05f1dd93249005709ed273207eb7bca9fb4273530f3397c2a51283ed0904473130023aba318d3ca2c733a95f4
+  metadata.gz: a12f159b7870cc8036d68fa1547de18420292166df000b4e8f72f4d78bff6207020081f264602afe0e9da164dc37d6a25ab0d094b6c577ddcad09c4000a99772
+  data.tar.gz: 8bd93c9bec6c3b2542d58d288b93e57c55f3c87e68d0a3f82fdabf0cc377c83efa3afac28a806b262ee54f245cf7276fe11de122ecfb0adda77e83fb0dcaa26c

data/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [0.6.0](https://github.com/eclectic-coding/rails_app/tree/0.6.0) (2024-04-04)
+
+[Full Changelog](https://github.com/eclectic-coding/rails_app/compare/0.5.0...0.6.0)
+
+**Implemented enhancements:**
+
+- Add option to select database adapter [\#19](https://github.com/eclectic-coding/rails_app/issues/19)
+- Add option for Tailwind [\#10](https://github.com/eclectic-coding/rails_app/issues/10)
+- Add option for Bulma styling system [\#9](https://github.com/eclectic-coding/rails_app/issues/9)
+- Add option to select database adapter [\#20](https://github.com/eclectic-coding/rails_app/pull/20) ([eclectic-coding](https://github.com/eclectic-coding))
+- Add option for tailwind [\#18](https://github.com/eclectic-coding/rails_app/pull/18) ([eclectic-coding](https://github.com/eclectic-coding))
+- Add option for bulma styling system [\#17](https://github.com/eclectic-coding/rails_app/pull/17) ([eclectic-coding](https://github.com/eclectic-coding))
+
+## [0.5.0](https://github.com/eclectic-coding/rails_app/tree/0.5.0) (2024-04-04)
+
+[Full Changelog](https://github.com/eclectic-coding/rails_app/compare/0.4.0...0.5.0)
+
+**Implemented enhancements:**
+
+- Add more development tools [\#15](https://github.com/eclectic-coding/rails_app/issues/15)
+- Enable Annotate rendered view with file names [\#12](https://github.com/eclectic-coding/rails_app/issues/12)
+- Added annotate and bullet to development environment [\#16](https://github.com/eclectic-coding/rails_app/pull/16) ([eclectic-coding](https://github.com/eclectic-coding))
+- Uncomment annotating of rendered view filenames [\#13](https://github.com/eclectic-coding/rails_app/pull/13) ([eclectic-coding](https://github.com/eclectic-coding))
+
 ## [0.4.0](https://github.com/eclectic-coding/rails_app/tree/0.4.0) (2024-04-04)
 
 [Full Changelog](https://github.com/eclectic-coding/rails_app/compare/0.3.0...0.4.0)

data/README.md

@@ -25,6 +25,10 @@ The user will be prompted to enter the name of the new Rails application, and th
 
 ![](./screenshot_cli.png)
 
+Also, you can select your database of choice:
+
+![](./screenshot_cli_db.png)
+
 The template will then create a new Rails application with the selected options.
 
 ### Testing
@@ -43,6 +47,10 @@ The template includes the following code quality tools:
 
 All of this tools can be run using the following command, which also will run the test suite: `bin/ci`
 
+In addition, the template includes:
+- the `annotate` gem to annotate models and and factories with schema information
+- the `bullet` gem to help identify and remove N+1 queries
+
 ## Development
 
 After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.

data/lib/rails_app/cli.rb

@@ -11,14 +11,15 @@ module RailsApp
       assets = prompt.select("How would you like to manage assets?", %w[propshaft sprockets])
       styling_choices = [
         {name: "Bootstrap", value: "bootstrap"},
-        {name: "Tailwind CSS", value: "tailwindcss", disabled: "(coming soon)"},
-        {name: "Bulma", value: "bulma", disabled: "(coming soon)"},
+        {name: "Tailwind CSS", value: "tailwind"},
+        {name: "Bulma", value: "bulma"},
         {name: "PostCSS", value: "postcss"},
         {name: "SASS", value: "sass"}
       ]
       styling = prompt.select("How would you like to manage styling?", styling_choices)
+      database = prompt.select("Which database would you like to use?", %w[postgresql sqlite3 mysql trilogy oracle sqlserver jdbcmysql jdbcsqlite3 jdbcpostgresql jdbc])
 
-      Command.new(app_name: app_name, assets: assets, styling: styling).run
+      Command.new(app_name: app_name, assets: assets, styling: styling, database: database).run
     end
   end
 end

data/lib/rails_app/command.rb

@@ -2,12 +2,13 @@
 
 module RailsApp
   class Command
-    attr_reader :app_name, :bundling, :assets
+    attr_reader :app_name, :assets, :styling, :database
 
-    def initialize(app_name:, assets:, styling:)
+    def initialize(app_name:, assets:, styling:, database:)
       @app_name = app_name
       @assets = assets
       @styling = styling
+      @database = database
     end
 
     def template
@@ -15,7 +16,7 @@ module RailsApp
     end
 
     def run
-      command = "rails new #{@app_name} --no-rc #{skip_spring} #{asset_management} #{javascript_bundling} #{styling_framework} #{testing_framework} -m #{template}"
+      command = "rails new #{@app_name} --no-rc #{skip_spring} #{database_adapter} #{asset_management} #{javascript_bundling} #{styling_framework} #{testing_framework} -m #{template}"
       puts command
       system(command)
     end
@@ -24,6 +25,10 @@ module RailsApp
       "--skip-spring"
     end
 
+    def database_adapter
+      "-d #{@database}" unless database == "sqlite3"
+    end
+
     def javascript_bundling
       "-j esbuild"
     end

data/lib/rails_app/template/app_bulma/assets/stylesheets/application.bulma.scss

@@ -0,0 +1,43 @@
+// @charset "utf-8";
+
+// Import a Google Font
+// @import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
+
+// Set your brand colors
+// $purple: #8A4D76;
+// $pink: #FA7C91;
+// $brown: #757763;
+// $beige-light: #D0D1CD;
+// $beige-lighter: #EFF0EB;
+
+// Update Bulma's global variables
+// $family-sans-serif: "Nunito", sans-serif;
+// $grey-dark: $brown;
+// $grey-light: $beige-light;
+// $primary: $purple;
+// $link: $pink;
+// $widescreen-enabled: false;
+// $fullhd-enabled: false;
+
+// Update some of Bulma's component variables
+// $body-background-color: $beige-lighter;
+// $control-border-width: 2px;
+// $input-border-color: transparent;
+// $input-shadow: none;
+
+// Import only what you need from Bulma
+// @import "bulma/sass/utilities/_all.sass";
+// @import "bulma/sass/base/_all.sass";
+// @import "bulma/sass/elements/button.sass";
+// @import "bulma/sass/elements/container.sass";
+// @import "bulma/sass/elements/title.sass";
+// @import "bulma/sass/form/_all.sass";
+// @import "bulma/sass/components/navbar.sass";
+// @import "bulma/sass/layout/hero.sass";
+// @import "bulma/sass/layout/section.sass";
+
+@import 'bulma/bulma';
+
+body.has-background-white {
+  min-height: 100vh;
+}

data/lib/rails_app/template/app_bulma/views/devise/confirmations/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend confirmation instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email) %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend confirmation instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/devise/mailer/confirmation_instructions.html.erb

@@ -0,0 +1,5 @@
+<p>Welcome <%= @email %>!</p>
+
+<p>You can confirm your account email through the link below:</p>
+
+<p><%= link_to 'Confirm my account', confirmation_url(@resource, confirmation_token: @token) %></p>

data/lib/rails_app/template/app_bulma/views/devise/mailer/email_changed.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @email %>!</p>
+
+<% if @resource.try(:unconfirmed_email?) %>
+  <p>We're contacting you to notify you that your email is being changed to <%= @resource.unconfirmed_email %>.</p>
+<% else %>
+  <p>We're contacting you to notify you that your email has been changed to <%= @resource.email %>.</p>
+<% end %>

data/lib/rails_app/template/app_bulma/views/devise/mailer/password_change.html.erb

@@ -0,0 +1,3 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>We're contacting you to notify you that your password has been changed.</p>

data/lib/rails_app/template/app_bulma/views/devise/mailer/reset_password_instructions.html.erb

@@ -0,0 +1,8 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Someone has requested a link to change your password. You can do this through the link below.</p>
+
+<p><%= link_to 'Change my password', edit_password_url(@resource, reset_password_token: @token) %></p>
+
+<p>If you didn't request this, please ignore this email.</p>
+<p>Your password won't change until you access the link above and create a new one.</p>

data/lib/rails_app/template/app_bulma/views/devise/mailer/unlock_instructions.html.erb

@@ -0,0 +1,7 @@
+<p>Hello <%= @resource.email %>!</p>
+
+<p>Your account has been locked due to an excessive number of unsuccessful sign in attempts.</p>
+
+<p>Click the link below to unlock your account:</p>
+
+<p><%= link_to 'Unlock my account', unlock_url(@resource, unlock_token: @token) %></p>

data/lib/rails_app/template/app_bulma/views/devise/passwords/edit.html.erb

@@ -0,0 +1,25 @@
+<h2>Change your password</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.hidden_field :reset_password_token %>
+
+  <div class="field">
+    <%= f.label :password, "New password" %><br />
+    <% if @minimum_password_length %>
+      <em>(<%= @minimum_password_length %> characters minimum)</em><br />
+    <% end %>
+    <%= f.password_field :password, autofocus: true, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation, "Confirm new password" %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Change my password" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/devise/passwords/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Forgot your password?</h2>
+
+<%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Send me reset password instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/devise/registrations/edit.html.erb

@@ -0,0 +1,43 @@
+<h2>Edit <%= resource_name.to_s.humanize %></h2>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+    <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+  <% end %>
+
+  <div class="field">
+    <%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br />
+    <%= f.password_field :password, autocomplete: "new-password" %>
+    <% if @minimum_password_length %>
+      <br />
+      <em><%= @minimum_password_length %> characters minimum</em>
+    <% end %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br />
+    <%= f.password_field :current_password, autocomplete: "current-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Update" %>
+  </div>
+<% end %>
+
+<h3>Cancel my account</h3>
+
+<div>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete %></div>
+
+<%= link_to "Back", :back %>

data/lib/rails_app/template/app_bulma/views/devise/registrations/new.html.erb

@@ -0,0 +1,29 @@
+<h2 class="title">Sign up</h2>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password %>
+    <% if @minimum_password_length %>
+    <em>(<%= @minimum_password_length %> characters minimum)</em>
+    <% end %><br />
+    <%= f.password_field :password, autocomplete: "new-password" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password_confirmation %><br />
+    <%= f.password_field :password_confirmation, autocomplete: "new-password" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Sign up" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/devise/sessions/new.html.erb

@@ -0,0 +1,26 @@
+<h2>Log in</h2>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="field">
+    <%= f.label :password %><br />
+    <%= f.password_field :password, autocomplete: "current-password" %>
+  </div>
+
+  <% if devise_mapping.rememberable? %>
+    <div class="field">
+      <%= f.check_box :remember_me %>
+      <%= f.label :remember_me %>
+    </div>
+  <% end %>
+
+  <div class="actions">
+    <%= f.submit "Log in" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/devise/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div id="error_explanation" data-turbo-cache="false">
+    <h2>
+      <%= I18n.t("errors.messages.not_saved",
+                 count: resource.errors.count,
+                 resource: resource.class.model_name.human.downcase)
+       %>
+    </h2>
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/lib/rails_app/template/app_bulma/views/devise/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <%= link_to "Log in", new_session_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <%= link_to "Sign up", new_registration_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <%= link_to "Forgot your password?", new_password_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <%= link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %><br />
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <%= button_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %><br />
+  <% end %>
+<% end %>

data/lib/rails_app/template/app_bulma/views/devise/unlocks/new.html.erb

@@ -0,0 +1,16 @@
+<h2>Resend unlock instructions</h2>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+
+  <div class="field">
+    <%= f.label :email %><br />
+    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  </div>
+
+  <div class="actions">
+    <%= f.submit "Resend unlock instructions" %>
+  </div>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/rails_app/template/app_bulma/views/layouts/application.html.erb

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Catapp</title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
+    <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
+  </head>
+
+  <body class="has-background-white has-text-dark">
+    <%= render "shared/navbar" %>
+    <main class="container">
+      <%= yield %>
+    </main>
+  </body>
+</html>

data/lib/rails_app/template/app_bulma/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/lib/rails_app/template/app_bulma/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/lib/rails_app/template/app_bulma/views/shared/_navbar.html.erb

@@ -0,0 +1,33 @@
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-brand">
+    <a class="navbar-item" href="https://bulma.io">
+      TestApp
+    </a>
+
+    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+      <span aria-hidden="true"></span>
+    </a>
+  </div>
+
+  <div id="navbarBasicExample" class="navbar-menu">
+    <div class="navbar-end">
+      <div class="navbar-item">
+        <div class="buttons">
+        <% if user_signed_in? %>
+            <%= button_to "Log out", destroy_user_session_path, method: :delete, class: "button is-primary" %>
+        <% else %>
+          <%= link_to new_user_session_path, class: "button is-primary" do %>
+            <strong>Login</strong>
+          <% end %>
+          <%= link_to new_user_registration_path, class: "button is-primary" do %>
+            <strong>Sign up</strong>
+          <% end %>
+        <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</nav>

data/lib/rails_app/template/app_bulma/views/static/home.html.erb

@@ -0,0 +1,2 @@
+<h1>Static#home</h1>
+<p>Find me in app/views/static/home.html.erb</p>

data/lib/rails_app/template/app_tailwind/assets/stylesheets/application.tailwind.css

@@ -0,0 +1,18 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+
+@import "components/alerts.css";
+@import "components/buttons.css";
+@import "components/cards.css";
+@import "components/forms.css";
+@import "components/links.css";
+@import "components/pagination.css";
+@import "components/tables.css";
+@import "components/typography.css";
+
+@import "tailwindcss/utilities";
+
+/* Additional styles */
+@import "./custom.css";
+@import "flatpickr_themes/light.css";
+@import "simple_calendar.css";

data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/alerts.css

@@ -0,0 +1,8 @@
+.notice {
+    @apply flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow;
+    @apply dark:text-gray-400 dark:bg-gray-800;
+
+    button {
+        @apply ms-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700;
+    }
+}

data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/buttons.css

@@ -0,0 +1,30 @@
+.btn {
+   @apply focus:ring-4 font-medium focus:outline-none;
+   @apply px-5 py-2.5;
+}
+
+.btn-sm {
+    @apply focus:ring-4 font-medium focus:outline-none;
+    @apply px-3 py-1.5;
+}
+
+.btn-primary {
+    @apply text-sm font-medium text-white;
+    @apply bg-primary-700 hover:bg-primary-800 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800;
+}
+
+.btn-outline-primary {
+    @apply text-sm font-medium text-primary-700;
+    @apply border border-primary-700 hover:bg-primary-700 hover:text-white focus:ring-primary-300 dark:border-primary-600 dark:hover:bg-primary-600 dark:hover:text-white dark:focus:ring-primary-800;
+}
+
+.btn-success {
+    @apply text-sm font-medium text-white;
+    @apply bg-success-700 hover:bg-success-800 focus:ring-success-300 dark:bg-success-600 dark:hover:bg-success-700 dark:focus:ring-success-800;
+}
+
+.btn-outline-success {
+    @apply text-sm font-medium text-success-700;
+    @apply border border-success-700 hover:bg-success-700 hover:text-white focus:ring-success-300 dark:border-success-600 dark:hover:bg-success-600 dark:hover:text-white dark:focus:ring-success-800;
+}
+

data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/cards.css

@@ -0,0 +1,3 @@
+.card {
+    @apply block p-6 bg-white border border-gray-200 shadow;
+}

data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/forms.css

@@ -0,0 +1,21 @@
+@layer components {
+    .form-control {
+        @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;
+    }
+
+    .form-control-sm {
+        @apply block w-full p-2 text-gray-900 border border-gray-300 bg-gray-50 sm:text-xs focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;
+    }
+
+    .form-label {
+       @apply block mb-1 pr-1 text-sm font-medium text-gray-900 dark:text-white;
+    }
+
+    .form-check-input {
+        @apply w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600;
+    }
+
+    .form-select {
+        @apply bg-gray-50 border border-gray-300 text-gray-900 text-sm focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500;
+    }
+}

data/lib/rails_app/template/app_tailwind/assets/stylesheets/components/links.css

@@ -0,0 +1,39 @@
+.nav-link {
+    @apply block py-2 px-3 text-gray-900 rounded md:border-0 md:p-0;
+    @apply text-gray-900 capitalize hover:bg-gray-200 md:dark:hover:text-red-500 md:hover:bg-transparent md:border-0 md:hover:text-red-700 md:p-0;
+    @apply dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent;
+
+    &.active {
+        @apply text-red-500;
+    }
+
+    &.hover {
+        @apply text-red-500;
+    }
+
+    a {
+        @apply text-gray-200;
+    }
+}
+
+.nav-link-dropdown {
+    @apply block text-gray-900 px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white;
+
+    &.active {
+        @apply text-red-500;
+    }
+}
+
+.nav-dropdown-menu {
+    @apply z-10 hidden font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600;
+}
+
+.nav-dropdown-button {
+    @apply flex items-center justify-between w-full py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:w-auto dark:text-white md:dark:hover:text-blue-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent;
+}
+
+.admin-nav-link-active {
+    svg {
+        @apply text-white;
+    }
+}