Tabish Iqbal tabishiqbal

You MUST NOT try and generate a Rails app from scratch on your own by generating each file. For a NEW app you MUST use rails new first to generate all of the boilerplate files necessary.
Create an app in the current directory with rails new .
Use Tailwind CSS for styling. Use --css tailwind as an option on the rails new call to do this automatically.
Use Ruby 3.2+ and Rails 8.0+ practices.
Use the default Minitest approach for testing, do not use RSpec.
Default to using SQLite in development. rails new will do this automatically but take care if you write any custom SQL that it is SQLite compatible.
An app can be built with a devcontainer such as rails new myapp --devcontainer but only do this if requested directly.
Rails apps have a lot of directories to consider, such as app, config, db, etc.
Adhere to MVC conventions: singular model names (e.g., Product) map to plural tables (products); controllers are plural.
Guard against incapable browsers accessing controllers with `allo

Rails 7 new features. Before and After

	// Update globs depending on your framework
	---
	name: tailwind_v4
	description: Guide for using Tailwind CSS v4 instead of v3.x
	globs: ["*/.{js,ts,jsx,tsx,mdx,css}"]
	tags:
	- tailwind
	- css
	---

	class AttachedValidator < ActiveModel::EachValidator
	# Active Storage validator to ensure that an attachment is attached.
	#
	# usage:
	# validates :upload, attached: true
	#
	def validate_each(record, attribute, _value)
	return if record.send(attribute).attached?

	errors_options = {}

	<%= form_with(model: product) do \|form\| %>
	<div>
	<%= form.label :name %>
	<%= form.text_field :name, class: "input" %>
	</div>

	<div>
	<%= form.label :categories %>
	<%= form.collection_select :category_ids, Category.all, :id, :name, {}, {multiple: true, id: 'category-select', class: "dropdown"} %>
	</div>

	# ActiveJob natively captures constructor arguments in an `@arguments` instance variable
	# which is also exposed as an `arguments` property on each job instance.
	#
	# Calls to `perform_now` and `perform_later` both forward arguments to the constructor.
	#
	# For example, all of these invocation styles work.
	#
	# result = DoStuffJob.new("foobar").perform # sync
	# result = DoStuffJob.new.perform("foobar") # sync
	# result = DoStuffJob.perform_now("foobar") # sync

	<!DOCTYPE html>
	<html>
	<head>
	<title>RefresherDemo</title>
	<%= csrf_meta_tags %>
	<%= csp_meta_tag %>

	<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
	<%= javascript_include_tag "application", "data-turbo-track": "reload", defer: true %>
	</head>

	<cable-car href="/cc/cable_car" csrf-token="94IkWdvagUHWPGVkD+VeBFVjGoM0zXAf6tgm6BPU+kEpOj2BTtI6bXJQzEDXGAF+R6Dc1ek7oNouatTMrbUy">
	<button
	onclick="this.closest('cable-car').post(this, {extra: 123})"
	data-x="1"
	output="#show-the-things"
	>
	Do a thing!
	</button>

	<section id="show-the-things"></section>

	/*
	ERB template chunk from The Feed's display of emails:

	<section class="postings postings--feed-style" id="postings"
	data-controller="pagination" data-pagination-root-margin-value="40px">
	<%= render partial: "postings/snippet", collection: @page.records, as: :posting, cached: true %>

	<%= link_to(spinner_tag, url_for(page: @page.next_param),
	class: "pagination-link", data: { pagination_target: "nextPageLink", preload: @page.first? }) unless @page.last? %>
	</section>

	import { navigator } from "@hotwired/turbo";
	import { Controller } from "stimulus";
	import { useMutation } from "stimulus-use";

	export default class extends Controller {
	connect() {
	useMutation(this, { attributes: true, childList: true, subtree: true });
	}

	mutate(entries) {