b4um_generators 0.1.1 → 0.2.8

data/lib/generators/b4um/install/templates/b4um/forms.css

@@ -417,12 +417,20 @@
 
 .form-field--rich-text {
   display: grid;
-  grid-template-columns: 1fr;
+  grid-template-columns: minmax(0, 1fr);
+
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .form-field--rich-text trix-toolbar {
   grid-row: 1;
 
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+
   position: sticky;
   top: 61px;
   z-index: 10;
@@ -496,6 +504,15 @@
   color: var(--b4um-text);
 }
 
+.form-field--rich-text .form-textarea,
+.form-field--rich-text trix-editor {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+
+  box-sizing: border-box;
+}
+
 .form-field--rich-text .form-textarea {
   grid-row: 2;
 }
@@ -686,6 +703,18 @@
   border-radius: var(--b4um-radius);
 }
 
+/* -------------------------------------------------------
+   Rich Text Attachments – responsive
+------------------------------------------------------- */
+
+@media (max-width: 700px) {
+  .trix-content .attachment-gallery,
+  .trix-content .attachment-gallery--2,
+  .trix-content .attachment-gallery--4 {
+    grid-template-columns: 1fr;
+  }
+}
+
 .trix-content action-text-attachment[content-type='vnd.rubyonrails.horizontal-rule.html'] {
   display: block;
   width: 100%;
@@ -922,3 +951,134 @@
 
   opacity: 1;
 }
