railsui 3.3.4 → 3.4.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dadbd162b710fe37b5f3a8c1d12538e23290b1652c2f90652d35669b718941f2
-  data.tar.gz: '09ddaced31a1058061739cfc164b6c29f2ffde9c1ef6d91cc96c2ba474d8a28a'
+  metadata.gz: bdf00da977780c593f58ec180d35c73f1b1a73932fc044981a59ac9655853db7
+  data.tar.gz: 5b94966fef66bd29254ddd19632d1a76c4043b6fea3bdbc0da1b529e9da29cca
 SHA512:
-  metadata.gz: f88b5bd9420d7c99f3f8cc176dc8d1ad4d4c9b48677d9ce67dc14f6ad9cd9bb513053c36c2128226a5be5650e8c918db0eb9510692f66eaffdbd07f5ad2e0ad7
-  data.tar.gz: ab700bc730c0df7de0d8e27dbcd0999e38b3c07eb9d4a7ad7329343970480723b44fbe6fb333c6c40573938cf33ef3315387069138c9244a5e18efcfc1a32f65
+  metadata.gz: 4d05cab8f6eb2fed5a5b263c4e4b0a90275c9d4992f6bb7a0fb8944aac9bd378858c2ef61c5a6ab094a0a7d1f00f94062a734bf4901f9c7dc8cc967d146b5345
+  data.tar.gz: a6fc75702f896fb64f59a4c025cf09f8bf78fbc5fa16e49fec3457c2925982bebeb080a47f3cd6c3bc860a392d8888dfb0ed4713d3e8521270b54789f4977411

data/Gemfile.lock

@@ -1,8 +1,7 @@
 PATH
   remote: .
   specs:
-    railsui (3.3.4)
-      meta-tags
+    railsui (3.4.1)
       psych
       rails (>= 7.0)
       railsui_icon
@@ -114,8 +113,6 @@ GEM
       net-pop
       net-smtp
     marcel (1.0.4)
-    meta-tags (2.22.0)
-      actionpack (>= 6.0.0, < 8.1)
     mini_mime (1.1.5)
     minitest (5.25.1)
     net-imap (0.4.16)

data/app/views/railsui/systems/helpers/railsui_head.html.erb

@@ -26,7 +26,7 @@
 <% content_for :erb, flush: true do %>
 <!-- app/views/code/layouts/rui/railsui.html.erb -->
 
-<!-- Meta tags via meta-tags gem. Customize yours at app/views/rui/shared/_meta.html.erb -->
+<!-- Meta tags via railsui_meta_tags helper. Customize yours at app/views/rui/shared/_meta.html.erb -->
 <%%= render "rui/shared/meta" %>
 
 <!-- Custom fonts for each theme -->

data/app/views/railsui/themes/corgie/forms/_form_builder.html.erb

@@ -30,13 +30,13 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name", placeholder: "John Doe" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address", placeholder: "john@example.com", help: "We'll never share your email with anyone else." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.text_area :bio, label: "Biography", placeholder: "Tell us about yourself...", rows: 4 %>
-  <%% end %>
+
 
   <%%= f.submit "Save Profile" %>
 <%% end %>
@@ -120,51 +120,51 @@
   <!-- Text inputs -->
   <%%= f.text_field :text, label: "Text Field" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Field", placeholder: "john.doe@example.com" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.password_field :password, label: "Password Field" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.number_field :number, label: "Number Field", min: 0, max: 100 %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.telephone_field :phone, label: "Phone Number" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.url_field :website, label: "Website URL" %>
-  <%% end %>
+
 
   <!-- Date/Time inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.date_field :date, label: "Date" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.time_field :time, label: "Time" %>
-  <%% end %>
+
 
   <!-- Special inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.color_field :color, label: "Color Picker" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.search_field :search, label: "Search", placeholder: "Search..." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.file_field :file, label: "File Upload" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.range_field :volume, label: "Volume", min: 0, max: 100, value: 25 %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -205,13 +205,13 @@
         { prompt: "Choose a country" },
         { label: "Country" } %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.text_area :message,
           label: "Message",
           placeholder: "Enter your message here...",
           rows: 5,
           help: "Maximum 500 characters" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -347,9 +347,9 @@
   <!-- Switch toggles -->
   <%%= f.switch_field :dark_mode, label: "Enable dark mode" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.switch_field :auto_save, label: "Auto-save drafts" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -386,9 +386,9 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address" %>
-  <%% end %>
+
 
   <%%= f.submit "Submit" %>
 <%% end %>
@@ -495,22 +495,22 @@
         wrapper: { class: "max-w-md" } %>
 
   <!-- Skip label (i.e. don't display labels) -->
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email,
           label: false,
           placeholder: "Enter your email",
           help: "Skip displaying label",
           skip_label: true %>
-  <%% end %>
+
 
   <!-- Custom label options and input class -->
-  <%%= f.form_group do %>
+  
     <%%= f.text_field :website,
           label: "Website",
           placeholder: "https://",
           label_options: { class: "form-label font-medium text-sm text-blue-600" },
           class: "form-input text-lg" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>

data/app/views/railsui/themes/hound/forms/_form_builder.html.erb

@@ -30,13 +30,13 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name", placeholder: "John Doe" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address", placeholder: "john@example.com", help: "We'll never share your email with anyone else." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.text_area :bio, label: "Biography", placeholder: "Tell us about yourself...", rows: 4 %>
-  <%% end %>
+
 
   <%%= f.submit "Save Profile" %>
 <%% end %>
@@ -120,51 +120,51 @@
   <!-- Text inputs -->
   <%%= f.text_field :text, label: "Text Field" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Field", placeholder: "john.doe@example.com" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.password_field :password, label: "Password Field" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.number_field :number, label: "Number Field", min: 0, max: 100 %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.telephone_field :phone, label: "Phone Number" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.url_field :website, label: "Website URL" %>
-  <%% end %>
+
 
   <!-- Date/Time inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.date_field :date, label: "Date" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.time_field :time, label: "Time" %>
-  <%% end %>
+
 
   <!-- Special inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.color_field :color, label: "Color Picker" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.search_field :search, label: "Search", placeholder: "Search..." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.file_field :file, label: "File Upload" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.range_field :volume, label: "Volume", min: 0, max: 100, value: 25 %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -205,13 +205,13 @@
         { prompt: "Choose a country" },
         { label: "Country" } %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.text_area :message,
           label: "Message",
           placeholder: "Enter your message here...",
           rows: 5,
           help: "Maximum 500 characters" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -347,9 +347,9 @@
   <!-- Switch toggles -->
   <%%= f.switch_field :dark_mode, label: "Enable dark mode" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.switch_field :auto_save, label: "Auto-save drafts" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -386,9 +386,9 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address" %>
-  <%% end %>
+
 
   <%%= f.submit "Submit" %>
 <%% end %>
@@ -495,22 +495,22 @@
         wrapper: { class: "max-w-md" } %>
 
   <!-- Skip label (i.e. don't display labels) -->
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email,
           label: false,
           placeholder: "Enter your email",
           help: "Skip displaying label",
           skip_label: true %>
-  <%% end %>
+
 
   <!-- Custom label options and input class -->
-  <%%= f.form_group do %>
+  
     <%%= f.text_field :website,
           label: "Website",
           placeholder: "https://",
           label_options: { class: "form-label font-medium text-sm text-blue-600" },
           class: "form-input text-lg" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>

data/app/views/railsui/themes/shepherd/content/typography/_fonts.html.erb

@@ -24,6 +24,6 @@
   </div>
 
   <div class="prose-sm prose-neutral dark:prose-invert">
-    <p><strong>Tip</strong>: To change fonts, you'll need to reference new them in both <code>app/views/rui/shared/_fonts.html.erb</code> and <code>app/assets/stylesheets/railsui/theme.css</code>.</p>
+    <p><strong>Tip</strong>: To change fonts, you'll need to reference them in both <code>app/views/rui/shared/_fonts.html.erb</code> and <code>app/assets/stylesheets/railsui/theme.css</code>.</p>
   </div>
 </div>

data/app/views/railsui/themes/shepherd/forms/_form_builder.html.erb

@@ -30,13 +30,13 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name", placeholder: "John Doe" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address", placeholder: "john@example.com", help: "We'll never share your email with anyone else." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.text_area :bio, label: "Biography", placeholder: "Tell us about yourself...", rows: 4 %>
-  <%% end %>
+
 
   <%%= f.submit "Save Profile" %>
 <%% end %>
@@ -120,51 +120,51 @@
   <!-- Text inputs -->
   <%%= f.text_field :text, label: "Text Field" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Field", placeholder: "john.doe@example.com" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.password_field :password, label: "Password Field" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.number_field :number, label: "Number Field", min: 0, max: 100 %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.telephone_field :phone, label: "Phone Number" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.url_field :website, label: "Website URL" %>
-  <%% end %>
+
 
   <!-- Date/Time inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.date_field :date, label: "Date" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.time_field :time, label: "Time" %>
-  <%% end %>
+
 
   <!-- Special inputs -->
-  <%%= f.form_group do %>
+  
     <%%= f.color_field :color, label: "Color Picker" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.search_field :search, label: "Search", placeholder: "Search..." %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.file_field :file, label: "File Upload" %>
-  <%% end %>
 
-  <%%= f.form_group do %>
+
+  
     <%%= f.range_field :volume, label: "Volume", min: 0, max: 100, value: 25 %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -205,13 +205,13 @@
         { prompt: "Choose a country" },
         { label: "Country" } %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.text_area :message,
           label: "Message",
           placeholder: "Enter your message here...",
           rows: 5,
           help: "Maximum 500 characters" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -347,9 +347,9 @@
   <!-- Switch toggles -->
   <%%= f.switch_field :dark_mode, label: "Enable dark mode" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.switch_field :auto_save, label: "Auto-save drafts" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>
@@ -386,9 +386,9 @@
 <%%= form_with model: @user, builder: Railsui::FormBuilder do |f| %>
   <%%= f.text_field :name, label: "Full Name" %>
 
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email, label: "Email Address" %>
-  <%% end %>
+
 
   <%%= f.submit "Submit" %>
 <%% end %>
@@ -495,22 +495,22 @@
         wrapper: { class: "max-w-md" } %>
 
   <!-- Skip label (i.e. don't display labels) -->
-  <%%= f.form_group do %>
+  
     <%%= f.email_field :email,
           label: false,
           placeholder: "Enter your email",
           help: "Skip displaying label",
           skip_label: true %>
-  <%% end %>
+
 
   <!-- Custom label options and input class -->
-  <%%= f.form_group do %>
+  
     <%%= f.text_field :website,
           label: "Website",
           placeholder: "https://",
           label_options: { class: "form-label font-medium text-sm text-blue-600" },
           class: "form-input text-lg" %>
-  <%% end %>
+
 <%% end %>
 <% end %>
 <%= render_snippet active_tab: :erb %>

data/lib/generators/railsui/install/templates/themes/corgie/views/layouts/rui/railsui.html.erb

@@ -1,14 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
-
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/corgie/views/layouts/rui/railsui_admin.html.erb

@@ -1,14 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
-
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/corgie/views/layouts/rui/railsui_auth.html.erb

@@ -1,14 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
-
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/corgie/views/rui/shared/_meta.html.erb

@@ -1,90 +1,46 @@
 <%#
+Meta tags for SEO and social sharing.
 
-Put a favicon.ico or favicon.svg (preferred) in your public/ folder and add favicon_link_tag "favicon.svg" to your layout inside the <head></head> tags.
+This uses Rails UI's built-in railsui_meta_tags helper which outputs:
+- Title tag
+- Viewport meta tag
+- Description meta tag
+- Canonical URL
+- Open Graph tags (title, type, url, image, description, site_name)
+- Social card tags (card, title, description, image)
+- Favicon links
 
-You may optionally reach for the meta_tags gem as I did below and do this all dynamically.
+Basic Usage:
 
-Below are the recommended tags to include for best discoverability between apps and services. You don't need everything listed to see success but many apps now query open graph tags to find assets and content for link previews so it goes a long way (i.e., Slack, Twitter, Facebook).
+  railsui_meta_tags
 
-Generate icons:
-https://redketchup.io/favicon-generator (generate from an image)
+Customizing per-page:
 
-Tip: Before generating icons, I typically start with a icon that is at least 512x512 in size. It can have a transparent background (.png, .svg). Keep it as simple as possible.
+  railsui_meta_tags(
+    title: "About Us",
+    description: "Learn more about our company."
+  )
 
-Free editor/vector tool:
-https://figma.com
+All available options:
 
-Previewing:
-https://www.opengraph.xyz/
+  railsui_meta_tags(
+    site: "My App",
+    title: "Page Title",
+    description: "Page description",
+    image: "meta/opengraph.jpg",
+    card_image: "meta/card.jpg",
+    og_type: "website",
+    card_type: "summary"
+  )
 
-
-# Usage:
-
-Title:
-Change the title and description tags below to match your own site. The title displays alongside your site name in a given browser tab next to the favicon.
-
-Description:
-The description is a good place for one to two sentences describing a page OR what the site is all about. You can tweak this on a per-page basis inside your views or controllers. See the metatags gem documentation on tips for doing so: https://github.com/kpumuk/meta-tags#mirrored-values
+Previewing: https://www.opengraph.xyz/
+Generate icons: https://redketchup.io/favicon-generator
 
 Images:
-Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder Rails UI copied to your app (jpg, png).
+Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder.
 %>
 
-<%= display_meta_tags(
-  site: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->,
-  reverse: true,
-  viewport: "width=device-width, initial-scale=1",
+<%= railsui_meta_tags(
   title: "CHANGE ME",
-  canonical: request.original_url,
-  og: {
-    title: Railsui.config.application_name,
-    type: "website",
-    url: request.original_url,
-    image: [{
-      _: image_url("railsui/meta/opengraph.jpg"),
-      width: 1200,
-      height: 630
-    }],
-    site_name: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->
-    description: "CHANGE ME",
-  },
-  twitter: {
-    title: :title,
-    description: :description,
-    card:  "summary",
-    image: {
-      _: image_url("railsui/meta/opengraph-mark.jpg"),
-      width:  400,
-      height: 400,
-    }
-  },
-  author: Railsui.config.application_name,
-  description: "CHANGE ME",
-  icon: [
-    {
-      href: image_url("railsui/meta/favicon.svg"),
-      sizes: 'any',
-      type: "image/svg+xml"
-    },
-    {
-      href: image_url("railsui/meta/favicon-16x16.png"),
-      sizes: "16x16",
-      type: "images/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-192x192.png"),
-      sizes: '192x192',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-512x512.png"),
-      sizes: '512x512',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/apple-touch-icon.png"),
-      sizes: '180x180',
-      type: "image/png"
-    }
-  ])
-  %>
+  description: "CHANGE ME"
+) %>

data/lib/generators/railsui/install/templates/themes/hound/views/layouts/rui/railsui.html.erb

@@ -1,13 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/hound/views/layouts/rui/railsui_admin.html.erb

@@ -1,13 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/hound/views/rui/shared/_meta.html.erb

@@ -1,90 +1,46 @@
 <%#
+Meta tags for SEO and social sharing.
 
-Put a favicon.ico or favicon.svg (preferred) in your public/ folder and add favicon_link_tag "favicon.svg" to your layout inside the <head></head> tags.
+This uses Rails UI's built-in railsui_meta_tags helper which outputs:
+- Title tag
+- Viewport meta tag
+- Description meta tag
+- Canonical URL
+- Open Graph tags (title, type, url, image, description, site_name)
+- Social card tags (card, title, description, image)
+- Favicon links
 
-You may optionally reach for the meta_tags gem as I did below and do this all dynamically.
+Basic Usage:
 
-Below are the recommended tags to include for best discoverability between apps and services. You don't need everything listed to see success but many apps now query open graph tags to find assets and content for link previews so it goes a long way (i.e., Slack, Twitter, Facebook).
+  railsui_meta_tags
 
-Generate icons:
-https://redketchup.io/favicon-generator (generate from an image)
+Customizing per-page:
 
-Tip: Before generating icons, I typically start with a icon that is at least 512x512 in size. It can have a transparent background (.png, .svg). Keep it as simple as possible.
+  railsui_meta_tags(
+    title: "About Us",
+    description: "Learn more about our company."
+  )
 
-Free editor/vector tool:
-https://figma.com
+All available options:
 
-Previewing:
-https://www.opengraph.xyz/
+  railsui_meta_tags(
+    site: "My App",
+    title: "Page Title",
+    description: "Page description",
+    image: "meta/opengraph.jpg",
+    card_image: "meta/card.jpg",
+    og_type: "website",
+    card_type: "summary"
+  )
 
-
-# Usage:
-
-Title:
-Change the title and description tags below to match your own site. The title displays alongside your site name in a given browser tab next to the favicon.
-
-Description:
-The description is a good place for one to two sentences describing a page OR what the site is all about. You can tweak this on a per-page basis inside your views or controllers. See the metatags gem documentation on tips for doing so: https://github.com/kpumuk/meta-tags#mirrored-values
+Previewing: https://www.opengraph.xyz/
+Generate icons: https://redketchup.io/favicon-generator
 
 Images:
-Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder Rails UI copied to your app (jpg, png).
+Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder.
 %>
 
-<%= display_meta_tags(
-  site: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->,
-  reverse: true,
-  viewport: "width=device-width, initial-scale=1",
+<%= railsui_meta_tags(
   title: "CHANGE ME",
-  canonical: request.original_url,
-  og: {
-    title: Railsui.config.application_name,
-    type: "website",
-    url: request.original_url,
-    image: [{
-      _: image_url("railsui/meta/opengraph.jpg"),
-      width: 1200,
-      height: 630
-    }],
-    site_name: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->
-    description: "CHANGE ME",
-  },
-  twitter: {
-    title: :title,
-    description: :description,
-    card:  "summary",
-    image: {
-      _: image_url("railsui/meta/opengraph-mark.jpg"),
-      width:  400,
-      height: 400,
-    }
-  },
-  author: Railsui.config.application_name,
-  description: "CHANGE ME",
-  icon: [
-    {
-      href: image_url("railsui/meta/favicon.svg"),
-      sizes: 'any',
-      type: "image/svg+xml"
-    },
-    {
-      href: image_url("railsui/meta/favicon-16x16.png"),
-      sizes: "16x16",
-      type: "images/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-192x192.png"),
-      sizes: '192x192',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-512x512.png"),
-      sizes: '512x512',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/apple-touch-icon.png"),
-      sizes: '180x180',
-      type: "image/png"
-    }
-  ])
-  %>
+  description: "CHANGE ME"
+) %>

data/lib/generators/railsui/install/templates/themes/shepherd/views/layouts/rui/railsui.html.erb

@@ -1,13 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/shepherd/views/layouts/rui/railsui_admin.html.erb

@@ -1,13 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>
-      <%= Railsui.config.application_name || "Rails UI" %>
-    </title>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="mobile-web-app-capable" content="yes">
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
 

data/lib/generators/railsui/install/templates/themes/shepherd/views/rui/shared/_meta.html.erb

@@ -1,90 +1,46 @@
 <%#
+Meta tags for SEO and social sharing.
 
-Put a favicon.ico or favicon.svg (preferred) in your public/ folder and add favicon_link_tag "favicon.svg" to your layout inside the <head></head> tags.
+This uses Rails UI's built-in railsui_meta_tags helper which outputs:
+- Title tag
+- Viewport meta tag
+- Description meta tag
+- Canonical URL
+- Open Graph tags (title, type, url, image, description, site_name)
+- Social card tags (card, title, description, image)
+- Favicon links
 
-You may optionally reach for the meta_tags gem as I did below and do this all dynamically.
+Basic Usage:
 
-Below are the recommended tags to include for best discoverability between apps and services. You don't need everything listed to see success but many apps now query open graph tags to find assets and content for link previews so it goes a long way (i.e., Slack, Twitter, Facebook).
+  railsui_meta_tags
 
-Generate icons:
-https://redketchup.io/favicon-generator (generate from an image)
+Customizing per-page:
 
-Tip: Before generating icons, I typically start with a icon that is atleast 512x512 in size. It can have a transparent background (.png, .svg). Keep it as simple as possible.
+  railsui_meta_tags(
+    title: "About Us",
+    description: "Learn more about our company."
+  )
 
-Free editor/vector tool:
-https://figma.com
+All available options:
 
-Previewing:
-https://www.opengraph.xyz/
+  railsui_meta_tags(
+    site: "My App",
+    title: "Page Title",
+    description: "Page description",
+    image: "meta/opengraph.jpg",
+    card_image: "meta/card.jpg",
+    og_type: "website",
+    card_type: "summary"
+  )
 
-
-# Usage:
-
-Title:
-Change the title and description tags below to match your own site. The title displays alongside your site name in a given browser tab next to the favicon.
-
-Description:
-The description is a good place for one to two sentences describing a page OR what the site is all about. You can tweak this on a per-page basis inside your views or controllers. See the metatags gem documentation on tips for doing so: https://github.com/kpumuk/meta-tags#mirrored-values
+Previewing: https://www.opengraph.xyz/
+Generate icons: https://redketchup.io/favicon-generator
 
 Images:
-Swap your own images for placeholder ones inside the "assets/images/meta" folder Rails UI copied to your app (jpg, png).
+Swap your own images for placeholder ones inside the "assets/images/railsui/meta" folder.
 %>
 
-<%= display_meta_tags(
-  site: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->,
-  reverse: true,
-  viewport: "width=device-width, initial-scale=1",
+<%= railsui_meta_tags(
   title: "CHANGE ME",
-  canonical: request.original_url,
-  og: {
-    title: Railsui.config.application_name,
-    type: "website",
-    url: request.original_url,
-    image: [{
-      _: image_url("railsui/meta/opengraph.jpg"),
-      width: 1200,
-      height: 630
-    }],
-    site_name: "#{Railsui.config.application_name.parameterize}.com", # <!-- change -->
-    description: "CHANGE ME",
-  },
-  twitter: {
-    title: :title,
-    description: :description,
-    card:  "summary",
-    image: {
-      _: image_url("railsui/meta/opengraph-mark.jpg"),
-      width:  400,
-      height: 400,
-    }
-  },
-  author: Railsui.config.application_name,
-  description: "CHANGE ME",
-  icon: [
-    {
-      href: image_url("railsui/meta/favicon.svg"),
-      sizes: 'any',
-      type: "image/svg+xml"
-    },
-    {
-      href: image_url("railsui/meta/favicon-16x16.png"),
-      sizes: "16x16",
-      type: "images/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-192x192.png"),
-      sizes: '192x192',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/android-chrome-512x512.png"),
-      sizes: '512x512',
-      type: "image/png"
-    },
-    {
-      href: image_url("railsui/meta/apple-touch-icon.png"),
-      sizes: '180x180',
-      type: "image/png"
-    }
-  ])
-  %>
+  description: "CHANGE ME"
+) %>

