basecoat 2.0.0 → 2.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30c46abb1310bf79995534b1fcd52074a67f327d42ea93a933065b46b02d8563
-  data.tar.gz: 509ac587a90f7be78362d5d92d0506de9528dc3e773d0c20b7bdfa2050eedc30
+  metadata.gz: 92a3b3db00be4f62dcf379eac035135cb5161b3bc68e9f1d0c7121e87c88b387
+  data.tar.gz: 45d0cb31d2da696369191e60945ba66b25b590e1c321b03df641b4583ba7fcd8
 SHA512:
-  metadata.gz: f01fd3115a85191fb41f999662adfda41666f022d54f53e46242987ba5b61fc4459322f41d48f238b1dc2537573a161b2514baf8faee83762fff80e2e7faa11d
-  data.tar.gz: c58e1ced83b1ad2b8083e0cbc7481476fe06ba8abe26cc95280f4047d1c0174596b129dcfcaf5f1bfa9b5d77c27689649dfb6334743251a6bf9c42607b1c5651
+  metadata.gz: ef24e7f5c6dd6588cb64fc0a79efd8830e86a80bce99b6f621dbde384c218cc69e2ac25c6119d8986327789313c25a0269adbe065ca4cbf7c224099cb2640767
+  data.tar.gz: 86047f8393f17eb1aa5407bc5f19ea578c3522b053dd06c7d156c57ade2e8c3c989233a62da9ab5038ee5a7e6b498dd7a06b97856c81744a799d2a993941c044

data/README.md

