basecoat 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 8f01bc1f26666e2b22f7dce37ac14410959de6e6b59b8a6dcce926a810337c3c
+  data.tar.gz: d6c89871d8c7786c7919c2f2cb3ce42535590db0ca058febfe6f8a709f12207f
+SHA512:
+  metadata.gz: 143506fdec46f25c4ac200bd81c5c8aa74363ec4cd3bc99c63921613a830e0a8f971579bcc766d57ce42ce3d7818792830a881cf05a50dab70b6c8f13fbdfd05
+  data.tar.gz: be5d2db1f6b559a1937e257e07cf8cb2ce98a138be26e99b145c7090fd476f363684ff19993288feae77858c2a79a86b51951c7ed217b596e36c5ac1ec0c3958

data/.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

data/.idea/basecoat.iml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="RUBY_MODULE" version="4">
+  <component name="ModuleRunConfigurationManager">
+    <shared />
+  </component>
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <sourceFolder url="file://$MODULE_DIR$/features" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/spec" isTestSource="true" />
+      <sourceFolder url="file://$MODULE_DIR$/test" isTestSource="true" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" scope="PROVIDED" name="bundler (v1.17.2, ruby-2.6.10-p210) [gem]" level="application" />
+    <orderEntry type="library" scope="PROVIDED" name="irb (v1.0.0, ruby-2.6.10-p210) [gem]" level="application" />
+  </component>
+</module>

data/.idea/misc.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" project-jdk-name="ruby-2.6.10-p210" project-jdk-type="RUBY_SDK" />
+</project>

data/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/basecoat.iml" filepath="$PROJECT_DIR$/.idea/basecoat.iml" />
+    </modules>
+  </component>
+</project>

