rollout-ui 0.7.4 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.mise.toml +2 -0
- data/.ruby-version +1 -1
- data/README.md +17 -3
- data/lib/rollout/ui/version.rb +1 -1
- data/lib/rollout/ui/views/layout.slim +54 -3
- metadata +4 -6
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 6d9fab3c48e549993d1e00275c95b7346a51a99751e0385c8602bdadef24ba3f
|
|
4
|
+
data.tar.gz: 52ff38014c4a74f4a53261edc266b04da7cd3b5f02a31a167c2971b30f3abf23
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b298705af03edb6097e9bf8a1fa7ca5a4f94e793f18a619410d9600759d3d5781ec608a92123f97bd29531f983c1068d26669313d397dd279cd872ebe16b2a32
|
|
7
|
+
data.tar.gz: 3ac6cea06516db2ed27b865dc0d16a86eea1f567c3d0813560392f8d834971d009ec80829fa8e9a415ef8855cc5fae5612218c4711c37cda1bb493fa0201f2fc
|
data/.mise.toml
ADDED
data/.ruby-version
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
3.
|
|
1
|
+
3.4.7
|
data/README.md
CHANGED
|
@@ -92,18 +92,32 @@ end
|
|
|
92
92
|
|
|
93
93
|
Bug reports and pull requests are welcome on GitHub at https://github.com/fetlife/rollout-ui.
|
|
94
94
|
|
|
95
|
-
### Development
|
|
95
|
+
### Development Setup
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
This project uses [mise](https://mise.jdx.dev/) for managing development tools.
|
|
98
|
+
|
|
99
|
+
Install mise if you haven't already:
|
|
100
|
+
|
|
101
|
+
```sh
|
|
102
|
+
curl https://mise.run | sh
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
Then install the required tools and dependencies:
|
|
98
106
|
|
|
99
107
|
```sh
|
|
108
|
+
mise install
|
|
100
109
|
bundle install
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
To run this project for development in isolation:
|
|
113
|
+
|
|
114
|
+
```sh
|
|
101
115
|
bundle exec rerun rackup
|
|
102
116
|
```
|
|
103
117
|
|
|
104
118
|
And visit [http://localhost:9292/](http://localhost:9292/).
|
|
105
119
|
|
|
106
|
-
Alternatively you can also configure which Redis with:
|
|
120
|
+
Alternatively, you can also configure which Redis with:
|
|
107
121
|
|
|
108
122
|
```sh
|
|
109
123
|
REDIS_HOST=localhost REDIS_PORT=6379 REDIS_DB=10 bundle exec rerun rackup
|
data/lib/rollout/ui/version.rb
CHANGED
|
@@ -3,15 +3,66 @@ html
|
|
|
3
3
|
head
|
|
4
4
|
title Rollout UI
|
|
5
5
|
meta name='viewport' content='width=device-width initial-scale=1'
|
|
6
|
+
meta name='color-scheme' content='light dark'
|
|
6
7
|
link rel='stylesheet' href=stylesheet_path('tailwind.min')
|
|
8
|
+
style
|
|
9
|
+
| :root { color-scheme: light; }
|
|
10
|
+
| :root.dark { color-scheme: dark; }
|
|
11
|
+
| body { transition: background-color 0.2s, color 0.2s; }
|
|
12
|
+
| .dark { background-color: #1a1a1a; color: #e5e5e5; }
|
|
13
|
+
| .dark .text-gray-700 { color: #d1d1d1; }
|
|
14
|
+
| .dark .text-gray-600 { color: #b8b8b8; }
|
|
15
|
+
| .dark .text-gray-500 { color: #9ca3af; }
|
|
16
|
+
| .dark .text-gray-400 { color: #6b7280; }
|
|
17
|
+
| .dark .bg-gray-100 { background-color: #2a2a2a; }
|
|
18
|
+
| .dark .bg-gray-200 { background-color: #333333; }
|
|
19
|
+
| .dark .bg-gray-300 { background-color: #404040; }
|
|
20
|
+
| .dark .border { border-color: #555555; }
|
|
21
|
+
| .dark .border-gray-200 { border-color: #404040; }
|
|
22
|
+
| .dark .hover\:bg-gray-200:hover { background-color: #3a3a3a; }
|
|
23
|
+
| .dark .text-blue-600 { color: #60a5fa; }
|
|
24
|
+
| .dark .hover\:text-blue-700:hover { color: #93c5fd; }
|
|
25
|
+
| .dark .bg-white { background-color: #333333; }
|
|
26
|
+
| .dark .border-gray-300 { border-color: #555555; }
|
|
27
|
+
| .dark .hover\:bg-gray-800:hover { background-color: #4a4a4a; }
|
|
7
28
|
|
|
8
29
|
body
|
|
9
30
|
/ Addresses https://stackoverflow.com/questions/21147149/flash-of-unstyled-content-fouc-in-firefox-only-is-ff-slow-renderer
|
|
10
31
|
script 0
|
|
11
32
|
|
|
33
|
+
script
|
|
34
|
+
| (function() {
|
|
35
|
+
| const theme = localStorage.getItem('theme') || 'system';
|
|
36
|
+
| function applyTheme(t) {
|
|
37
|
+
| const root = document.documentElement;
|
|
38
|
+
| if (t === 'dark' || (t === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
|
|
39
|
+
| root.classList.add('dark');
|
|
40
|
+
| } else {
|
|
41
|
+
| root.classList.remove('dark');
|
|
42
|
+
| }
|
|
43
|
+
| }
|
|
44
|
+
| applyTheme(theme);
|
|
45
|
+
| window.addEventListener('DOMContentLoaded', function() {
|
|
46
|
+
| const btn = document.getElementById('theme-toggle');
|
|
47
|
+
| btn.textContent = theme;
|
|
48
|
+
| btn.addEventListener('click', function() {
|
|
49
|
+
| const current = localStorage.getItem('theme') || 'system';
|
|
50
|
+
| const next = current === 'light' ? 'dark' : current === 'dark' ? 'system' : 'light';
|
|
51
|
+
| localStorage.setItem('theme', next);
|
|
52
|
+
| applyTheme(next);
|
|
53
|
+
| btn.textContent = next;
|
|
54
|
+
| });
|
|
55
|
+
| window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function() {
|
|
56
|
+
| if (localStorage.getItem('theme') === 'system') applyTheme('system');
|
|
57
|
+
| });
|
|
58
|
+
| });
|
|
59
|
+
| })();
|
|
60
|
+
|
|
12
61
|
.container.mx-auto.font-mono.text-gray-700.px-5.pb-20
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
'
|
|
62
|
+
.flex.items-center.pt-20
|
|
63
|
+
h1.font-light.text-4xl.text-gray-600.flex-auto
|
|
64
|
+
a href=index_path class='hover:text-blue-700'
|
|
65
|
+
' Rollout
|
|
66
|
+
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
|
|
16
67
|
|
|
17
68
|
== yield
|
metadata
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: rollout-ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.8.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- FetLife
|
|
8
|
-
autorequire:
|
|
9
8
|
bindir: exe
|
|
10
9
|
cert_chain: []
|
|
11
|
-
date:
|
|
10
|
+
date: 1980-01-02 00:00:00.000000000 Z
|
|
12
11
|
dependencies:
|
|
13
12
|
- !ruby/object:Gem::Dependency
|
|
14
13
|
name: rollout
|
|
@@ -207,6 +206,7 @@ files:
|
|
|
207
206
|
- ".github/workflows/release.yml"
|
|
208
207
|
- ".github/workflows/test.yml"
|
|
209
208
|
- ".gitignore"
|
|
209
|
+
- ".mise.toml"
|
|
210
210
|
- ".rspec"
|
|
211
211
|
- ".ruby-version"
|
|
212
212
|
- Gemfile
|
|
@@ -234,7 +234,6 @@ homepage: https://github.com/fetlife/rollout-ui
|
|
|
234
234
|
licenses:
|
|
235
235
|
- MIT
|
|
236
236
|
metadata: {}
|
|
237
|
-
post_install_message:
|
|
238
237
|
rdoc_options: []
|
|
239
238
|
require_paths:
|
|
240
239
|
- lib
|
|
@@ -249,8 +248,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
249
248
|
- !ruby/object:Gem::Version
|
|
250
249
|
version: '0'
|
|
251
250
|
requirements: []
|
|
252
|
-
rubygems_version: 3.
|
|
253
|
-
signing_key:
|
|
251
|
+
rubygems_version: 3.6.9
|
|
254
252
|
specification_version: 4
|
|
255
253
|
summary: Minimalist web ui for the rollout gem
|
|
256
254
|
test_files: []
|