@@ -3,86 +3,75 @@
 This gem provides you with amazing layouts, scaffolds, views and partials based on [Basecoat UI](https://basecoatui.com).
 It is especially powerful for admin applications with a lot of CRUD actions.
 
-Beautiful responsive, dark & light mode Rails scaffolds, pages for authentication and Devise, and pagy styling.
-
-Login:
 ![Basecoat Login](basecoat-login.png)
-Index:
-![Basecoat Index](basecoat-index.png)
-Form, mobile dark mode:
-![Basecoat Dark Form](basecoat-dark-form.png)
-
-## Why?
-
-Shadcn has quickly become the default ui for the web. However, sometimes we don't _really_ need all the React components.
-Especially with backend applications - where Rails shines as full stack solution.
 
-This is where basecoat-ui comes in. The reason why I love basecoat is because it combines tailwind with clean css classes (like daisy-ui). 
+![Basecoat Form](basecoat-new.png)
 
-If you need more complex components; enrich the views with https://railsblocks.com/ or https://shadcn.rails-components.com/ or just the shadcn React components themselves.
-
-## Installation
+## Usage
 
-Add this line to your application's Gemfile in the development group:
+Try it from scratch:
 
-```ruby
-gem 'basecoat'
-```
+    rails new myproject -c tailwind
+    cd myproject
+    bundle add basecoat
+    rails basecoat:install
+    rails g scaffold Post title:string! description:text posted_at:datetime active:boolean rating:integer 
+    rails db:migrate
+    ./bin/dev
+    # open http://localhost:3000/posts
 
-And then execute:
+**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.
 
-```bash
-bundle install
-```
+## Why?
 
-**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.
+The default scaffolds are ugly. There's no styling, no turbo frames - it's missing the WOW factor.
 
-## Usage
+Basecoat CSS combines tailwind with clean css classes. It creates the looks of shadcn, which has a massive community.
 
-Run the rake tasks, run a scaffold and observe beauty.
+If you need more complex components; enrich the views with https://railsblocks.com/ or https://shadcn.rails-components.com/ or just the shadcn React components themselves.
 
-### Install Application Layout
+## Rake tasks
 
-Install the Basecoat application layout and partials:
+### Layout (required)
 
 ```bash
 rake basecoat:install
 ```
-NB: This could overwrite exising files!
+NB: Only run this once.
 
 The generated views will include:
 *  Basecoat CSS styling
 *  Turbo Frame support for SPA-like navigation
-*  View transitions
+*  A tiny bit of javascript for awesome view transitions
 *  Responsive design
 *  Dark mode support
 *  Form validation with required fields
 *  Boolean fields styled as switches
 *  Automatic sidebar navigation links
 
-The scaffold templates are automatically available from the gem, so you can immediately generate scaffolds:
+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
-```
+### Default Rails Authentication
 
-### Install Devise Views
+Install the Basecoat-styled authentication views (for Rails built-in authentication):
+    
+    rails generate:authentication
+    rails db:migrate
+    rake basecoat:install:authentication
 
-Install the Basecoat-styled Devise views and layout:
+NB: To create a user, go to your console:
+    
+    rails console
+    User.create(email_address: "email@example.com", password: "basecoat")
+    exit
 
-```bash
-rake basecoat:install:devise
-```
-NB: This will overwrite exising files!
+### Install the Basecoat-styled Devise views and layout:
 
-### Install Authentication Views
-
-Install the Basecoat-styled authentication views (for Rails built-in authentication):
+First install devise, follow the instructions at https://github.com/heartcombo/devise. Then:
 
 ```bash
-rake basecoat:install:authentication
+rake basecoat:install:devise
 ```
-NB: This will overwrite exising files!
 
 ### Install Pagy Pagination Styles
 
@@ -99,19 +88,9 @@ rake basecoat:install:pagy
 - Basecoat CSS
 - Stimulus (for the theme toggle, can be moved to something else if you desire...)
 
-## Discussion
-
-The scaffolds are more opinionated than the default - it includes a main turbo frame. 
-I also strongly feel that the index should not reuse the partial used in show - it defeats the purpose of the show page.
-A responsive table was the best I could come up with - closer to the OG scaffolds before Hotwire.
-
-Also, the (arguably) most messy part of the views are the svg tags which contain 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. 
-
 ## Issues
 
-* The javascript included by basecoat needs some improvement. It's not automatically initialized on turbo:load - included is a hack that I hope is temporary.
-* We include extra css for the definition list. Hopefully this will be part of basecoat-css someday.
+* We include extra css for the definition list. Ideally I would pick an existing component.
 * Rails adds class="field_with_errors", so we need extra css for this. I hope Rails will at some point have aria-invalid="true" on the input, basecoat will apply the correct styling.
 * Can the views even be prettier? Probably! I'm more than happy to discuss improvements:
 

data/lib/basecoat/version.rb

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

data/lib/generators/basecoat/templates/layouts/_theme_toggle.html.erb

@@ -1,4 +1,4 @@
-<button type="button" aria-label="Toggle dark mode" data-tooltip="Toggle dark mode" data-side="left" data-action="click->theme#toggle" class="btn-icon-outline size-8">
+<button type="button" aria-label="Toggle dark mode" data-tooltip="Toggle dark mode" data-side="left" data-action="click->theme#toggle" class="btn-ghost size-8">
   <span class="hidden dark:block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></span>
   <span class="block dark:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg></span>
 </button>

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

@@ -6,7 +6,7 @@
         <p>Sign in to your account to continue.</p>
       </header>
       <section class="space-y-4">
-        <%= form_with url: session_url, html: { class: "grid gap-6" } do |form| %>
+        <%= form_with url: session_url, html: { data: { turbo: false }, class: "grid gap-6" } do |form| %>
           <div class="grid gap-3">
             <%= form.label :email_address, "Email", class: "label" %>
             <%= form.email_field :email_address, required: true, autofocus: true, autocomplete: "username", value: params[:email_address], class: "input" %>

data/lib/tasks/basecoat.rake

@@ -1,8 +1,27 @@
 require 'fileutils'
 
 namespace :basecoat do
+  # Helper method to prompt for overwrite confirmation
+  def prompt_overwrite(file_path, overwrite_all)
+    return true if overwrite_all[:value]
+    return true unless File.exist?(file_path)
+
+    print "  Overwrite #{file_path.relative_path_from(Rails.root)}? [y/n/a] "
+    response = STDIN.gets.chomp.downcase
+
+    if response == 'a'
+      overwrite_all[:value] = true
+      true
+    elsif response == 'y'
+      true
+    else
+      false
+    end
+  end
+
   desc "Install Basecoat application layout and partials"
   task :install do
+    overwrite_all = { value: false }
     # Install basecoat-css (detect package manager)
     puts "\n📦 Installing basecoat-css..."
 
@@ -82,8 +101,12 @@ namespace :basecoat do
       theme_controller_destination = Rails.root.join("app/javascript/controllers/theme_controller.js")
 
       FileUtils.mkdir_p(File.dirname(theme_controller_destination))
-      FileUtils.cp(theme_controller_source, theme_controller_destination)
-      puts "  Created: app/javascript/controllers/theme_controller.js"
+      if prompt_overwrite(theme_controller_destination, overwrite_all)
+        FileUtils.cp(theme_controller_source, theme_controller_destination)
+        puts "  Created: app/javascript/controllers/theme_controller.js"
+      else
+        puts "  Skipped: app/javascript/controllers/theme_controller.js"
+      end
     end
 
     # Add CSS imports and styles
@@ -112,23 +135,25 @@ namespace :basecoat do
       css_content = File.read(css_path)
 
       css_code = <<~CSS
-        .field_with_errors {
-            label {
-                color: var(--color-destructive);
-            }
-        
-            input {
-                border-color: var(--color-destructive);
-            }
-        }
-
-        dl {
-            font-size: var(--text-sm);
-            dt {
-                font-weight: var(--font-weight-bold);
-                margin-top: calc(var(--spacing)*4);
-            }
-        }
+dl {
+    font-size: var(--text-sm);
+    dt {
+        font-weight: var(--font-weight-bold);
+        margin-top: calc(var(--spacing)*4);
+    }
+}
+
+label:has(+ input:required):after {
+    content: " *"
+}
+
+input:user-invalid, .field_with_errors input {
+    border-color: var(--color-destructive);
+}
+
+label:has(+ input:user-invalid), .field_with_errors label {
+    color: var(--color-destructive);
+}
       CSS
       File.open(css_path, "a") { |f| f.write(css_code) }
       puts "  Added: basic styles to #{css_path.relative_path_from(Rails.root)}"
@@ -147,30 +172,53 @@ namespace :basecoat do
       if content =~ /(<head>.*?<\/head>)/m
         head_content = $1
         head_destination = partials_destination.join("_head.html.erb")
-        File.write(head_destination, head_content + "\n")
-        puts "  Created: app/views/layouts/_head.html.erb (extracted from existing application.html.erb)"
+        if prompt_overwrite(head_destination, overwrite_all)
+          File.write(head_destination, head_content + "\n")
+          puts "  Created: app/views/layouts/_head.html.erb (extracted from existing application.html.erb)"
+        else
+          puts "  Skipped: app/views/layouts/_head.html.erb"
+        end
       else
         # Fallback: copy the template if no <head> found in existing layout
-        FileUtils.cp("#{partials_source}/_head.html.erb", partials_destination.join("_head.html.erb"))
-        puts "  Created: app/views/layouts/_head.html.erb (from template)"
+        head_destination = partials_destination.join("_head.html.erb")
+        if prompt_overwrite(head_destination, overwrite_all)
+          FileUtils.cp("#{partials_source}/_head.html.erb", head_destination)
+          puts "  Created: app/views/layouts/_head.html.erb (from template)"
+        else
+          puts "  Skipped: app/views/layouts/_head.html.erb"
+        end
       end
     else
       # No existing layout, use template
-      FileUtils.cp("#{partials_source}/_head.html.erb", partials_destination.join("_head.html.erb"))
-      puts "  Created: app/views/layouts/_head.html.erb (from template)"
+      head_destination = partials_destination.join("_head.html.erb")
+      if prompt_overwrite(head_destination, overwrite_all)
+        FileUtils.cp("#{partials_source}/_head.html.erb", head_destination)
+        puts "  Created: app/views/layouts/_head.html.erb (from template)"
+      else
+        puts "  Skipped: app/views/layouts/_head.html.erb"
+      end
     end
 
     # Copy application layout
     layout_source = File.expand_path("../generators/basecoat/templates/application.html.erb", __dir__)
-    FileUtils.cp(layout_source, layout_destination)
-    puts "  Created: app/views/layouts/application.html.erb"
+    if prompt_overwrite(layout_destination, overwrite_all)
+      FileUtils.cp(layout_source, layout_destination)
+      puts "  Created: app/views/layouts/application.html.erb"
+    else
+      puts "  Skipped: app/views/layouts/application.html.erb"
+    end
 
     # Copy layout partials (except _head.html.erb which we already handled)
     Dir.glob("#{partials_source}/*").each do |file|
       filename = File.basename(file)
       next if filename == "_head.html.erb" # Skip _head.html.erb, we already created it
-      FileUtils.cp(file, partials_destination.join(filename))
-      puts "  Created: app/views/layouts/#{filename}"
+      destination = partials_destination.join(filename)
+      if prompt_overwrite(destination, overwrite_all)
+        FileUtils.cp(file, destination)
+        puts "  Created: app/views/layouts/#{filename}"
+      else
+        puts "  Skipped: app/views/layouts/#{filename}"
+      end
     end
 
     # Copy shared partials
@@ -180,8 +228,13 @@ namespace :basecoat do
     FileUtils.mkdir_p(shared_destination)
     Dir.glob("#{shared_source}/*").each do |file|
       filename = File.basename(file)
-      FileUtils.cp(file, shared_destination.join(filename))
-      puts "  Created: app/views/shared/#{filename}"
+      destination = shared_destination.join(filename)
+      if prompt_overwrite(destination, overwrite_all)
+        FileUtils.cp(file, destination)
+        puts "  Created: app/views/shared/#{filename}"
+      else
+        puts "  Skipped: app/views/shared/#{filename}"
+      end
     end
 
     # Copy scaffold hook initializer
@@ -189,8 +242,12 @@ namespace :basecoat do
     initializer_destination = Rails.root.join("config/initializers/scaffold_hook.rb")
 
     FileUtils.mkdir_p(File.dirname(initializer_destination))
-    FileUtils.cp(initializer_source, initializer_destination)
-    puts "  Created: config/initializers/scaffold_hook.rb"
+    if prompt_overwrite(initializer_destination, overwrite_all)
+      FileUtils.cp(initializer_source, initializer_destination)
+      puts "  Created: config/initializers/scaffold_hook.rb"
+    else
+      puts "  Skipped: config/initializers/scaffold_hook.rb"
+    end
 
     puts "\n✓ Basecoat installed successfully!"
     puts "  Scaffold templates are automatically available from the gem."
@@ -200,21 +257,37 @@ namespace :basecoat do
   namespace :install do
     desc "Install Basecoat Devise views and layout"
     task :devise do
+      overwrite_all = { value: false }
+
       # Copy devise views
       devise_source = File.expand_path("../generators/basecoat/templates/devise", __dir__)
       devise_destination = Rails.root.join("app/views/devise")
 
       FileUtils.mkdir_p(devise_destination)
-      FileUtils.cp_r("#{devise_source}/.", devise_destination)
-      puts "  Created: app/views/devise/"
+      Dir.glob("#{devise_source}/**/*").each do |file|
+        next if File.directory?(file)
+        relative_path = Pathname.new(file).relative_path_from(Pathname.new(devise_source))
+        destination = devise_destination.join(relative_path)
+        FileUtils.mkdir_p(File.dirname(destination))
+        if prompt_overwrite(destination, overwrite_all)
+          FileUtils.cp(file, destination)
+          puts "  Created: app/views/devise/#{relative_path}"
+        else
+          puts "  Skipped: app/views/devise/#{relative_path}"
+        end
+      end
 
       # Copy devise layout
       layout_source = File.expand_path("../generators/basecoat/templates/devise.html.erb", __dir__)
       layout_destination = Rails.root.join("app/views/layouts/devise.html.erb")
 
       FileUtils.mkdir_p(File.dirname(layout_destination))
-      FileUtils.cp(layout_source, layout_destination)
-      puts "  Created: app/views/layouts/devise.html.erb"
+      if prompt_overwrite(layout_destination, overwrite_all)
+        FileUtils.cp(layout_source, layout_destination)
+        puts "  Created: app/views/layouts/devise.html.erb"
+      else
+        puts "  Skipped: app/views/layouts/devise.html.erb"
+      end
 
       # Add user dropdown to header partial
       header_path = Rails.root.join("app/views/layouts/_header.html.erb")
@@ -225,8 +298,8 @@ namespace :basecoat do
 
                 <% if defined?(user_signed_in?) && user_signed_in? %>
                   <div id="dropdown-user" class="dropdown-menu">
-                    <button type="button" id="dropdown-user-trigger" aria-haspopup="menu" aria-controls="dropdown-user-menu" aria-expanded="false" class="btn-icon-ghost rounded-full size-8">
-                      <img alt="<%= current_user.email %>" src="https://github.com/lafeber.png" class="size-8 shrink-0 rounded-full">
+                    <button type="button" id="dropdown-user-trigger" aria-haspopup="menu" aria-controls="dropdown-user-menu" aria-expanded="false" class="btn-ghost size-8">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-user-icon lucide-circle-user"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
                     </button>
                     <div id="dropdown-user-popover" data-popover="" aria-hidden="true" data-align="end">
                       <div role="menu" id="dropdown-user-menu" aria-labelledby="dropdown-user-trigger">
@@ -253,6 +326,7 @@ namespace :basecoat do
 
     desc "Install Basecoat Pagy pagination styles"
     task :pagy do
+      overwrite_all = { value: false }
       pagy_source = File.expand_path("../generators/basecoat/templates/pagy.scss", __dir__)
 
       # Check if using Tailwind v4 setup (app/assets/tailwind)
@@ -260,8 +334,12 @@ namespace :basecoat do
         # Copy pagy styles to tailwind directory
         pagy_destination = Rails.root.join("app/assets/tailwind/pagy.scss")
         FileUtils.mkdir_p(File.dirname(pagy_destination))
-        FileUtils.cp(pagy_source, pagy_destination)
-        puts "  Created: app/assets/tailwind/pagy.scss"
+        if prompt_overwrite(pagy_destination, overwrite_all)
+          FileUtils.cp(pagy_source, pagy_destination)
+          puts "  Created: app/assets/tailwind/pagy.scss"
+        else
+          puts "  Skipped: app/assets/tailwind/pagy.scss"
+        end
 
         # Add import to tailwind application.css
         tailwind_css = Rails.root.join("app/assets/tailwind/application.css")
@@ -276,8 +354,12 @@ namespace :basecoat do
         # Copy pagy styles to stylesheets directory
         pagy_destination = Rails.root.join("app/assets/stylesheets/pagy.scss")
         FileUtils.mkdir_p(File.dirname(pagy_destination))
-        FileUtils.cp(pagy_source, pagy_destination)
-        puts "  Created: app/assets/stylesheets/pagy.scss"
+        if prompt_overwrite(pagy_destination, overwrite_all)
+          FileUtils.cp(pagy_source, pagy_destination)
+          puts "  Created: app/assets/stylesheets/pagy.scss"
+        else
+          puts "  Skipped: app/assets/stylesheets/pagy.scss"
+        end
       end
 
       puts "\n✓ Basecoat Pagy styles installed successfully!"
@@ -286,29 +368,55 @@ namespace :basecoat do
 
     desc "Install Basecoat authentication views and layout"
     task :authentication do
+      overwrite_all = { value: false }
+
       # Copy sessions views
       sessions_source = File.expand_path("../generators/basecoat/templates/sessions", __dir__)
       sessions_destination = Rails.root.join("app/views/sessions")
 
       FileUtils.mkdir_p(sessions_destination)
-      FileUtils.cp_r("#{sessions_source}/.", sessions_destination)
-      puts "  Created: app/views/sessions/"
+      Dir.glob("#{sessions_source}/**/*").each do |file|
+        next if File.directory?(file)
+        relative_path = Pathname.new(file).relative_path_from(Pathname.new(sessions_source))
+        destination = sessions_destination.join(relative_path)
+        FileUtils.mkdir_p(File.dirname(destination))
+        if prompt_overwrite(destination, overwrite_all)
+          FileUtils.cp(file, destination)
+          puts "  Created: app/views/sessions/#{relative_path}"
+        else
+          puts "  Skipped: app/views/sessions/#{relative_path}"
+        end
+      end
 
       # Copy passwords views
       passwords_source = File.expand_path("../generators/basecoat/templates/passwords", __dir__)
       passwords_destination = Rails.root.join("app/views/passwords")
 
       FileUtils.mkdir_p(passwords_destination)
-      FileUtils.cp_r("#{passwords_source}/.", passwords_destination)
-      puts "  Created: app/views/passwords/"
+      Dir.glob("#{passwords_source}/**/*").each do |file|
+        next if File.directory?(file)
+        relative_path = Pathname.new(file).relative_path_from(Pathname.new(passwords_source))
+        destination = passwords_destination.join(relative_path)
+        FileUtils.mkdir_p(File.dirname(destination))
+        if prompt_overwrite(destination, overwrite_all)
+          FileUtils.cp(file, destination)
+          puts "  Created: app/views/passwords/#{relative_path}"
+        else
+          puts "  Skipped: app/views/passwords/#{relative_path}"
+        end
+      end
 
       # Copy sessions layout
       layout_source = File.expand_path("../generators/basecoat/templates/sessions.html.erb", __dir__)
       layout_destination = Rails.root.join("app/views/layouts/sessions.html.erb")
 
       FileUtils.mkdir_p(File.dirname(layout_destination))
-      FileUtils.cp(layout_source, layout_destination)
-      puts "  Created: app/views/layouts/sessions.html.erb"
+      if prompt_overwrite(layout_destination, overwrite_all)
+        FileUtils.cp(layout_source, layout_destination)
+        puts "  Created: app/views/layouts/sessions.html.erb"
+      else
+        puts "  Skipped: app/views/layouts/sessions.html.erb"
+      end
 
       # Add layout to passwords_controller
       passwords_controller = Rails.root.join("app/controllers/passwords_controller.rb")
@@ -331,8 +439,8 @@ namespace :basecoat do
 
                 <% if defined?(Current) && defined?(Current.user) && Current.user %>
                   <div id="dropdown-user" class="dropdown-menu">
-                    <button type="button" id="dropdown-user-trigger" aria-haspopup="menu" aria-controls="dropdown-user-menu" aria-expanded="false" class="btn-icon-ghost rounded-full size-8">
-                      <img alt="<%= Current.user.email_address %>" src="https://github.com/lafeber.png" class="size-8 shrink-0 rounded-full">
+                    <button type="button" id="dropdown-user-trigger" aria-haspopup="menu" aria-controls="dropdown-user-menu" aria-expanded="false" class="btn-ghost size-8">
+                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-user-icon lucide-circle-user"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="10" r="3"/><path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662"/></svg>
                     </button>
                     <div id="dropdown-user-popover" data-popover="" aria-hidden="true" data-align="end">
                       <div role="menu" id="dropdown-user-menu" aria-labelledby="dropdown-user-trigger">

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

@@ -23,12 +23,15 @@
       <%%= form.check_box :<%= attribute.column_name %>, class: "input", role: "switch" %>
       <%= attribute.human_name %>
     <%% end %>
-<% elsif attribute.field_type == :datetime_local_field || attribute.field_type == :date_field || attribute.field_type == :time_field -%>
+<% elsif %w[url permalink website].include? attribute.column_name -%>
     <%%= form.label :<%= attribute.column_name %>, class: "label" %>
-    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "input"<%= ", required: true" if required %> %>
-<% elsif attribute.field_type == :number_field -%>
+      <%%= form.url_field :<%= attribute.column_name %>, class: "input"<%= ", required: true" if required %> %>
+<% elsif %w[email email_address].include? attribute.column_name -%>
     <%%= form.label :<%= attribute.column_name %>, class: "label" %>
-    <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "input"<%= ", required: true" if required %> %>
+    <%%= form.email_field :<%= attribute.column_name %>, class: "input"<%= ", required: true" if required %> %>
+<% elsif %w[phone phone_number].include? attribute.column_name -%>
+    <%%= form.label :<%= attribute.column_name %>, class: "label" %>
+    <%%= form.phone_field :<%= attribute.column_name %>, maxLength: 16, pattern: "[0-9\+\\-\\(\\)\s]*", class: "input"<%= ", required: true" if required %> %>
 <% else -%>
     <%%= form.label :<%= attribute.column_name %>, class: "label" %>
     <%%= form.<%= attribute.field_type %> :<%= attribute.column_name %>, class: "input"<%= ", required: true" if required %> %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: basecoat
 version: !ruby/object:Gem::Version
-  version: 2.0.0
+  version: 2.2.0
 platform: ruby
 authors:
 - Martijn Lafeber
@@ -40,9 +40,8 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- basecoat-dark-form.png
-- basecoat-index.png
 - basecoat-login.png
+- basecoat-new.png
 - lib/basecoat.rb
 - lib/basecoat/railtie.rb
 - lib/basecoat/version.rb