railsui 3.2.4 → 3.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fef7e5e793d92ba7a9f865ef962b1451fdc0a2238f154ef1d1c69b1ca01938ce
-  data.tar.gz: 98d0aaeaddb1201575fa08e68b02035e89b79dbef036773e953a89cd97e96e40
+  metadata.gz: c60c93266d6805e4d07eb8748a9d0331b51dfd39ff9e38e5d1127e2d74fc72f7
+  data.tar.gz: 6d9f13285b3cc3e58cd442b7f1233bbd594fb4dbd0a9f8461426f4d0b8d6f34d
 SHA512:
-  metadata.gz: c59fbc965c98741728b2586b0245178c58a6556be492e18a386ae1713e094fe22704de49d33d423ddb9912cf0797ac9f6087dc8ed49f985a629c4d3c61bebb12
-  data.tar.gz: 68aad9674397d34dc41a8a842b8be16d7f255da17246343da872cd020163cf12c9c66fe57ed1a0fcd86fb657f7ecf1f2b261b1f25ee2d36ce93621012f9ca972
+  metadata.gz: 07d424fb75b02f1d60ecd840975231b810b17f696da4139c564b6466e19c5656592e5142e29d1f1eb8302fe315a8bf9071df96f16090923d0040b04cd1b0327f
+  data.tar.gz: f373d62b2ffb75f24220190f938c64e17277c4bca711dd517f157420fc1d54491103fcaff51e07695243c03f40fc492272a2445abc2d9450f405fb8bd0f86e4d

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    railsui (3.2.4)
+    railsui (3.2.6)
       meta-tags
       psych
       rails (>= 7.0)

data/app/views/routes/_route.html.erb

@@ -25,7 +25,7 @@
           <% end %>
         </div>
         <div class="sm:col-span-6 md:pt-0 pt-2">
-          <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-gradient-to-br rounded-lg border from-neutral-900 to-neutral-700 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
+          <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 rounded-2xl border-2 bg-neutral-900 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
             <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-bash text-neutral-100"># Path
 <%= route[:path].to_param.strip %>
 
@@ -51,7 +51,7 @@
         <div class="grid grid-cols-1 md:grid-cols-11 text-sm items-start py-4">
           <div class="sm:col-span-5"></div>
           <div class="sm:col-span-6">
-            <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 bg-gradient-to-br rounded-lg overflow-hidden border from-neutral-900 to-neutral-700 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
+            <div data-controller="railsui-code" class="mt-5 mb-8 first:mt-0 last:mb-0 rounded-2xl overflow-hidden border-2 bg-neutral-900 border-neutral-700 selection:bg-salmon-500 selection:bg-opacity-25 relative text-base text-white">
               <pre><code data-railsui-code-target="snippet" data-railsui-clipboard-target="content" class="language-bash text-neutral-100"># Path
 <%= route[:path].to_param.strip %>
 

data/lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/search_controller.js

