demo_mode 2.0.1 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b196c5819bc10bf1250a85f86945116322e6b5c6b80ab5aa5203f53bdb51703e
-  data.tar.gz: 4ff919a389d224246010c59644c400608afb1e0d55a80fe5f049ba0cc86280f0
+  metadata.gz: 03b87ab2f9b6bcbf88c60b337d047317ed4c7f3021e11c7b54ed57fd4f457f8f
+  data.tar.gz: 6f7ec3791d4aa078dfe940d0ab213e5909f24d40ba22d4b72a25b8beb82e1af1
 SHA512:
-  metadata.gz: 1b82b5aef0976ca6267cbf9bcce2aabc49e157c0bbba42623819f30559e3edd8d6486b5ec1caa02df20fbd61995bdf1759aef00d3361d1a264ef2c2ff59b57df
-  data.tar.gz: 02ba40ba00c3247bb9652b4fafad550b23821ca1326fa380384042d21bc2c5c33eba7b246cc634bdef0681b69d9e1e80492905bb208c4c82ba06ae7cc0e4beb3
+  metadata.gz: 8a58563989f275a048d27f0d020b8bd8f3f43bed7e241a56305d8536baeffe7ab8fc3c9136d554e02f159c699368ef76eec8d124a8977ccc0ede6b5becffe82f
+  data.tar.gz: be67738d14ce5678b626a16c790b83d0f4532df61f01a1b848a055f26cee8d3e39b09067bbd4da1f3291def7508f57fa430a8220a4aa69b29dfa310aab99b8df

data/README.md

@@ -278,6 +278,9 @@ generation), and the default persona icon:
 
 ```ruby
 DemoMode.configure do
+  stylesheets.unshift 'first.css'
+  stylesheets.push 'last.css'
+
   logo { image_tag('my-company-logo.svg') }
   loader { render partial: 'shared/loading_spinner' }
 
@@ -311,19 +314,12 @@ DemoMode.add_persona do
 end
 ```
 
-To customize or override the CSS entirely, create your own application.css
-file at `app/assets/stylesheets/demo_mode/application.css`:
+The styles use these CSS variables, which you can override.
 
 ```css
-/*
- *= require demo_mode/normalize
- *= require demo_mode/default
- *= require_self
- */
-
 /* Use CSS variables to override the default font and colors: */
 :root {
-  --font-family: Papyrus, fantasy; 
+  --font-family: Papyrus, fantasy;
   --primary-color: red;
 }
 ```

data/app/views/layouts/demo_mode/application.html.erb

@@ -5,8 +5,11 @@
   <meta charset="UTF-8">
   <title>Demo Mode</title>
   <%= favicon_link_tag '/favicon.ico' %>
-  <link rel="stylesheet" href="/assets/demo_mode/vendor/normalize-v8.0.1.css">
-  <link rel="stylesheet" href="/assets/demo_mode/demo_mode.css?v=<%= DemoMode::VERSION %>">
+
+  <% DemoMode.stylesheets.each do |stylesheet| %>
+    <%= stylesheet_link_tag(stylesheet, media: 'all') %>
+  <% end %>
+
   <script src="/assets/demo_mode/vendor/typed-v2.1.0.js"></script>
   <script src="/assets/demo_mode/demo_mode.js?v=<%= DemoMode::VERSION %>"></script>
   <%= csrf_meta_tags %>

data/lib/demo_mode/config.rb

@@ -14,6 +14,7 @@ module DemoMode
     configurable_value(:personas_path) { 'config/personas' }
     configurable_value(:session_timeout) { 30.minutes }
     configurable_boolean(:display_credentials)
+    configurations << :stylesheets
     configurations << :logo
     configurations << :loader
     configurations << :icon
@@ -27,6 +28,13 @@ module DemoMode
       Rails.application.class.module_parent.name
     end
 
+    def stylesheets
+      @stylesheets ||= [
+        "/assets/demo_mode/vendor/normalize-v8.0.1.css",
+        "/assets/demo_mode/demo_mode.css?v=#{VERSION}",
+      ]
+    end
+
     def logo(&block)
       if block
         @logo = block

data/lib/demo_mode/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DemoMode
-  VERSION = '2.0.1'
+  VERSION = '2.1.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: demo_mode
 version: !ruby/object:Gem::Version
-  version: 2.0.1
+  version: 2.1.0
 platform: ruby
 authors:
 - Nathan Griffith
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-06 00:00:00.000000000 Z
+date: 2025-02-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack