rollout-ui 0.7.4 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1b77d43c42fd6d0bf55f0c82f2b657be128cdc4f659ce9ba3ca8aec362b3d518
-  data.tar.gz: f13d17d8f94679acc00aaf68fad4e80bb58f2da8d2f3680374c5b5c231497f4d
+  metadata.gz: abb4b1f85851c0127d87fcb8c428fd704d40b1e4c7b976ce8474d90eb449ab2e
+  data.tar.gz: e9bf31f2540a4811fd5aa4df4b9eb19a0cb77c88955a72d34694703359adc222
 SHA512:
-  metadata.gz: 6c91539ecf6b82d09ae256ca0e3882ea2bd5c247be8b540607c9dd07786ea0349892b58f029967a9d2b3954231524fd361410e3a0c568f846ede38c96f9e1552
-  data.tar.gz: 027723401f76cf51ad03fd5544d58450527c35e53ea0130ae6f8ff9948634724531940c0dc39db52accb7535d18f5ccd2f9c3dd08d218b30c704694ce722b8b7
+  metadata.gz: 9b7ca3dae1414eced5038c1e3bdaf73e2e6f870f2164fab88cad497d98d42fcf863c70c286df9f7b9058cd36020f3fcf4106e50c6d44ed0c997f9410740271d5
+  data.tar.gz: 0b3ce4474df18ec347fff573d6a112c848cbe4d6c0e678ec773206385eecb0f45ef116a0fde1f02760c071912e93db42a56a47b528f502e59149858aa88e7e42

data/.mise.toml

@@ -0,0 +1,2 @@
+[tools]
+ruby = "3.4.7"

data/.ruby-version

@@ -1 +1 @@
-3.3.0
+3.4.7

data/README.md

@@ -92,18 +92,32 @@ end
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/fetlife/rollout-ui.
 
-### Development
+### Development Setup
 
-To run this project for development in isolation:
+This project uses [mise](https://mise.jdx.dev/) for managing development tools.
+
+Install mise if you haven't already:
+
+```sh
+curl https://mise.run | sh
+```
+
+Then install the required tools and dependencies:
 
 ```sh
+mise install
 bundle install
+```
+
+To run this project for development in isolation:
+
+```sh
 bundle exec rerun rackup
 ```
 
 And visit [http://localhost:9292/](http://localhost:9292/).
 
-Alternatively you can also configure which Redis with:
+Alternatively, you can also configure which Redis with:
 
 ```sh
 REDIS_HOST=localhost REDIS_PORT=6379 REDIS_DB=10 bundle exec rerun rackup

data/lib/rollout/ui/version.rb

@@ -1,5 +1,5 @@
 class Rollout
   module UI
-    VERSION = "0.7.4"
+    VERSION = "0.8.0"
   end
 end

data/lib/rollout/ui/views/layout.slim

@@ -3,15 +3,62 @@ html
   head
     title Rollout UI
     meta name='viewport' content='width=device-width initial-scale=1'
+    meta name='color-scheme' content='light dark'
     link rel='stylesheet' href=stylesheet_path('tailwind.min')
+    style
+      | :root { color-scheme: light; }
+      | :root.dark { color-scheme: dark; }
+      | body { transition: background-color 0.2s, color 0.2s; }
+      | .dark { background-color: #1a1a1a; color: #e5e5e5; }
+      | .dark .text-gray-700 { color: #d1d1d1; }
+      | .dark .text-gray-600 { color: #b8b8b8; }
+      | .dark .text-gray-500 { color: #9ca3af; }
+      | .dark .text-gray-400 { color: #6b7280; }
+      | .dark .bg-gray-100 { background-color: #2a2a2a; }
+      | .dark .bg-gray-200 { background-color: #333333; }
+      | .dark .bg-gray-300 { background-color: #404040; }
+      | .dark .border-gray-200 { border-color: #404040; }
+      | .dark .hover\:bg-gray-200:hover { background-color: #3a3a3a; }
+      | .dark .text-blue-600 { color: #60a5fa; }
+      | .dark .hover\:text-blue-700:hover { color: #93c5fd; }
 
   body
     / Addresses https://stackoverflow.com/questions/21147149/flash-of-unstyled-content-fouc-in-firefox-only-is-ff-slow-renderer
     script 0
 
+    script
+      | (function() {
+      |   const theme = localStorage.getItem('theme') || 'system';
+      |   function applyTheme(t) {
+      |     const root = document.documentElement;
+      |     if (t === 'dark' || (t === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+      |       root.classList.add('dark');
+      |     } else {
+      |       root.classList.remove('dark');
+      |     }
+      |   }
+      |   applyTheme(theme);
+      |   window.addEventListener('DOMContentLoaded', function() {
+      |     const btn = document.getElementById('theme-toggle');
+      |     btn.textContent = theme;
+      |     btn.addEventListener('click', function() {
+      |       const current = localStorage.getItem('theme') || 'system';
+      |       const next = current === 'light' ? 'dark' : current === 'dark' ? 'system' : 'light';
+      |       localStorage.setItem('theme', next);
+      |       applyTheme(next);
+      |       btn.textContent = next;
+      |     });
+      |     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function() {
+      |       if (localStorage.getItem('theme') === 'system') applyTheme('system');
+      |     });
+      |   });
+      | })();
+
     .container.mx-auto.font-mono.text-gray-700.px-5.pb-20
-      h1.font-light.text-4xl.text-gray-600.pt-20
-        a href=index_path class='hover:text-blue-700'
-          ' Rollout
+      .flex.items-center.pt-20
+        h1.font-light.text-4xl.text-gray-600.flex-auto
+          a href=index_path class='hover:text-blue-700'
+            ' Rollout
+        button#theme-toggle.text-sm.text-gray-600.p-2.bg-gray-100.rounded-sm.transition-colors.duration-150(class='hover:bg-gray-200') system
 
       == yield

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: rollout-ui
 version: !ruby/object:Gem::Version
-  version: 0.7.4
+  version: 0.8.0
 platform: ruby
 authors:
 - FetLife
-autorequire:
 bindir: exe
 cert_chain: []
-date: 2025-08-06 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rollout
@@ -207,6 +206,7 @@ files:
 - ".github/workflows/release.yml"
 - ".github/workflows/test.yml"
 - ".gitignore"
+- ".mise.toml"
 - ".rspec"
 - ".ruby-version"
 - Gemfile
@@ -234,7 +234,6 @@ homepage: https://github.com/fetlife/rollout-ui
 licenses:
 - MIT
 metadata: {}
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -249,8 +248,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
-signing_key:
+rubygems_version: 3.6.9
 specification_version: 4
 summary: Minimalist web ui for the rollout gem
 test_files: []