install erb_lint and lint all ERB/html files

Author: capotej

CRUSH.md

@@ -12,6 +12,9 @@
 - `bundle exec rubocop` - Run linter (uses rubocop-rails-omakase)
 - `bundle exec rubocop -a` - Auto-fix safe corrections
 - `bundle exec brakeman` - Security analysis
+- `bundle exec erb_lint --lint-all` - Run linter on ERB/HTML
+- `bundle exec erb_lint --lint-all -a` - Auto-fix safe corrections
+
 
 **Development**
 - `rails server` - Start development server

Gemfile

@@ -51,6 +51,8 @@ group :development, :test do
   gem "rubocop-rails-omakase", require: false
 
   gem "ruby-lsp"
+
+  gem 'erb_lint', require: false
 end
 
 group :development do

Gemfile.lock

@@ -79,6 +79,13 @@ GEM
     bcrypt (3.1.20)
     bcrypt_pbkdf (1.1.1)
     benchmark (0.4.1)
+    better_html (2.1.1)
+      actionview (>= 6.0)
+      activesupport (>= 6.0)
+      ast (~> 2.0)
+      erubi (~> 1.4)
+      parser (>= 2.4)
+      smart_properties
     bigdecimal (3.2.2)
     bindex (0.8.1)
     bootsnap (1.18.6)
@@ -107,6 +114,13 @@ GEM
     drb (2.2.3)
     ed25519 (1.4.0)
     erb (5.0.2)
+    erb_lint (0.9.0)
+      activesupport
+      better_html (>= 2.0.1)
+      parser (>= 2.7.1.4)
+      rainbow
+      rubocop (>= 1)
+      smart_properties
     erubi (1.13.1)
     et-orbi (1.3.0)
       tzinfo
@@ -373,6 +387,7 @@ GEM
       rexml (~> 3.2, >= 3.2.5)
       rubyzip (>= 1.2.2, < 4.0)
       websocket (~> 1.0)
+    smart_properties (1.17.0)
     solid_cable (3.0.12)
       actioncable (>= 7.2)
       activejob (>= 7.2)
@@ -465,6 +480,7 @@ DEPENDENCIES
   brakeman
   capybara
   debug
+  erb_lint
   faraday-http-cache (~> 2.5)
   feedjira (~> 4.0)
   image_processing (~> 1.14)

app/views/blog/_form.html.erb

@@ -5,22 +5,22 @@
     <%= form.label :title, class: "block text-sm font-medium text-gray-700 dark:text-gray-200" %>
     <%= form.text_field :title, class: "mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500" %>
   </div>
-  
+
   <div class="space-y-2">
     <%= form.label :slug, class: "block text-sm font-medium text-gray-700 dark:text-gray-200" %>
     <%= form.text_field :slug, class: "mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500" %>
   </div>
-  
+
   <div class="space-y-2">
     <%= form.label :post_tags, class: "block text-sm font-medium text-gray-700 dark:text-gray-200" %>
     <%= form.text_field :post_tags, class: "mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500" %>
   </div>
-  
+
   <div class="space-y-2">
     <%= form.label :draft, class: "block text-sm font-medium text-gray-700 dark:text-gray-200" %>
     <%= form.checkbox :draft, class: "mt-1 block rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500" %>
   </div>
-  
+
   <div class="space-y-2">
     <%= form.label :markdown_excerpt, class: "block text-sm font-medium text-gray-700 dark:text-gray-200" %>
     <%= form.textarea :markdown_excerpt, rows: 5, data: { controller: "uploading" }, class: "mt-1 block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500" %>
@@ -35,4 +35,4 @@
   <div>
     <%= form.submit class: "rounded-md bg-indigo-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" %>
   </div>
-<% end %>
+<% end %>

app/views/blog/index.html.erb

@@ -4,29 +4,29 @@
       <h2 class="text-2xl font-semibold text-gray-800 dark:text-gray-100 mb-2">
         <%= link_to post.title, dated_post_path(year: post.year, day: post.day, month: post.month, id: post), class: "hover:text-gray-600 dark:hover:text-gray-300" %>
       </h2>
-      
+
       <time class="text-sm text-gray-500 dark:text-gray-400 mb-4 block">
         <%= post.created_at.strftime('%Y-%m-%d') %>
       </time>
-      
+
       <div class="text-gray-900 dark:text-gray-100">
         <%= post.rendered_excerpt.html_safe %>
       </div>
-      
+
       <div class="flex flex-wrap gap-2 my-4">
         <%= render "shared/tags", post: post %>
       </div>
- 
+
       <div class="mt-4">
         <% if authenticated? %>
-            <%= link_to "Edit", edit_post_path(post), 
+            <%= link_to "Edit", edit_post_path(post),
                 class: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium" %>
             |
         <% end %>
-        <%= link_to "Read more →", dated_post_path(year: post.year, day: post.day, month: post.month, id: post), 
+        <%= link_to "Read more →", dated_post_path(year: post.year, day: post.day, month: post.month, id: post),
             class: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium" %>
       </div>
     </article>
   <% end %>
   <%= paginate @posts %>
- </div>
+ </div>

app/views/blog/index_by_tag.html.erb

@@ -23,29 +23,29 @@
       <h2 class="text-2xl font-semibold text-gray-800 dark:text-gray-100 mb-2">
         <%= link_to post.title, dated_post_path(year: post.year, day: post.day, month: post.month, id: post), class: "hover:text-gray-600 dark:hover:text-gray-300" %>
       </h2>
-      
+
       <time class="text-sm text-gray-500 dark:text-gray-400 mb-4 block">
         <%= post.created_at.strftime('%Y-%m-%d') %>
       </time>
-      
+
       <div class="text-gray-900 dark:text-gray-100">
         <%= post.rendered_excerpt.html_safe %>
       </div>
-      
+
       <div class="flex flex-wrap gap-2 my-4">
         <%= render "shared/tags", post: post %>
       </div>
- 
+
       <div class="mt-4">
         <% if authenticated? %>
-            <%= link_to "Edit", edit_post_path(post), 
+            <%= link_to "Edit", edit_post_path(post),
                 class: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium" %>
             |
         <% end %>
-        <%= link_to "Read more →", dated_post_path(year: post.year, day: post.day, month: post.month, id: post), 
+        <%= link_to "Read more →", dated_post_path(year: post.year, day: post.day, month: post.month, id: post),
             class: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium" %>
       </div>
     </article>
   <% end %>
   <%= paginate @posts %>
- </div>
+ </div>

app/views/blog/show.html.erb

@@ -14,14 +14,14 @@
         <h1 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">
             <%= @post.title %>
         </h1>
-        
+
         <div class="flex flex-col sm:flex-row sm:items-center text-gray-600 dark:text-gray-300 gap-4">
             <time class="text-sm">
             <%= @post.created_at.strftime("%Y-%m-%d") %>
             </time>
             <span class="hidden sm:block">·</span>
             <% if authenticated? %>
-                <%= link_to "Edit", edit_post_path(@post), 
+                <%= link_to "Edit", edit_post_path(@post),
                         class: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 font-medium" %>
             <% end %>
         </div>
@@ -34,4 +34,4 @@
     <div class="flex flex-wrap gap-2">
         <%= render "shared/tags", post: @post %>
     </div>
-</article>
+</article>

app/views/feed_posts/_feed_post.html.erb

@@ -47,4 +47,4 @@
       <% end %>
     </div>
   </div>
-</article>
+</article>

app/views/feed_posts/index.html.erb

@@ -9,4 +9,4 @@
     <%= render @feed_posts %>
   </div>
   <%= paginate @feed_posts %>
-</div>
+</div>

app/views/feeds/_feed.html.erb

@@ -18,4 +18,4 @@
       <% end %>
     </div>
   </td>
-</tr>
+</tr>