data/lib/railsui/engine.rb

@@ -11,6 +11,7 @@ module Railsui
     initializer "railsui.theme_helper" do
       ActiveSupport.on_load :action_controller do
         helper Railsui::ThemeHelper
+        helper Railsui::MetaTagsHelper
       end
     end
 

data/lib/railsui/meta_tags_helper.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module Railsui
+  module MetaTagsHelper
+    def railsui_meta_tags(options = {})
+      defaults = {
+        site: Railsui.config.application_name,
+        title: nil,
+        description: nil,
+        image: "railsui/meta/opengraph.jpg",
+        card_image: "railsui/meta/opengraph-mark.jpg",
+        og_type: "website",
+        card_type: "summary"
+      }
+      opts = defaults.merge(options)
+
+      full_title = [opts[:title], opts[:site]].compact.join(" | ")
+      og_image_url = opts[:image]&.start_with?("http") ? opts[:image] : image_url(opts[:image])
+      card_image_url = opts[:card_image]&.start_with?("http") ? opts[:card_image] : image_url(opts[:card_image])
+
+      safe_join([
+        tag.meta(charset: "UTF-8"),
+        tag.title(full_title),
+        tag.meta(name: "viewport", content: "width=device-width, initial-scale=1"),
+        tag.meta(name: "apple-mobile-web-app-capable", content: "yes"),
+        tag.meta(name: "mobile-web-app-capable", content: "yes"),
+        tag.meta(name: "description", content: opts[:description]),
+        tag.link(rel: "canonical", href: request.original_url),
+        # Open Graph
+        tag.meta(property: "og:title", content: full_title),
+        tag.meta(property: "og:type", content: opts[:og_type]),
+        tag.meta(property: "og:url", content: request.original_url),
+        tag.meta(property: "og:image", content: og_image_url),
+        tag.meta(property: "og:description", content: opts[:description]),
+        tag.meta(property: "og:site_name", content: opts[:site]),
+        # Social Card (X/Twitter)
+        tag.meta(name: "twitter:card", content: opts[:card_type]),
+        tag.meta(name: "twitter:title", content: full_title),
+        tag.meta(name: "twitter:description", content: opts[:description]),
+        tag.meta(name: "twitter:image", content: card_image_url),
+        # Favicons
+        tag.link(rel: "icon", href: image_url("railsui/meta/favicon.svg"), type: "image/svg+xml"),
+        tag.link(rel: "apple-touch-icon", href: image_url("railsui/meta/apple-touch-icon.png"))
+      ].compact, "\n")
+    end
+  end
+end