data/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025 Martijn Lafeber
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,194 @@
+# All of the shadcn/ui styling, all of the Rails power, no React
+
+This gem provides you with amazing frontend based on [Basecoat CSS](https://basecoatui.com). 
+It is especially powerful for admin applications with a lot of CRUD actions. 
+
+Experience beautiful Rails scaffolds, pages for authentication and Devise, and pagy styling. 
+All responsive, all dark & light mode. See all the features below.
+
+## Why?
+
+There is a new default component library for the web; it's called shadcn. 
+As a developer you are standing on the shoulders of a giant with every component they provide. 
+However... in many (most?) applications you don't need complicated components - 
+e.g. an input field can just be a html tag, not a separate component with its own shadow DOM. 
+
+This is where basecoat-css comes in.
+
+You can still include complicated shadcn React components if you need them, 
+but most of your application is just the simple rails views, leveraging the power of Rails.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'basecoat'
+```
+
+And then execute:
+
+```bash
+bundle install
+```
+
+**Note:** Basecoat requires Tailwind CSS. If you haven't installed it yet, follow the instructions at [https://github.com/rails/tailwindcss-rails](https://github.com/rails/tailwindcss-rails) to set up Tailwind CSS in your Rails application.
+
+## Usage
+
+Run the rake tasks, run a scaffold and observe beauty.
+
+### Install Application Layout
+
+Install the Basecoat application layout and partials:
+
+```bash
+rake basecoat:install
+```
+
+This will:
+- Install `basecoat-css` via yarn/npm (if package.json exists) or importmap
+- Add basecoat-css import to `app/javascript/application.js`
+- Add view transition JavaScript for turbo frames
+- Add dark mode toggle functionality
+- Add view transition CSS animations and form validation styles
+- Copy application layout to `app/views/layouts/application.html.erb`
+- Copy layout partials (`_head.html.erb`, `_header.html.erb`, `_aside.html.erb`, `_notice.html.erb`, `_alert.html.erb`, `_form_errors.html.erb`)
+- Copy scaffold hook initializer to `config/initializers/scaffold_hook.rb`
+
+The scaffold templates are automatically available from the gem, so you can immediately generate scaffolds:
+
+```bash
+rails generate scaffold Post title:string body:text published:boolean
+```
+
+The generated views will include:
+*  Basecoat CSS styling
+*  Turbo Frame support for SPA-like navigation
+*  View transitions
+*  Responsive design
+*  Dark mode support
+*  Form validation with required fields
+*  Boolean fields styled as switches
+*  Automatic sidebar navigation links
+
+### Install Devise Views
+
+Install the Basecoat-styled Devise views and layout:
+
+```bash
+rake basecoat:install:devise
+```
+
+This will copy:
+- All Devise views to `app/views/devise/`
+- Devise layout to `app/views/layouts/devise.html.erb`
+
+The Devise views include:
+-  Beautiful login/signup forms
+*  Two-column layout with image placeholder
+*  Dark mode toggle
+*  Responsive design
+*  Password reset flows
+*  Email confirmation views
+
+### Install Pagy Pagination Styles
+
+Install the Basecoat-styled Pagy pagination:
+
+```bash
+rake basecoat:install:pagy
+```
+
+This will copy:
+- Pagy styles to `app/assets/stylesheets/pagy.scss`
+
+The Pagy styles include:
+
+*  Basecoat CSS button styling using `@apply`
+*  Proper spacing and layout
+*  Active page highlighting
+*  Disabled state styling
+
+### Install Authentication Views
+
+Install the Basecoat-styled authentication views (for Rails built-in authentication):
+
+```bash
+rake basecoat:install:authentication
+```
+
+This will copy:
+- Sessions views to `app/views/sessions/`
+- Passwords views to `app/views/passwords/`
+- Sessions layout to `app/views/layouts/sessions.html.erb`
+- Adds `layout "sessions"` to `app/controllers/passwords_controller.rb`
+
+The authentication views include:
+
+*  Beautiful sign in form
+*  Password reset flows
+*  Two-column layout with image placeholder
+*  Dark mode toggle
+*  Responsive design
+*  Consistent styling with Devise views
+
+## Features
+
+### Application Layout
+
+- **Sidebar Navigation**: Collapsible sidebar with automatic active state detection
+- **Header**: User dropdown with sign out functionality
+- **Alerts & Notices**: Beautiful toast notifications for flash messages
+- **Form Errors**: Consistent error message styling
+- **Dark Mode**: Built-in theme toggle
+
+### Scaffold Templates
+
+- **Modern UI**: Clean, professional design using Basecoat CSS
+- **Turbo Frames**: SPA-like navigation without full page reloads
+- **View Transitions**: Smooth slide animations between pages
+- **Smart Forms**: Automatic required field detection based on database schema
+- **Auto Sidebar Links**: New scaffolds automatically add navigation links to sidebar
+- **Dark Mode**: Built-in dark mode support
+- **Responsive**: Mobile-first responsive design
+
+### Devise Views
+
+- **Professional Design**: Matches modern authentication UI patterns
+- **Two-Column Layout**: Image placeholder with form on desktop
+- **Complete Views**: All Devise views including confirmations, passwords, registrations
+- **Dark Mode**: Toggle between light and dark themes
+- **Accessible**: ARIA labels and semantic HTML
+
+## Requirements
+
+- Rails 8.0+
+- Tailwind CSS ([installation instructions](https://github.com/rails/tailwindcss-rails))
+- Basecoat CSS
+- Turbo Rails (for scaffold templates)
+
+## How It Works
+
+The gem uses Rails' template resolution system to provide scaffold templates automatically. When you run `rails generate scaffold`, Rails will use the templates from the Basecoat gem instead of the default ones.
+
+The application layout and partials are copied to your application so you can customize them as needed.
+
+## Discussion
+
+I tried not to be too opinionated with my scaffolds - they're very close to the original ones. With the exception of 
+using a turbo frame main_content. I love this too much not to include it.
+
+However, I have my doubts with the index page reusing the show partial. Especially in admin applications you might want 
+to have a (responsive) table in the index.
+
+Also, the arguably ugliest part of the views are the svg tags which contains the lovely lucide icons. 
+Since these icons are the default for shadcn I'm considering including https://github.com/heyvito/lucide-rails to clean up the views. 
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub.
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+task default: %i[]

data/lib/basecoat/railtie.rb

@@ -0,0 +1,11 @@
+module Basecoat
+  class Railtie < Rails::Railtie
+    rake_tasks do
+      load File.expand_path("../tasks/basecoat.rake", __dir__)
+    end
+
+    config.app_generators do |g|
+      g.templates.unshift File.expand_path("../templates", __dir__)
+    end
+  end
+end

data/lib/basecoat/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Basecoat
+  VERSION = "0.1.1"
+end

data/lib/basecoat.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+require_relative "basecoat/version"
+require_relative "basecoat/railtie" if defined?(Rails)
+
+module Basecoat
+  class Error < StandardError; end
+end

data/lib/generators/basecoat/templates/application.html.erb

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <%= render "layouts/head"  %>
+  <body>
+    <%= render 'layouts/alert', alert: alert if alert %>
+    <%= render "layouts/aside" %>
+    <main>
+      <%= render "layouts/header" %>
+      <div class="py-8">
+        <%= turbo_frame_tag "main_content" do %>
+          <%= yield %>
+        <% end %>
+      </div>
+    </main>
+  </body>
+</html>

data/lib/generators/basecoat/templates/devise/confirmations/new.html.erb

@@ -0,0 +1,27 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Resend confirmation instructions</h2>
+        <p>Enter your email address to receive confirmation instructions.</p>
+      </header>
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: confirmation_path(resource_name), html: { method: :post, class: "grid gap-6" }) do |f| %>
+          <%= render "devise/shared/error_messages", resource: resource %>
+
+          <div class="grid gap-3">
+            <%= f.label :email, class: "label" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.submit "Resend confirmation instructions", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+    <div class="mt-6">
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/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/generators/basecoat/templates/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/generators/basecoat/templates/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/generators/basecoat/templates/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/generators/basecoat/templates/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/generators/basecoat/templates/devise/passwords/edit.html.erb

@@ -0,0 +1,40 @@
+
+
+
+
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Change your password</h2>
+        <p>Enter your new password below.</p>
+      </header>
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put, class: "grid gap-6" }) do |f| %>
+          <%= render "devise/shared/error_messages", resource: resource %>
+          <%= f.hidden_field :reset_password_token %>
+
+          <div class="grid gap-3">
+            <%= f.label :password, "New password", class: "label" %>
+            <% if @minimum_password_length %>
+              <span class="text-sm text-muted-foreground">(<%= @minimum_password_length %> characters minimum)</span>
+            <% end %>
+            <%= f.password_field :password, autofocus: true, autocomplete: "new-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.label :password_confirmation, "Confirm new password", class: "label" %>
+            <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.submit "Change my password", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+    <div class="mt-6">
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/devise/passwords/new.html.erb

@@ -0,0 +1,31 @@
+
+
+
+
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Forgot your password?</h2>
+        <p>Enter your email address and we'll send you instructions to reset your password.</p>
+      </header>
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post, class: "grid gap-6" }) do |f| %>
+          <%= render "devise/shared/error_messages", resource: resource %>
+
+          <div class="grid gap-3">
+            <%= f.label :email, class: "label" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.submit "Send reset link", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+    <div class="mt-6">
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/devise/registrations/edit.html.erb

@@ -0,0 +1,63 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Edit <%= resource_name.to_s.humanize %></h2>
+        <p>Update your account settings.</p>
+      </header>
+
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put, class: "grid gap-6" }) do |f| %>
+          <%= render "devise/shared/error_messages", resource: resource %>
+
+          <div class="grid gap-3">
+            <%= f.label :email, class: "label" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "input" %>
+          </div>
+
+          <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+            <div class="text-sm text-muted-foreground">Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+          <% end %>
+
+          <div class="grid gap-3">
+            <%= f.label :password, class: "label" %>
+            <span class="text-sm text-muted-foreground">(leave blank if you don't want to change it)</span>
+            <%= f.password_field :password, autocomplete: "new-password", class: "input" %>
+            <% if @minimum_password_length %>
+              <span class="text-sm text-muted-foreground"><%= @minimum_password_length %> characters minimum</span>
+            <% end %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.label :password_confirmation, class: "label" %>
+            <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.label :current_password, class: "label" %>
+            <span class="text-sm text-muted-foreground">(we need your current password to confirm your changes)</span>
+            <%= f.password_field :current_password, autocomplete: "current-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.submit "Update", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+
+    <div class="card mt-6">
+      <header>
+        <h3>Cancel my account</h3>
+        <p>Unhappy? You can delete your account below.</p>
+      </header>
+      <footer>
+        <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete, class: "btn-outline" %>
+      </footer>
+    </div>
+
+    <div class="mt-6">
+      <%= link_to "Back", :back, class: "btn-ghost" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/devise/registrations/new.html.erb

@@ -0,0 +1,40 @@
+<%= render "devise/shared/error_messages", resource: resource %>
+
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Sign up</h2>
+        <p>Create a new account to get started.</p>
+      </header>
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { class: "grid gap-6" }) do |f| %>
+          <div class="grid gap-2">
+            <%= f.label :email, class: "label" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "input" %>
+          </div>
+
+          <div class="grid gap-2">
+            <%= f.label :password, class: "label" %>
+            <% if @minimum_password_length %>
+              <span class="text-sm text-muted-foreground">(<%= @minimum_password_length %> characters minimum)</span>
+            <% end %>
+            <%= f.password_field :password, autocomplete: "new-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-2">
+            <%= f.label :password_confirmation, class: "label" %>
+            <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "input" %>
+          </div>
+
+          <div class="grid gap-3">
+            <%= f.submit "Sign up", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+    <div class="mt-6">
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/devise/sessions/new.html.erb

@@ -0,0 +1,38 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-2xl mx-auto">
+    <div class="card">
+      <header>
+        <h2>Log in</h2>
+        <p>Sign in to your account to continue.</p>
+      </header>
+      <section class="space-y-4">
+        <%= form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: "grid gap-6" }) do |f| %>
+          <div class="grid gap-3">
+            <%= f.label :email, class: "label" %>
+            <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "input" %>
+          </div>
+
+          <div class="grid gap-2">
+            <%= f.label :password, class: "label" %>
+            <%= f.password_field :password, autocomplete: "current-password", class: "input" %>
+          </div>
+
+          <% if devise_mapping.rememberable? %>
+            <div class="grid gap-2">
+              <%= f.label :remember_me, class: "label" do |builder| %>
+                <%= f.check_box :remember_me, class: "input", role: "switch" %>
+                <%= builder.translation %>
+              <% end %>
+            </div>
+          <% end %>
+          <div class="grid gap-2">
+            <%= f.submit "Log in", class: "btn" %>
+          </div>
+        <% end %>
+      </section>
+    </div>
+    <div class="mt-6">
+      <%= render "devise/shared/links" %>
+    </div>
+  </div>
+</div>

data/lib/generators/basecoat/templates/devise/shared/_error_messages.html.erb

@@ -0,0 +1,15 @@
+<% if resource.errors.any? %>
+  <div class="alert-destructive max-w-2xl mx-auto" data-turbo-cache="false">
+    <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+    </svg>
+    <h2><%= pluralize(resource.errors.count, "error") %> prohibited this <%= resource.class.model_name.human.downcase %> from being saved</h2>
+    <section>
+      <ul>
+        <% resource.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </section>
+  </div>
+<% end %>

data/lib/generators/basecoat/templates/devise/shared/_links.html.erb

@@ -0,0 +1,27 @@
+<div class="flex flex-col gap-2 text-sm">
+  <%- if controller_name != 'sessions' %>
+    <%= link_to "Log in", new_session_path(resource_name), class: "btn-ghost" %>
+  <% end %>
+
+  <%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+    <%= link_to "Sign up", new_registration_path(resource_name), class: "btn-ghost" %>
+  <% end %>
+
+  <%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+    <%= link_to "Forgot your password?", new_password_path(resource_name), class: "btn-ghost" %>
+  <% end %>
+
+  <%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+    <%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name), class: "btn-ghost" %>
+  <% 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), class: "btn-ghost" %>
+  <% 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 }, class: "btn-outline" %>
+    <% end %>
+  <% end %>
+</div>