turbo_overlay 0.3.0

data/lib/generators/turbo_overlay/install_generator.rb

@@ -0,0 +1,443 @@
+require "rails/generators/base"
+
+module TurboOverlay
+  module Generators
+    # Wires the host app to use turbo_overlay. Detects the host's JS
+    # and CSS toolchain, then either injects the required one-liners
+    # or prints the snippets the user needs to paste. Also copies the
+    # chosen chrome partials into `app/views/turbo_overlay/` so the
+    # app owns its modal/drawer appearance from day one (and so
+    # Tailwind / similar scanners can see the markup).
+    #
+    #   bin/rails g turbo_overlay:install
+    #   bin/rails g turbo_overlay:install --theme tailwind
+    #
+    # Re-running is idempotent: existing files and already-injected
+    # wiring are detected and skipped. Pass `--force` to overwrite
+    # files when upgrading.
+    class InstallGenerator < ::Rails::Generators::Base
+      source_root File.expand_path("templates", __dir__)
+
+      GEM_ROOT = File.expand_path("../../..", __dir__)
+
+      THEMES = %w[plain tailwind bootstrap5 bootstrap3].freeze
+
+      # Chrome + loading partials the gem ships fallbacks for under
+      # `app/views/turbo_overlay/`. For the `plain` theme the install
+      # generator copies those fallbacks directly so we don't have two
+      # canonical copies of the same markup. Themed (`tailwind`,
+      # `bootstrap5`, `bootstrap3`) installs source from the
+      # per-theme template directory.
+      #
+      # `_loading.html.erb` is a single shared partial — the same body
+      # renders inside modal, drawer, popover, and hint chromes, with
+      # chrome-context CSS handling the size differences. Apps that
+      # want chrome-specific loading markup can add
+      # `_loading.html+<variant>.erb` and the existing lookup will
+      # prefer it over the shared file.
+      FALLBACK_PARTIALS = %w[
+        _modal.html.erb
+        _drawer.html.erb
+        _popover.html.erb
+        _hint.html.erb
+        _loading.html.erb
+      ].freeze
+
+      # Confirm partials have no gem-side fallback — they're optional
+      # (only used when `register(application, confirm: true)`) and
+      # require per-theme markup. Always source from the theme directory.
+      # A single `_confirm.html.erb` serves both modal- and popover-style
+      # confirms; add `_confirm.html+<variant>.erb` for chrome-specific tuning.
+      THEME_ONLY_PARTIALS = %w[
+        _confirm.html.erb
+      ].freeze
+
+      class_option :theme,
+        type: :string,
+        default: "plain",
+        desc: "Chrome theme to scaffold. One of: #{THEMES.join(", ")}."
+
+      class_option :skip_layout_inject,
+        type: :boolean,
+        default: false,
+        desc: "Skip injecting `<%= overlay_stack_tag %>` into application.html.erb"
+
+      class_option :skip_javascript,
+        type: :boolean,
+        default: false,
+        desc: "Skip wiring the Stimulus registration"
+
+      class_option :skip_stylesheet,
+        type: :boolean,
+        default: false,
+        desc: "Skip wiring the stylesheet import"
+
+      class_option :skip_chrome,
+        type: :boolean,
+        default: false,
+        desc: "Skip copying the modal/drawer chrome partials into app/views/turbo_overlay/"
+
+      def validate_theme
+        @theme = options[:theme].to_s
+        unless THEMES.include?(@theme)
+          raise Thor::Error,
+            "Theme '#{@theme}' not recognized. Choose from: #{THEMES.join(", ")}."
+        end
+      end
+
+      def copy_initializer
+        template "initializer.rb.tt", "config/initializers/turbo_overlay.rb"
+      end
+
+      def copy_chrome_partials
+        return if options[:skip_chrome]
+
+        FALLBACK_PARTIALS.each do |filename|
+          dest = "app/views/turbo_overlay/#{filename}"
+          if @theme == "plain"
+            copy_gem_fallback_partial(filename, dest)
+          else
+            copy_file chrome_source_path(filename), dest
+          end
+        end
+
+        THEME_ONLY_PARTIALS.each do |filename|
+          copy_file chrome_source_path(filename),
+            "app/views/turbo_overlay/#{filename}"
+        end
+      end
+
+      def inject_stack_tag
+        if options[:skip_layout_inject]
+          @layout_instructions_only = true
+          return
+        end
+
+        layout_path = locate_application_layout
+        unless layout_path
+          @layout_instructions_only = true
+          say_status :skip, "no application.html.erb found; see post-install instructions for `overlay_stack_tag`", :yellow
+          return
+        end
+
+        contents = File.read(File.join(destination_root, layout_path))
+        if contents.include?("overlay_stack_tag") || contents.include?("overlay_frame_tags")
+          say_status :identical, layout_path, :blue
+          return
+        end
+
+        inject_into_file layout_path, before: %r{</body>} do
+          "    <%= overlay_stack_tag %>\n  "
+        end
+      end
+
+      def wire_javascript
+        if options[:skip_javascript]
+          @js_instructions_only = true
+          return
+        end
+
+        @js_setup = detect_js_setup
+        case @js_setup
+        when :importmap
+          wire_importmap_stimulus_entry
+        when :jsbundling
+          @js_instructions_only = true
+        else
+          @js_instructions_only = true
+        end
+      end
+
+      def wire_stylesheet
+        if options[:skip_stylesheet]
+          @css_instructions_only = true
+          return
+        end
+
+        @css_setup = detect_css_setup
+        case @css_setup
+        when :sprockets
+          wire_sprockets_stylesheet
+        when :propshaft
+          wire_propshaft_stylesheet
+        when :cssbundling
+          @css_instructions_only = true
+        else
+          @css_instructions_only = true
+        end
+      end
+
+      def show_post_install_message
+        say "\nTurbo Overlay installed with the #{@theme} theme.\n"
+        say "\nSetup checklist:\n"
+
+        print_controller_step
+        print_layout_step
+        print_js_step
+        print_css_step
+
+        say "\nUsage:\n"
+        say <<~MSG
+            Open views as overlays:
+
+              <%= modal_link_to   "New",     new_thing_path %>
+              <%= drawer_link_to  "Filters", filters_path %>
+              <%= popover_link_to "Edit",    edit_thing_path(@thing) %>
+
+            Add hover-hint previews with `hint: true` (and `hint_url:` for
+            content from a separate URL):
+
+              <%= hint_link_to "User",       user_path(@user) %>
+              <%= modal_link_to "Edit", path, hint: true, hint_url: hint_path %>
+        MSG
+      end
+
+      private
+
+      def chrome_source_path(filename)
+        "chrome/#{@theme}/#{filename}"
+      end
+
+      def copy_gem_fallback_partial(filename, destination_relative)
+        source = File.join(GEM_ROOT, "app/views/turbo_overlay", filename)
+        unless File.exist?(source)
+          say_status :missing, source, :red
+          return
+        end
+        create_file destination_relative, File.read(source)
+      end
+
+      def locate_application_layout
+        %w[
+          app/views/layouts/application.html.erb
+          app/views/layouts/application.html.haml
+          app/views/layouts/application.html.slim
+        ].find { |p| File.exist?(File.join(destination_root, p)) }
+      end
+
+      def detect_js_setup
+        return :importmap if File.exist?(File.join(destination_root, "config/importmap.rb"))
+
+        pkg = File.join(destination_root, "package.json")
+        if File.exist?(pkg)
+          json = File.read(pkg)
+          return :jsbundling if %w[esbuild rollup webpack bun].any? { |b| json.include?(%("#{b}")) }
+        end
+
+        :unknown
+      end
+
+      def detect_css_setup
+        gemfile = File.join(destination_root, "Gemfile")
+        if File.exist?(gemfile)
+          content = File.read(gemfile)
+          return :cssbundling if content.match?(/^\s*gem\s+["'](cssbundling-rails|dartsass-rails|tailwindcss-rails|sassc-rails)["']/)
+          return :propshaft   if content.match?(/^\s*gem\s+["']propshaft["']/)
+          return :sprockets   if content.match?(/^\s*gem\s+["']sprockets-rails["']/)
+        end
+
+        # Fall back to looking for a stylesheet file.
+        return :sprockets if File.exist?(File.join(destination_root, "app/assets/stylesheets/application.css"))
+        return :sprockets if File.exist?(File.join(destination_root, "app/assets/stylesheets/application.scss"))
+
+        :unknown
+      end
+
+      def wire_importmap_stimulus_entry
+        candidates = %w[
+          app/javascript/controllers/index.js
+          app/javascript/application.js
+        ]
+        path = candidates.find { |p| File.exist?(File.join(destination_root, p)) }
+        unless path
+          @js_instructions_only = true
+          return
+        end
+
+        contents = File.read(File.join(destination_root, path))
+        if contents.include?(%(from "turbo_overlay")) || contents.include?(%(from 'turbo_overlay'))
+          say_status :identical, path, :blue
+          return
+        end
+
+        append_to_file path, <<~JS
+
+          import { register as registerTurboOverlay } from "turbo_overlay"
+          registerTurboOverlay(application, { confirm: true })
+        JS
+      end
+
+      def wire_sprockets_stylesheet
+        candidates = %w[
+          app/assets/stylesheets/application.css
+          app/assets/stylesheets/application.css.scss
+          app/assets/stylesheets/application.scss
+        ]
+        path = candidates.find { |p| File.exist?(File.join(destination_root, p)) }
+        unless path
+          @css_instructions_only = true
+          return
+        end
+
+        contents = File.read(File.join(destination_root, path))
+        if contents.include?("turbo_overlay")
+          say_status :identical, path, :blue
+          return
+        end
+
+        if path.end_with?(".css")
+          # Manifest-style: inject `*= require turbo_overlay` into the
+          # sprockets require block. Fall back to appending an import.
+          if contents.include?("*= require_tree")
+            inject_into_file path, before: " *= require_tree" do
+              " *= require turbo_overlay\n"
+            end
+          elsif contents.match?(/\*=\s+require_self/)
+            inject_into_file path, after: /\*=\s+require_self\n/ do
+              " *= require turbo_overlay\n"
+            end
+          else
+            append_to_file path, %(\n@import "turbo_overlay";\n)
+          end
+        else
+          append_to_file path, %(\n@import "turbo_overlay";\n)
+        end
+      end
+
+      def wire_propshaft_stylesheet
+        # Propshaft doesn't rewrite `@import` URLs to digested paths,
+        # so we can't inject `@import "turbo_overlay.css"` into the
+        # app's manifest CSS — the browser would 404 on the
+        # un-digested URL. Inject a `stylesheet_link_tag` into the
+        # application layout instead so propshaft emits a separately
+        # digested `<link>` for the gem's CSS.
+        layout_path = locate_application_layout
+        unless layout_path && layout_path.end_with?(".erb")
+          @css_instructions_only = true
+          return
+        end
+
+        contents = File.read(File.join(destination_root, layout_path))
+        if contents.include?(%(stylesheet_link_tag "turbo_overlay")) ||
+           contents.include?(%(stylesheet_link_tag 'turbo_overlay'))
+          say_status :identical, layout_path, :blue
+          return
+        end
+
+        # Insert after the first existing `stylesheet_link_tag` line we
+        # find; otherwise fall back to printing instructions.
+        first_link = contents.lines.find { |l| l.include?("stylesheet_link_tag") }
+        unless first_link
+          @css_instructions_only = true
+          return
+        end
+
+        indent = first_link[/^\s*/]
+        new_line = %(#{indent}<%= stylesheet_link_tag "turbo_overlay", "data-turbo-track": "reload" %>\n)
+
+        # Thor's `after:` matches a String literally; pass the raw line.
+        inject_into_file layout_path, after: first_link do
+          new_line
+        end
+      end
+
+      def print_controller_step
+        # The generator never edits ApplicationController, so this is
+        # always a manual step.
+        say "\n  #{marker(:todo)} 1. Controller concern"
+        say step_body(<<~BODY)
+          Add to ApplicationController:
+
+            class ApplicationController < ActionController::Base
+              include TurboOverlay::Controller
+            end
+
+          This auto-installs the overlay layout swap and preserves Turbo's
+          `turbo_rails/frame` layout for plain frame requests. For custom
+          layouts, see "A note on custom layouts" in the README.
+        BODY
+      end
+
+      def print_layout_step
+        if @layout_instructions_only
+          say "\n  #{marker(:todo)} 2. Layout stack tag"
+          say step_body(<<~BODY)
+            Add to your application layout, just before </body>:
+
+              <%= overlay_stack_tag %>
+
+            This renders the slots overlays mount into. Without it, modal /
+            drawer / popover / hint links will navigate full-page instead
+            of opening as overlays.
+          BODY
+        else
+          say "\n  #{marker(:done)} 2. Layout stack tag"
+          say step_body("`<%= overlay_stack_tag %>` is present in your application layout.")
+        end
+      end
+
+      def print_js_step
+        if @js_instructions_only
+          say "\n  #{marker(:todo)} 3. JavaScript wiring"
+          say step_body(<<~BODY)
+            Add to your Stimulus entry (typically
+            app/javascript/controllers/index.js or your bundler's equivalent):
+
+              import { register as registerTurboOverlay } from "turbo_overlay"
+              registerTurboOverlay(application, { confirm: true })
+
+            jsbundling-rails apps: add the gem's `app/javascript` directory
+            to your bundler's resolve paths, OR run
+            `bin/rails g turbo_overlay:eject --js` to copy the controllers
+            into your app.
+          BODY
+        else
+          say "\n  #{marker(:done)} 3. JavaScript wiring"
+          say step_body("Registered with your Stimulus entry.")
+        end
+      end
+
+      def print_css_step
+        if @css_instructions_only
+          say "\n  #{marker(:todo)} 4. Stylesheet wiring"
+          say step_body(<<~BODY)
+            Add to your stylesheet. Pick the option that matches your setup:
+
+              # propshaft — add to app/views/layouts/application.html.erb:
+              <%= stylesheet_link_tag "turbo_overlay", "data-turbo-track": "reload" %>
+
+              # sprockets manifest — add to app/assets/stylesheets/application.css:
+              *= require turbo_overlay
+
+              # cssbundling / dartsass / tailwind v4 — add to your source CSS:
+              @import "turbo_overlay";
+
+            Notes:
+              - Propshaft does not rewrite CSS `@import` URLs to digested
+                asset paths; use a separate `stylesheet_link_tag` instead so
+                the gem's CSS is served with a fingerprinted URL.
+              - cssbundling apps may also need to add the gem's
+                `app/assets/stylesheets` directory to the bundler's load
+                paths, OR run `bin/rails g turbo_overlay:eject --css` to
+                copy the stylesheet into your app.
+          BODY
+        else
+          say "\n  #{marker(:done)} 4. Stylesheet wiring"
+          say step_body("Imported into your application stylesheet.")
+        end
+      end
+
+      def marker(state)
+        case state
+        when :done then set_color("[done]", :green)
+        when :todo then set_color("[todo]", :yellow)
+        end
+      end
+
+      # Indent each non-empty line so step bodies sit under the marker.
+      def step_body(text)
+        text.lines.map { |l| l.chomp.empty? ? "" : "         #{l.chomp}" }.join("\n")
+      end
+    end
+  end
+end

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_confirm.html.erb

@@ -0,0 +1,13 @@
+<%# Confirm dialog body, wrapped in the matching chrome at template-
+    emission time by `overlay_stack_tag`. Used for both modal- and
+    popover-style confirms; add `_confirm.html+<variant>.erb` for
+    chrome-specific tuning. JS only depends on:
+      [data-turbo-overlay-confirm-message] — text insertion point
+      [data-turbo-overlay-confirm-cancel]  — cancels (resolves false)
+      [data-turbo-overlay-confirm-accept]  — accepts (resolves true)
+%>
+<p data-turbo-overlay-confirm-message></p>
+<div style="text-align:right;margin-top:15px;">
+  <button type="button" class="btn btn-default" data-turbo-overlay-confirm-cancel>Cancel</button>
+  <button type="button" class="btn btn-primary" data-turbo-overlay-confirm-accept>OK</button>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_drawer.html.erb

@@ -0,0 +1,50 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.drawer.position %>
+<% backdrop    = turbo_overlay_backdrop? %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--drawer", "turbo-overlay--drawer-#{position}", "turbo-overlay-scaffold", "turbo-overlay--loading": loading, "turbo-overlay--no-backdrop": !backdrop) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="drawer"
+        data-turbo-overlay-backdrop-value="<%= backdrop %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-drawer-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="panel panel-default turbo-drawer-panel" style="position:relative;">
+    <% if !loading && content_for?(:overlay_title) %>
+      <div class="panel-heading">
+        <% if close_button %>
+          <button type="button"
+                  class="close"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <% end %>
+        <h4 id="turbo-drawer-title-<%= turbo_overlay_id %>" class="panel-title">
+          <%= yield(:overlay_title) %>
+        </h4>
+      </div>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="close"
+              style="position:absolute; top:8px; right:12px; z-index:1;"
+              data-action="turbo-overlay#close"
+              aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <% end %>
+
+    <div class="panel-body turbo-drawer-body">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <div class="panel-footer text-right">
+        <%= yield(:overlay_footer) %>
+      </div>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_hint.html.erb

@@ -0,0 +1,9 @@
+<% loading = local_assigns.fetch(:loading, false) %>
+<div popover="manual"
+     class="<%= class_names("turbo-overlay-hint", "popover", "turbo-overlay--loading": loading) %>"
+     style="display:block; position:fixed; max-width:20rem;"
+     <% if loading %>role="status" aria-live="polite" aria-label="Loading"<% else %>role="tooltip"<% end %>>
+  <div class="popover-content">
+    <%= yield %>
+  </div>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_loading.html.erb

@@ -0,0 +1,9 @@
+<%# Body content for an overlay's loading placeholder. Wrapped in the
+    matching chrome at template-emission time by `overlay_stack_tag`.
+    Sizing comes from the gem's CSS so the same partial fits modal,
+    drawer, popover, and hint contexts. Add `_loading.html+<variant>.erb`
+    if you need chrome-specific markup.
+%>
+<div class="turbo-overlay-loading__body" style="display:flex;align-items:center;justify-content:center;">
+  <span class="turbo-overlay-loading__spinner" aria-hidden="true"></span>
+</div>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_modal.html.erb

@@ -0,0 +1,49 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% close_button = local_assigns.fetch(:close) { overlay_close? } %>
+<dialog class="<%= class_names("turbo-overlay", "turbo-overlay--modal", "turbo-overlay-scaffold", "turbo-overlay--loading": loading) %>"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="modal"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel click->turbo-overlay#backdropClick"
+        aria-labelledby="turbo-modal-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div class="modal-dialog modal-lg" role="document">
+    <div class="modal-content" style="position:relative;">
+      <% if !loading && content_for?(:overlay_title) %>
+        <div class="modal-header">
+          <% if close_button %>
+            <button type="button"
+                    class="close"
+                    data-action="turbo-overlay#close"
+                    aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <% end %>
+          <h4 id="turbo-modal-title-<%= turbo_overlay_id %>" class="modal-title">
+            <%= yield(:overlay_title) %>
+          </h4>
+        </div>
+      <% elsif !loading && close_button %>
+        <button type="button"
+                class="close"
+                style="position:absolute; top:8px; right:12px; z-index:1;"
+                data-action="turbo-overlay#close"
+                aria-label="Close"><span aria-hidden="true">&times;</span></button>
+      <% end %>
+
+      <div class="modal-body">
+        <%= yield %>
+      </div>
+
+      <% if !loading && content_for?(:overlay_footer) %>
+        <div class="modal-footer">
+          <%= yield(:overlay_footer) %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap3/_popover.html.erb

@@ -0,0 +1,54 @@
+<% loading      = local_assigns.fetch(:loading, false) %>
+<% position    = turbo_overlay_position || TurboOverlay.configuration.popover.position %>
+<% align       = turbo_overlay_align    || TurboOverlay.configuration.popover.align %>
+<% offset      = turbo_overlay_offset   || TurboOverlay.configuration.popover.offset %>
+<% close_button = local_assigns.fetch(:close) { defined?(@_overlay_close) && @_overlay_close != false } %>
+<dialog popover="manual"
+        class="<%= class_names("turbo-overlay", "turbo-overlay--popover", "turbo-overlay--no-backdrop", "popover", "turbo-overlay--loading": loading) %>"
+        style="display:block; position:fixed; max-width:22rem; margin:0; padding:0;"
+        <% if loading %>
+        role="status"
+        aria-live="polite"
+        aria-label="Loading"
+        <% else %>
+        data-controller="turbo-overlay"
+        data-turbo-overlay-id-value="<%= turbo_overlay_id %>"
+        data-turbo-overlay-type-value="popover"
+        data-turbo-overlay-backdrop-value="false"
+        data-turbo-overlay-position-value="<%= position %>"
+        data-turbo-overlay-align-value="<%= align %>"
+        data-turbo-overlay-offset-value="<%= offset %>"
+        <% if turbo_overlay_keep_open_on_redirect? %>data-turbo-overlay-keep-open-on-redirect="true"<% end %>
+        data-action="cancel->turbo-overlay#cancel"
+        aria-labelledby="turbo-popover-title-<%= turbo_overlay_id %>"
+        <% end %>>
+  <div style="position:relative;">
+    <% if !loading && content_for?(:overlay_title) %>
+      <h3 class="popover-title" id="turbo-popover-title-<%= turbo_overlay_id %>" style="display:flex; align-items:center; justify-content:space-between;">
+        <span><%= yield(:overlay_title) %></span>
+        <% if close_button %>
+          <button type="button"
+                  class="close"
+                  data-action="turbo-overlay#close"
+                  aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <% end %>
+      </h3>
+    <% elsif !loading && close_button %>
+      <button type="button"
+              class="close"
+              style="position:absolute; top:6px; right:10px; z-index:1;"
+              data-action="turbo-overlay#close"
+              aria-label="Close"><span aria-hidden="true">&times;</span></button>
+    <% end %>
+
+    <div class="popover-content">
+      <%= yield %>
+    </div>
+
+    <% if !loading && content_for?(:overlay_footer) %>
+      <div class="popover-footer" style="border-top:1px solid #e5e7eb; padding:0.5rem 0.75rem; display:flex; justify-content:flex-end; gap:0.5rem;">
+        <%= yield(:overlay_footer) %>
+      </div>
+    <% end %>
+  </div>
+</dialog>

data/lib/generators/turbo_overlay/templates/chrome/bootstrap5/_confirm.html.erb

@@ -0,0 +1,13 @@
+<%# Confirm dialog body, wrapped in the matching chrome at template-
+    emission time by `overlay_stack_tag`. Used for both modal- and
+    popover-style confirms; add `_confirm.html+<variant>.erb` for
+    chrome-specific tuning. JS only depends on:
+      [data-turbo-overlay-confirm-message] — text insertion point
+      [data-turbo-overlay-confirm-cancel]  — cancels (resolves false)
+      [data-turbo-overlay-confirm-accept]  — accepts (resolves true)
+%>
+<p data-turbo-overlay-confirm-message></p>
+<div class="d-flex justify-content-end gap-2 mt-3">
+  <button type="button" class="btn btn-secondary" data-turbo-overlay-confirm-cancel>Cancel</button>
+  <button type="button" class="btn btn-primary"   data-turbo-overlay-confirm-accept>OK</button>
+</div>