data/lib/railsui/version.rb

@@ -1,3 +1,3 @@
 module Railsui
-  VERSION = "3.3.4"
+  VERSION = "3.4.1"
 end

data/lib/railsui.rb

@@ -3,7 +3,6 @@
 require "railsui/version"
 require "railsui/engine"
 require "railsui_icon"
-require "meta-tags"
 require "tailwindcss-rails"
 
 module Railsui
@@ -11,6 +10,7 @@ module Railsui
   autoload :Pages, "railsui/pages"
   autoload :Themes, "railsui/themes"
   autoload :ThemeHelper, "railsui/theme_helper"
+  autoload :MetaTagsHelper, "railsui/meta_tags_helper"
   autoload :ThemeSetup, "railsui/theme_setup"
   autoload :FormBuilder, "railsui/form_builder"
 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: railsui
 version: !ruby/object:Gem::Version
-  version: 3.3.4
+  version: 3.4.1
 platform: ruby
 authors:
 - Andy Leverenz
 bindir: bin
 cert_chain: []
-date: 2026-01-19 00:00:00.000000000 Z
+date: 2026-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -37,20 +37,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: meta-tags
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: railsui_icon
   requirement: !ruby/object:Gem::Requirement
@@ -1783,6 +1769,7 @@ files:
 - lib/railsui/configuration.rb
 - lib/railsui/engine.rb
 - lib/railsui/form_builder.rb
+- lib/railsui/meta_tags_helper.rb
 - lib/railsui/pages.rb
 - lib/railsui/theme_helper.rb
 - lib/railsui/theme_setup.rb