+/* -------------------------------------------------------
+   Responsive Rich Text
+------------------------------------------------------- */
+
+@media (max-width: 640px) {
+  .form-field--rich-text trix-toolbar {
+    overflow: visible;
+  }
+
+  /*
+   * Nur die Button-Zeile scrollt horizontal.
+   * Die Dialoge liegen außerhalb dieses Scrollcontainers
+   * und können deshalb vollständig sichtbar werden.
+   */
+  .form-field--rich-text trix-toolbar .trix-button-row {
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: flex-start;
+
+    width: 100%;
+    max-width: 100%;
+
+    gap: 4px;
+
+    overflow-x: auto;
+    overflow-y: hidden;
+
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-button-row::-webkit-scrollbar {
+    display: none;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-button-group {
+    flex: 0 0 auto;
+
+    margin: 0;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-button {
+    flex: 0 0 auto;
+
+    margin: 0;
+  }
+
+  /*
+   * Trix-Dialoge gehören NICHT zum horizontalen
+   * Scrollbereich der Buttons.
+   */
+  .form-field--rich-text trix-toolbar .trix-dialogs {
+    position: relative;
+
+    width: 100%;
+
+    overflow: visible;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-dialog {
+    left: 0;
+    right: auto;
+
+    max-width: 100%;
+
+    box-sizing: border-box;
+  }
+
+  /*
+   * Link-Dialog nutzt auf kleinen Displays
+   * die komplette verfügbare Toolbarbreite.
+   */
+  .form-field--rich-text trix-toolbar .trix-dialog--link {
+    width: 100%;
+  }
+
+  /*
+   * H1–H6 bleiben kompakt nebeneinander.
+   */
+  .form-field--rich-text trix-toolbar .trix-dialog--heading {
+    width: max-content;
+    max-width: 100%;
+
+    margin-left: 0;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-dialog--heading .trix-dialog__link-fields {
+    width: auto;
+  }
+
+  .form-field--rich-text trix-toolbar .trix-dialog--heading .trix-button-group {
+    display: flex;
+    flex-wrap: nowrap;
+
+    width: auto;
+    margin: 0;
+  }
+
+  /*
+   * Farbpalette ebenfalls vollständig innerhalb
+   * der verfügbaren Breite darstellen.
+   */
+  .form-field--rich-text trix-toolbar .trix-dialog--color {
+    width: max-content;
+    max-width: 100%;
+  }
+
+  .form-field--rich-text trix-editor .attachment-gallery,
+  .form-field--rich-text trix-editor .attachment-gallery--2,
+  .form-field--rich-text trix-editor .attachment-gallery--4 {
+    grid-template-columns: 1fr;
+  }
+}
+
+.form-field--rich-text trix-toolbar .trix-button--icon {
+  height: 1.98em;
+}
+
+.form-field--rich-text trix-toolbar .trix-button-group--container-tools .trix-button {
+  height: 2.6em;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+@media (max-width: 768px) {
+  trix-toolbar .trix-button--icon {
+    height: 2em;
+  }
+}

data/lib/generators/b4um/install/templates/b4um/navigation.css

@@ -48,15 +48,28 @@
 .navigation__link {
   position: relative;
   padding: 0.5rem 0;
+
+  border: 0;
+  background: transparent;
+
   color: var(--b4um-text);
+  font: inherit;
   font-weight: 500;
   text-decoration: none;
+
+  cursor: pointer;
+
   transition:
     color 0.18s ease,
     background-color 0.18s ease,
     transform 0.18s ease;
 }
 
+.navigation__form {
+  margin: 0;
+  padding: 0;
+}
+
 .navigation__link:visited {
   color: var(--b4um-text);
 }

data/lib/generators/b4um/install/templates/b4um/resources.css

@@ -119,3 +119,21 @@
 .resource-list-item:last-child {
   border-bottom: none;
 }
+
+/* -------------------------------------------------------
+   Responsive resource details
+------------------------------------------------------- */
+
+@media (max-width: 768px) {
+  .resource-field {
+    grid-template-columns: minmax(0, 1fr);
+    row-gap: 0.5rem;
+    column-gap: 0;
+  }
+
+  .resource-label,
+  .resource-value {
+    min-width: 0;
+    width: 100%;
+  }
+}

data/lib/generators/b4um/install/templates/b4um.css

@@ -1,3 +1,16 @@
+/*
+ * B4UM stylesheet imports
+ *
+ * Rails 8 loads all stylesheets in app/assets/stylesheets automatically
+ * when using:
+ *
+ *   <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+ *
+ * Therefore these imports are disabled by default.
+ * Uncomment them if your application's asset setup requires explicit imports.
+ */
+
+/*
 @import 'b4um/theme.css';
 @import 'b4um/base.css';
 @import 'b4um/layout.css';
@@ -18,3 +31,4 @@
 @import 'b4um/footer.css';
 @import 'b4um/cookie-consent.css';
 @import 'b4um/theme-switcher.css';
+*/

data/lib/generators/b4um/install/templates/navigation_helper.rb

@@ -23,4 +23,17 @@ module NavigationHelper
       data: { action: "click->navigation#close" }
     )
   end
+
+  def navigation_button_to(name, path, method:)
+    button_to(
+      name,
+      path,
+      method: method,
+      class: "navigation__link",
+      form: {
+        class: "navigation__form",
+        data: { action: "click->navigation#close" }
+      }
+    )
+  end
 end

data/lib/generators/b4um/readable/readable_generator.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+require "rails/generators"
+require "rails/generators/named_base"
+
+module B4um
+  module Generators
+    class ReadableGenerator < Rails::Generators::NamedBase
+      argument :attribute,
+               type: :string,
+               required: true,
+               banner: "ATTRIBUTE"
+
+      class << self
+        def desc(_description = nil)
+          "Adds a readable URL parameter to an existing model."
+        end
+      end
+
+      def validate_model
+        return if File.exist?(model_path)
+
+        raise Thor::Error,
+              "Model not found: app/models/#{file_name}.rb"
+      end
+
+      def validate_attribute
+        return if model_class.column_names.include?(attribute)
+
+        raise Thor::Error,
+              "Attribute not found: #{class_name}##{attribute}"
+      end
+
+      def add_readable_param
+        model_content = File.read(model_path)
+
+        if model_content.match?(/^\s*def\s+to_param\b/)
+          raise Thor::Error,
+                "#{class_name} already defines to_param."
+        end
+
+        inject_into_class(
+          model_path,
+          class_name,
+          <<~RUBY
+            def to_param
+              "\#{id} \#{#{attribute}}".parameterize
+            end
+          RUBY
+        )
+
+        say_status(
+          :readable,
+          "#{class_name} URLs now use #{attribute}",
+          :green
+        )
+      end
+
+      private
+
+      def model_path
+        File.join(
+          destination_root,
+          "app/models",
+          "#{file_name}.rb"
+        )
+      end
+
+      def model_class
+        class_name.constantize
+      rescue NameError
+        raise Thor::Error,
+              "Could not load model: #{class_name}"
+      end
+    end
+  end
+end

data/lib/generators/b4um/search/search_generator.rb

@@ -137,6 +137,64 @@ module B4um
         )
       end
 
+      def update_empty_state
+        view_file = File.join(
+          destination_root,
+          index_view_path
+        )
+
+        view_content = File.read(view_file)
+
+        return if view_content.include?(
+          "<% if params[:q].present? %>"
+        )
+
+        title = file_name.pluralize.humanize.downcase
+        singular = file_name.humanize.downcase
+
+        empty_state_pattern = %r{
+          (?<indent>[ \t]*)
+          <section\ class="b4um-empty-state">\s*
+          <h2\ class="b4um-empty-state__title">\s*
+          No\ #{Regexp.escape(title)}\ yet\.\s*
+          </h2>\s*
+          <p\ class="b4um-empty-state__text">\s*
+          Create\ your\ first\ #{Regexp.escape(singular)}\ to\ get\ started\.\s*
+          </p>\s*
+          </section>
+        }x
+
+        return unless view_content.match?(empty_state_pattern)
+
+        new_empty_state = <<~ERB.chomp
+          <section class="b4um-empty-state">
+            <% if params[:q].present? %>
+              <h2 class="b4um-empty-state__title">
+                No #{title} found.
+              </h2>
+
+              <p class="b4um-empty-state__text">
+                Try a different search term.
+              </p>
+            <% else %>
+              <h2 class="b4um-empty-state__title">
+                No #{title} yet.
+              </h2>
+
+              <p class="b4um-empty-state__text">
+                Create your first #{singular} to get started.
+              </p>
+            <% end %>
+          </section>
+        ERB
+
+        gsub_file(
+          index_view_path,
+          empty_state_pattern,
+          new_empty_state
+        )
+      end
+
       private
 
       def model_path

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: b4um_generators
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.8
 platform: ruby
 authors:
 - Alexander Baum
 bindir: exe
 cert_chain: []
-date: 2026-09-26 00:00:00.000000000 Z
+date: 2026-09-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -49,6 +49,10 @@ files:
 - bin/setup
 - lib/b4um_generators.rb
 - lib/b4um_generators/version.rb
+- lib/generators/b4um/attachment/attachment_generator.rb
+- lib/generators/b4um/authentication/authentication_generator.rb
+- lib/generators/b4um/authentication/templates/new.html.erb.tt
+- lib/generators/b4um/authentication/templates/sessions_controller.rb.tt
 - lib/generators/b4um/bento/bento_generator.rb
 - lib/generators/b4um/bento/templates/_alternating.html.erb.tt
 - lib/generators/b4um/bento/templates/_bento.html.erb.tt
@@ -104,6 +108,7 @@ files:
 - lib/generators/b4um/pagination/pagination_generator.rb
 - lib/generators/b4um/pagination/templates/_pagination.html.erb.tt
 - lib/generators/b4um/pagination/templates/pagination.rb
+- lib/generators/b4um/readable/readable_generator.rb
 - lib/generators/b4um/scaffold/scaffold_generator.rb
 - lib/generators/b4um/scaffold/templates/_bento.html.erb.tt
 - lib/generators/b4um/scaffold/templates/_form.html.erb.tt