railsui 3.2.3 → 3.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65c8f8fddc779bebbaf3f7b9a5dc11ace2c285964c8306d18c6c60e7696fb400
-  data.tar.gz: f98fb4101382bf441cab02f2755802aca10b03809d4ec69ebb1710188285d256
+  metadata.gz: e1a22e08555c7d6ded2d6358611329e1d6041c6ab2d53b8c4cfcbbe4a793e848
+  data.tar.gz: a63ed34c353fadd3fae3d7c1e05b9be39a52915ea7f6bac5486ead6adb74e2b4
 SHA512:
-  metadata.gz: 6bbcb99405b65d34131567531fc8e6508fa91a11c5c2cd6f987fc7e9c3cab3d9e732d9a4cefceb6dd18734617a029d3cd34210f1c000a7240704066f2e3c8a19
-  data.tar.gz: cbfb85ad4795f7b4666c1113524f3def71fac6ec4c173f693da681cf863d8a6a12de99428a838fd33f2c284586c2f3a1b02a32cc56cdaf74f3d9a4141eac1694
+  metadata.gz: 1a25a93a81cae08248aecbeb8451d42f3ad4fe4934977b1db44610d1fb2bf7a31224264654ecf8c5bd56a34e535a1d9dda5b41b7773c184573681f65c6aef2f5
+  data.tar.gz: cfaf43a8e71e093067ef5b7a1804003a426445b6c75dd666fde854109d2468c3dd65012fda254380307c8789155019123e3e8520e0c3680b607c98756aec8d23

data/Gemfile.lock

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

data/app/views/railsui/themes/corgie/components/modal/_settings.html.erb

@@ -188,6 +188,10 @@
 </div>
 <% end %>
 
+<% content_for :html, flush: true do %>
+
+<% end %>
+
 <% content_for :js, flush: true do %>
 import { RailsuiModal, RailsuiTabs } from 'railsui-stimulus'
 
@@ -195,7 +199,7 @@ application.register('railsui-modal', RailsuiModal)
 application.register('railsui-tabls', RailsuiTabs)
 <% end %>
 
-<%= render_snippet(js_filename: "index.js") %>") %>
+<%= render_snippet(js_filename: "index.js", active_tab: :erb) %>
 <% end %>
 <% end %>
 </div>

data/app/views/railsui/themes/corgie/components/modal/_with_form.html.erb

@@ -135,6 +135,52 @@ class="hidden rounded-2xl shadow-xl max-w-lg bg-white m-1 p-8 origin-bottom mx-a
 </div>
 <% end %>
 
+<% content_for :erb, flush: true do %>
+<div data-controller="railsui-modal">
+  <button type="button" data-action="click->railsui-modal#open" class="btn btn-primary" tabindex="0">
+    Open modal with form
+  </button>
+
+  <div aria-labelledby="modal-with-form" aria-modal="true" data-railsui-modal-target="container" data-action="keyup@window->railsui-modal#closeWithEsc" class="hidden fixed inset-0 z-50 overflow-y-auto" role="dialog">
+    <div class="h-screen w-full relative flex items-center justify-center">
+      <div data-railsui-modal-target="content"
+data-transition-enter-active="transition ease-out duration-300"
+data-transition-enter-from="transform opacity-0 scale-95"
+data-transition-enter-to="transform opacity-100 scale-100"
+data-transition-leave-active="transition ease-in duration-300"
+data-transition-leave-from="transform opacity-100 scale-100"
+data-transition-leave-to="transform opacity-0 scale-95"
+class="hidden rounded-2xl shadow-xl max-w-lg bg-white m-1 p-8 origin-bottom mx-auto dark:bg-neutral-700 dark:text-neutral-200 relative">
+        <button type="button" class="absolute top-2 right-2 w-8 h-8 bg-transparent hover:bg-neutral-50 flex items-center justify-center rounded-full group dark:hover:bg-neutral-50/50" data-action="click->railsui-modal#close">
+          <%%= icon "x-mark", class:  "text-neutral-400 size-6 group-hover:text-neutral-500 pointer-events-none dark:group-hover:text-neutral-800 dark:text-neutral-400" %>
+        </button>
+
+        <h3 id="modal-with-form" class="h3">Subscribe</h3>
+
+        <div class="prose prose-neutral dark:prose-invert mt-2 mb-6">
+          <p>Join our community to get early access to new features, exclusive content, and connect with other developers.</p>
+        </div>
+
+        <%%= form_with model: @subcriber, builder: Railsui::FormBuilder do |f| %>
+          <%%= f.form_group do %>
+            <%%= f.email_field :email, placeholder: "saasquatch@railsui.com", label: "E-mail" %>
+          <%% end %>
+          
+          <%%= f.form_group do %>
+            <%%= f.text_area :reason, placeholder: "In a couple sentences let us know your reason for joining the Rails UI community", label: "Reason for joining" %>
+          <%% end %> 
+
+          <div class="mt-8 flex justify-start items-center flex-wrap bg-neutral-50 px-8 py-4 -mx-8 -mb-8 border-t border-neutral-300 rounded-b-2xl shadow-inner space-x-4 dark:bg-neutral-700 dark:text-neutral-200 dark:border-neutral-600/70">
+            <%%= f.submit "Subscribe" %>
+            <%%= link_to "Cancel", "#", class: "btn btn-white", data: { action: "click->railsui-modal#close" } %>
+          </div>
+         <%% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<% end %>
+
 
 <% content_for :js, flush: true do %>
 import { RailsuiModal } from 'railsui-stimulus'

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.3"
+  VERSION = "3.2.5"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: railsui
 version: !ruby/object:Gem::Version
-  version: 3.2.3
+  version: 3.2.5
 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)
-      })
-    })
-  }
-}