@@ -5,18 +5,20 @@ export default class extends Controller {
   static targets = ["modal", "input", "results"]
 
   connect() {
-    useTransition(this, {
-      element: this.modalTarget,
-      enterActive: "transition ease-out duration-200",
-      enterFrom: "opacity-0 scale-95",
-      enterTo: "opacity-100 scale-100",
-      leaveActive: "transition ease-in duration-150",
-      leaveFrom: "opacity-100 scale-100",
-      leaveTo: "opacity-0 scale-95",
-    })
-    this.isOpen = false
-    this.activeIndex = -1
-    this.currentResults = []
+    if (this.hasModalTarget) {
+      useTransition(this, {
+        element: this.modalTarget,
+        enterActive: "transition ease-out duration-200",
+        enterFrom: "opacity-0 scale-95",
+        enterTo: "opacity-100 scale-100",
+        leaveActive: "transition ease-in duration-150",
+        leaveFrom: "opacity-100 scale-100",
+        leaveTo: "opacity-0 scale-95",
+      })
+      this.isOpen = false
+      this.activeIndex = -1
+      this.currentResults = []
+    }
   }
 
   open() {

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

@@ -7,12 +7,16 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -7,12 +7,16 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -7,12 +7,16 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -126,8 +126,8 @@
           <% end %>
 
           <%= render "rui/shared/chat/message", user: true do %>
-          <p>How do I approach front end more easily?</p>
-          <% end %>>
+          How do I approach front end more easily?
+          <% end %>
 
           <%= render "rui/shared/chat/message" do %>
           Front-end technologies like HTML, CSS, and JavaScript are essential for building the user interface of a web

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

@@ -4,7 +4,7 @@
 <article class="relative group">
   <div class="flex justify-end mb-1">
     <div class="chat">
-      <div class="prose prose-neutral dark:prose-invert" data-controller="markdown hightlight code-block" data-markdown-target="content">
+      <div class="prose prose-neutral dark:prose-invert border-neutral-300/80 dark:border-neutral-700/80 prose-pre:border dark:prose-pre:border-neutral-700/80" data-controller="markdown code-block" data-markdown-target="content">
         <%= yield %>
       </div>
     </div>
@@ -22,7 +22,6 @@
     </button>
   </div>
 </article>
-
 <% else %>
 <article class="relative w-full group">
   <div class="absolute top-0 flex flex-col transition-opacity duration-300 opacity-0 -left-10 group-hover:opacity-100">
@@ -32,7 +31,7 @@
       <span class="sr-only">Copy</span>
     </button>
   </div>
-  <div class="max-w-full pb-2 mb-2 prose prose-neutral dark:prose-invert border-neutral-300/80 dark:border-neutral-700/80 prose-pre:p-0 prose-pre:bg-transparent prose-pre:border dark:prose-pre:border-neutral-700/80" data-controller="markdown highlight code-block" data-markdown-target="content" data-highlight-target="code">
+  <div class="max-w-full pb-2 mb-2 prose prose-neutral dark:prose-invert border-neutral-300/80 dark:border-neutral-700/80 prose-pre:border dark:prose-pre:border-neutral-700/80" data-controller="markdown code-block" data-markdown-target="content">
     <%= yield %>
   </div>
 

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

@@ -7,11 +7,15 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -7,11 +7,15 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -7,11 +7,15 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.r b too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

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

@@ -7,11 +7,15 @@
     <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 %>
 
     <%= yield :head %>
 
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.r b too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
 

data/lib/railsui/theme_setup.rb

@@ -101,7 +101,7 @@ module Railsui
 
       # Generate import statements for stylesheets
       import_statements = stylesheet_files.map do |file|
-        "@import \"../stylesheets/railsui/#{File.basename(file, ".css")}\";"
+        "@import \"./railsui/#{File.basename(file, ".css")}\";"
       end.join("\n")
 
       # Read the existing application.tailwind.css content
@@ -111,6 +111,8 @@ module Railsui
       cleaned_css_content = application_css_content
       cleaned_css_content = cleaned_css_content.gsub(/@import "tailwindcss";\n*/, "")
       cleaned_css_content = cleaned_css_content.gsub(%r{@import "\.\./stylesheets/railsui/.*";\n*}, "")
+      cleaned_css_content = cleaned_css_content.gsub(%r{@import "railsui/.*";\n*}, "")
+      cleaned_css_content = cleaned_css_content.gsub(%r{@import "\./railsui/.*";\n*}, "")
 
       # Add the new import statements in the correct order
       new_application_css_content = [

data/lib/railsui/version.rb

@@ -1,3 +1,3 @@
 module Railsui
-  VERSION = "3.2.4"
+  VERSION = "3.2.6"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: railsui
 version: !ruby/object:Gem::Version
-  version: 3.2.4
+  version: 3.2.6
 platform: ruby
 authors:
 - Andy Leverenz
 bindir: bin
 cert_chain: []
-date: 2025-08-23 00:00:00.000000000 Z
+date: 2025-09-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -739,7 +739,6 @@ files:
 - app/assets/images/users.svg
 - app/assets/images/warning.svg
 - app/assets/javascripts/railsui.js
-- app/assets/stylesheets/railsui/code.css
 - app/assets/stylesheets/railsui/config.css
 - app/assets/stylesheets/railsui/docs.css
 - app/assets/stylesheets/railsui/forms.css
@@ -1405,7 +1404,6 @@ files:
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/character_count_controller.js
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/chat_controller.js
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/help_search_controller.js
-- lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/highlight_controller.js
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/markdown_controller.js
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/search_controller.js
 - lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/sidebar_controller.js

data/app/assets/stylesheets/railsui/code.css

@@ -1,137 +0,0 @@
-pre code.hljs {
-  display: block;
-  overflow: auto !important;
-  padding: 1em;
-  font-family: theme("fontFamily.mono");
-  font-size: 15px !important;
-
-  @apply scrollbar-track-neutral-950 scrollbar-thumb-neutral-500;
-}
-
-code.hljs {
-  padding: 3px 5px;
-}
-
-.hljs {
-  color: theme("colors.neutral.100");
-}
-.hljs-attr,
-.hljs-tag {
-  color: theme("colors.neutral.100");
-}
-
-.hljs-keyword {
-  color: #c792ea;
-  font-style: italic;
-}
-.hljs-built_in {
-  color: #addb67;
-  font-style: italic;
-}
-.hljs-type {
-  color: #82aaff;
-}
-.hljs-literal {
-  color: #ff5874;
-}
-.hljs-number {
-  color: #f78c6c;
-}
-.hljs-regexp {
-  color: #5ca7e4;
-}
-.hljs-string {
-  color: theme("colors.sky.300");
-}
-.hljs-class {
-  color: #ffcb8b;
-}
-.hljs-function {
-  color: #82aaff;
-}
-.hljs-title {
-  color: #dcdcaa;
-  font-style: italic;
-}
-.hljs-params {
-  color: #7fdbca;
-}
-.hljs-comment {
-  color: #637777;
-  font-style: italic;
-}
-.hljs-doctag {
-  color: #7fdbca;
-}
-.hljs-meta,
-.hljs-meta .hljs-keyword {
-  color: #82aaff;
-}
-.hljs-meta .hljs-string {
-  color: #ecc48d;
-}
-.hljs-section {
-  color: #82b1ff;
-}
-.hljs-selector-tag,
-.hljs-symbol,
-.hljs-subst,
-.hljs-name {
-  color: theme("colors.pink.400");
-}
-.hljs-attribute {
-  color: #80cbc4;
-}
-.hljs-variable {
-  color: theme("colors.teal.400");
-}
-.hljs-bullet {
-  color: #d9f5dd;
-}
-.hljs-code {
-  color: #80cbc4;
-}
-.hljs-emphasis {
-  color: #c792ea;
-  font-style: italic;
-}
-.hljs-strong {
-  color: #addb67;
-  font-weight: 700;
-}
-.hljs-formula {
-  color: #c792ea;
-}
-.hljs-link {
-  color: #ff869a;
-}
-.hljs-quote {
-  color: #697098;
-  font-style: italic;
-}
-.hljs-selector-id {
-  color: #fad430;
-}
-.hljs-selector-class {
-  color: theme("colors.sky.400");
-  font-style: italic;
-}
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #c792ea;
-  font-style: italic;
-}
-.hljs-template-tag {
-  color: #c792ea;
-}
-.hljs-template-variable {
-  color: theme("colors.teal.400");
-}
-.hljs-addition {
-  color: #addb67ff;
-  font-style: italic;
-}
-.hljs-deletion {
-  color: #ef535090;
-  font-style: italic;
-}

data/lib/generators/railsui/install/templates/themes/corgie/javascript/controllers/railsui/highlight_controller.js

@@ -1,13 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-import hljs from "highlight.js"
-
-export default class extends Controller {
-  static targets = ["code"]
-  connect() {
-    this.codeTargets.forEach((target) => {
-      target.querySelectorAll("pre code").forEach((c) => {
-        hljs.highlightElement(c)
-      })
-    })
-  }
-}