backstage 0.1.16 → 0.1.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c93addd91e80f76d095d7fd56542ebea748d27be3043cad7affcee189143718e
-  data.tar.gz: a9df1684acf09fb155e449e612e1e92c117874b581d4161f4b9c4b3749f610b4
+  metadata.gz: bd4a99dca95784cecd88484e12b1caa4cc039f8a49d2d931b8d0675f6585edbd
+  data.tar.gz: 5ac6646e4111267ea577eef7bbfd9dc5a3b0ea81ca4c52e2073f79c07239de34
 SHA512:
-  metadata.gz: 48c81f6f435f100053c573b886ad40f6df175ae871302bbc381c161ade4f99bbe2062505de73133702d8a7c05e679d721e31d0a95f76b6555d3d1923df0f328a
-  data.tar.gz: 6653ba7832ea040c05081c5f46e9b4f8504503ed7bf117a49c7d111e95d144c56edbf9262f7864eed7d12094c482574e31ad0505a33323ea6141601e9d13d4e3
+  metadata.gz: 20bf822e699375f97414d14d0fa8b97b0f416e30fa8321ac9e3a6dfcc64b84c1dbf7b4e8e5f6cce12219c678600aaf1cb280369d9ecbd15cc5daff61a6830486
+  data.tar.gz: a6d2bc5524a9054a7d54f22730f9807870e15ee26c14cf9f8abce5832233f6e47b07be4d0e8deba751ee0f3b560274233a59cc5f550af1ff00d3cc06c3be050f

data/CHANGELOG.md

@@ -7,6 +7,27 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+## [0.1.18] — 2026-07-18
+
+### Added
+
+- Responsive admin layout: left nav collapses behind a hamburger toggle and overlays the page below 768px; edit-page sidebar reflows below the form on narrow viewports
+
+### Changed
+
+- Test dummy app now uses Propshaft to serve assets (fixes CSS not loading in system tests)
+
+## [0.1.17] — 2026-06-04
+
+### Added
+
+- Flash notice is displayed after a successful create or update
+
+### Fixed
+
+- Edit and new forms now render validation error messages inline when save fails
+- Successful update now redirects back to the edit page instead of the index
+
 ## [0.1.16] — 2026-06-02
 
 ### Fixed

data/app/assets/stylesheets/backstage/backstage.css

@@ -9,3 +9,37 @@ main { padding: 1rem; grid-row: 2; grid-column: 2; }
 /* Override Pico's horizontal nav list */
 nav ul { flex-direction: column; }
 nav ul li { display: block; }
+
+[data-nav-toggle] { display: none; }
+
+@media (max-width: 768px) {
+  body { grid-template-columns: 1fr; }
+  main { grid-column: 1; }
+
+  [data-nav-toggle] { display: inline-block; }
+
+  nav.backstage-nav {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 240px;
+    height: 100vh;
+    overflow-y: auto;
+    background: var(--pico-background-color);
+    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
+    z-index: 100;
+  }
+
+  nav.backstage-nav.nav-open { display: block; }
+
+  .edit-layout { grid-template-columns: 1fr; }
+
+  .edit-layout aside {
+    border-left: none;
+    border-top: 1px solid var(--pico-muted-border-color);
+    padding-left: 0;
+    padding-top: 1rem;
+    margin-top: 1rem;
+  }
+}

data/app/controllers/backstage/resources_controller.rb

@@ -40,7 +40,8 @@ module Backstage
     def create
       @record = @resource_config.model_class.new(record_params)
       if @record.save
-        redirect_to edit_resource_path(resource: params[:resource], id: @record.id)
+        redirect_to edit_resource_path(resource: params[:resource], id: @record.id),
+          notice: "#{@resource_config.model_class.model_name.human} was successfully created."
       else
         render :new, status: :unprocessable_entity
       end
@@ -48,7 +49,8 @@ module Backstage
 
     def update
       if @record.update(record_params)
-        redirect_to resources_path(resource: params[:resource])
+        redirect_to edit_resource_path(resource: params[:resource], id: @record.id),
+          notice: "#{@resource_config.model_class.model_name.human} was successfully saved."
       else
         render :edit, status: :unprocessable_entity
       end

data/app/views/backstage/resources/edit.html.erb

@@ -4,6 +4,15 @@
 <div<% if sidebar&.links&.any? %> class="edit-layout"<% end %>>
   <div>
     <%= form_with model: @record, url: resource_path(resource: params[:resource], id: @record.id), method: :patch do |f| %>
+      <% if @record.errors.any? %>
+        <div class="error-messages">
+          <ul>
+            <% @record.errors.full_messages.each do |msg| %>
+              <li><%= msg %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
       <% @resource_config.edit_fields.each do |field| %>
         <% if field.container? %>
           <%= render partial: field.partial_path, locals: { f: f, field: field, record: @record } %>

data/app/views/backstage/resources/new.html.erb

@@ -1,6 +1,15 @@
 <h1>New <%= @resource_config.model_class.model_name.human %></h1>
 
 <%= form_with model: @record, url: resources_path(resource: params[:resource]), method: :post do |f| %>
+  <% if @record.errors.any? %>
+    <div class="error-messages">
+      <ul>
+        <% @record.errors.full_messages.each do |msg| %>
+          <li><%= msg %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
   <% @resource_config.edit_fields.each do |field| %>
     <% if field.container? %>
       <%= render partial: field.partial_path, locals: { f: f, field: field, record: @record } %>

data/app/views/layouts/backstage/backstage.html.erb

@@ -16,6 +16,14 @@
             }
           })
         })
+        var navToggle = document.querySelector("[data-nav-toggle]")
+        var nav = document.querySelector("nav.backstage-nav")
+        if (navToggle && nav) {
+          navToggle.addEventListener("click", function() {
+            var open = nav.classList.toggle("nav-open")
+            navToggle.setAttribute("aria-expanded", open)
+          })
+        }
         document.querySelectorAll("[data-multi-select-search]").forEach(function(input) {
           input.addEventListener("input", function() {
             var q = input.value.toLowerCase()
@@ -49,9 +57,10 @@
   </head>
   <body>
     <header>
+      <button type="button" data-nav-toggle aria-label="Menu" aria-expanded="false">☰</button>
       <%= link_to "Admin Home", backstage.root_path %>
     </header>
-    <nav>
+    <nav class="backstage-nav">
       <ul>
         <% nav_resources.each do |config| %>
           <li><%= link_to config.model_class.model_name.human.pluralize,
@@ -60,6 +69,14 @@
       </ul>
     </nav>
     <main>
+      <div id="flash">
+        <% if flash[:notice] %>
+          <p class="notice"><%= flash[:notice] %></p>
+        <% end %>
+        <% if flash[:alert] %>
+          <p class="alert"><%= flash[:alert] %></p>
+        <% end %>
+      </div>
       <%= yield %>
     </main>
   </body>

data/lib/backstage/version.rb

@@ -1,3 +1,3 @@
 module Backstage
-  VERSION = "0.1.16"
+  VERSION = "0.1.18"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: backstage
 version: !ruby/object:Gem::Version
-  version: 0.1.16
+  version: 0.1.18
 platform: ruby
 authors:
 - Gareth James
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-06-02 00:00:00.000000000 Z
+date: 2026-07-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties