kamifusen 1.11.2 → 1.12.0
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/Gemfile.lock +173 -135
- data/README.md +43 -5
- data/app/views/kamifusen/_view.html.erb +98 -88
- data/lib/kamifusen/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 267a1dc5741237d4a1255563dcb2f7fccb7717233ae02ad17b32d8829e9dd8d8
|
|
4
|
+
data.tar.gz: 24662f9214bbbc62cfb9268ff88a071d4d0bb5cf85e82902b0b1cf20f7cf409b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: bbe200dc7c4335380d89fd878fbc3bee55deadddd5cc30a3ca920c0df0c9f86c4ab6199486d67f8959bb2e14154492587cc8898b2f4e97dcdb191a447a4df62a
|
|
7
|
+
data.tar.gz: cb0a63d0b2ae76002bb2455aae1e7ed2c706a6580518b5ac06cb4189b2b760f05a184711558ed2e9ee4c4cae4bc110ac1eb5b575cb3b17b95447c3a85d6456e7
|
data/Gemfile.lock
CHANGED
|
@@ -1,194 +1,232 @@
|
|
|
1
1
|
PATH
|
|
2
2
|
remote: .
|
|
3
3
|
specs:
|
|
4
|
-
kamifusen (1.
|
|
4
|
+
kamifusen (1.12.0)
|
|
5
5
|
image_processing
|
|
6
6
|
rails
|
|
7
7
|
|
|
8
8
|
GEM
|
|
9
9
|
remote: https://rubygems.org/
|
|
10
10
|
specs:
|
|
11
|
-
actioncable (7.
|
|
12
|
-
actionpack (= 7.
|
|
13
|
-
activesupport (= 7.
|
|
11
|
+
actioncable (7.1.3.4)
|
|
12
|
+
actionpack (= 7.1.3.4)
|
|
13
|
+
activesupport (= 7.1.3.4)
|
|
14
14
|
nio4r (~> 2.0)
|
|
15
15
|
websocket-driver (>= 0.6.1)
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
16
|
+
zeitwerk (~> 2.6)
|
|
17
|
+
actionmailbox (7.1.3.4)
|
|
18
|
+
actionpack (= 7.1.3.4)
|
|
19
|
+
activejob (= 7.1.3.4)
|
|
20
|
+
activerecord (= 7.1.3.4)
|
|
21
|
+
activestorage (= 7.1.3.4)
|
|
22
|
+
activesupport (= 7.1.3.4)
|
|
22
23
|
mail (>= 2.7.1)
|
|
23
24
|
net-imap
|
|
24
25
|
net-pop
|
|
25
26
|
net-smtp
|
|
26
|
-
actionmailer (7.
|
|
27
|
-
actionpack (= 7.
|
|
28
|
-
actionview (= 7.
|
|
29
|
-
activejob (= 7.
|
|
30
|
-
activesupport (= 7.
|
|
27
|
+
actionmailer (7.1.3.4)
|
|
28
|
+
actionpack (= 7.1.3.4)
|
|
29
|
+
actionview (= 7.1.3.4)
|
|
30
|
+
activejob (= 7.1.3.4)
|
|
31
|
+
activesupport (= 7.1.3.4)
|
|
31
32
|
mail (~> 2.5, >= 2.5.4)
|
|
32
33
|
net-imap
|
|
33
34
|
net-pop
|
|
34
35
|
net-smtp
|
|
35
|
-
rails-dom-testing (~> 2.
|
|
36
|
-
actionpack (7.
|
|
37
|
-
actionview (= 7.
|
|
38
|
-
activesupport (= 7.
|
|
39
|
-
|
|
36
|
+
rails-dom-testing (~> 2.2)
|
|
37
|
+
actionpack (7.1.3.4)
|
|
38
|
+
actionview (= 7.1.3.4)
|
|
39
|
+
activesupport (= 7.1.3.4)
|
|
40
|
+
nokogiri (>= 1.8.5)
|
|
41
|
+
racc
|
|
42
|
+
rack (>= 2.2.4)
|
|
43
|
+
rack-session (>= 1.0.1)
|
|
40
44
|
rack-test (>= 0.6.3)
|
|
41
|
-
rails-dom-testing (~> 2.
|
|
42
|
-
rails-html-sanitizer (~> 1.
|
|
43
|
-
actiontext (7.
|
|
44
|
-
actionpack (= 7.
|
|
45
|
-
activerecord (= 7.
|
|
46
|
-
activestorage (= 7.
|
|
47
|
-
activesupport (= 7.
|
|
45
|
+
rails-dom-testing (~> 2.2)
|
|
46
|
+
rails-html-sanitizer (~> 1.6)
|
|
47
|
+
actiontext (7.1.3.4)
|
|
48
|
+
actionpack (= 7.1.3.4)
|
|
49
|
+
activerecord (= 7.1.3.4)
|
|
50
|
+
activestorage (= 7.1.3.4)
|
|
51
|
+
activesupport (= 7.1.3.4)
|
|
48
52
|
globalid (>= 0.6.0)
|
|
49
53
|
nokogiri (>= 1.8.5)
|
|
50
|
-
actionview (7.
|
|
51
|
-
activesupport (= 7.
|
|
54
|
+
actionview (7.1.3.4)
|
|
55
|
+
activesupport (= 7.1.3.4)
|
|
52
56
|
builder (~> 3.1)
|
|
53
|
-
erubi (~> 1.
|
|
54
|
-
rails-dom-testing (~> 2.
|
|
55
|
-
rails-html-sanitizer (~> 1.
|
|
56
|
-
activejob (7.
|
|
57
|
-
activesupport (= 7.
|
|
57
|
+
erubi (~> 1.11)
|
|
58
|
+
rails-dom-testing (~> 2.2)
|
|
59
|
+
rails-html-sanitizer (~> 1.6)
|
|
60
|
+
activejob (7.1.3.4)
|
|
61
|
+
activesupport (= 7.1.3.4)
|
|
58
62
|
globalid (>= 0.3.6)
|
|
59
|
-
activemodel (7.
|
|
60
|
-
activesupport (= 7.
|
|
61
|
-
activerecord (7.
|
|
62
|
-
activemodel (= 7.
|
|
63
|
-
activesupport (= 7.
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
63
|
+
activemodel (7.1.3.4)
|
|
64
|
+
activesupport (= 7.1.3.4)
|
|
65
|
+
activerecord (7.1.3.4)
|
|
66
|
+
activemodel (= 7.1.3.4)
|
|
67
|
+
activesupport (= 7.1.3.4)
|
|
68
|
+
timeout (>= 0.4.0)
|
|
69
|
+
activestorage (7.1.3.4)
|
|
70
|
+
actionpack (= 7.1.3.4)
|
|
71
|
+
activejob (= 7.1.3.4)
|
|
72
|
+
activerecord (= 7.1.3.4)
|
|
73
|
+
activesupport (= 7.1.3.4)
|
|
69
74
|
marcel (~> 1.0)
|
|
70
|
-
|
|
71
|
-
|
|
75
|
+
activesupport (7.1.3.4)
|
|
76
|
+
base64
|
|
77
|
+
bigdecimal
|
|
72
78
|
concurrent-ruby (~> 1.0, >= 1.0.2)
|
|
79
|
+
connection_pool (>= 2.2.5)
|
|
80
|
+
drb
|
|
73
81
|
i18n (>= 1.6, < 2)
|
|
74
82
|
minitest (>= 5.1)
|
|
83
|
+
mutex_m
|
|
75
84
|
tzinfo (~> 2.0)
|
|
76
85
|
ast (2.4.2)
|
|
77
|
-
|
|
86
|
+
base64 (0.2.0)
|
|
87
|
+
bigdecimal (3.1.8)
|
|
88
|
+
builder (3.3.0)
|
|
78
89
|
byebug (11.1.3)
|
|
79
|
-
concurrent-ruby (1.
|
|
90
|
+
concurrent-ruby (1.3.3)
|
|
91
|
+
connection_pool (2.4.1)
|
|
80
92
|
crass (1.0.6)
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
93
|
+
date (3.3.4)
|
|
94
|
+
drb (2.2.1)
|
|
95
|
+
erubi (1.13.0)
|
|
96
|
+
ffi (1.17.0)
|
|
97
|
+
ffi (1.17.0-x86_64-darwin)
|
|
98
|
+
globalid (1.2.1)
|
|
99
|
+
activesupport (>= 6.1)
|
|
100
|
+
i18n (1.14.5)
|
|
87
101
|
concurrent-ruby (~> 1.0)
|
|
88
|
-
image_processing (1.12.
|
|
102
|
+
image_processing (1.12.2)
|
|
89
103
|
mini_magick (>= 4.9.5, < 5)
|
|
90
104
|
ruby-vips (>= 2.0.17, < 3)
|
|
91
|
-
io-
|
|
92
|
-
|
|
105
|
+
io-console (0.7.2)
|
|
106
|
+
irb (1.14.0)
|
|
107
|
+
rdoc (>= 4.0.0)
|
|
108
|
+
reline (>= 0.4.2)
|
|
109
|
+
json (2.7.2)
|
|
110
|
+
language_server-protocol (3.17.0.3)
|
|
111
|
+
listen (3.9.0)
|
|
93
112
|
rb-fsevent (~> 0.10, >= 0.10.3)
|
|
94
113
|
rb-inotify (~> 0.9, >= 0.9.10)
|
|
95
|
-
loofah (2.
|
|
114
|
+
loofah (2.22.0)
|
|
96
115
|
crass (~> 1.0.2)
|
|
97
|
-
nokogiri (>= 1.
|
|
98
|
-
mail (2.
|
|
116
|
+
nokogiri (>= 1.12.0)
|
|
117
|
+
mail (2.8.1)
|
|
99
118
|
mini_mime (>= 0.1.1)
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
119
|
+
net-imap
|
|
120
|
+
net-pop
|
|
121
|
+
net-smtp
|
|
122
|
+
marcel (1.0.4)
|
|
123
|
+
mini_magick (4.13.2)
|
|
124
|
+
mini_mime (1.1.5)
|
|
125
|
+
mini_portile2 (2.8.7)
|
|
126
|
+
minitest (5.24.1)
|
|
127
|
+
mutex_m (0.2.0)
|
|
128
|
+
net-imap (0.4.14)
|
|
129
|
+
date
|
|
108
130
|
net-protocol
|
|
109
|
-
|
|
110
|
-
net-pop (0.1.1)
|
|
111
|
-
digest
|
|
131
|
+
net-pop (0.1.2)
|
|
112
132
|
net-protocol
|
|
133
|
+
net-protocol (0.2.2)
|
|
113
134
|
timeout
|
|
114
|
-
net-
|
|
115
|
-
io-wait
|
|
116
|
-
timeout
|
|
117
|
-
net-smtp (0.3.1)
|
|
118
|
-
digest
|
|
135
|
+
net-smtp (0.5.0)
|
|
119
136
|
net-protocol
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
mini_portile2 (~> 2.8.0)
|
|
137
|
+
nio4r (2.7.3)
|
|
138
|
+
nokogiri (1.16.6)
|
|
139
|
+
mini_portile2 (~> 2.8.2)
|
|
124
140
|
racc (~> 1.4)
|
|
125
|
-
nokogiri (1.
|
|
141
|
+
nokogiri (1.16.6-x86_64-darwin)
|
|
126
142
|
racc (~> 1.4)
|
|
127
|
-
parallel (1.
|
|
128
|
-
parser (3.
|
|
143
|
+
parallel (1.25.1)
|
|
144
|
+
parser (3.3.4.0)
|
|
129
145
|
ast (~> 2.4.1)
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
+
racc
|
|
147
|
+
psych (5.1.2)
|
|
148
|
+
stringio
|
|
149
|
+
racc (1.8.0)
|
|
150
|
+
rack (3.1.6)
|
|
151
|
+
rack-session (2.0.0)
|
|
152
|
+
rack (>= 3.0.0)
|
|
153
|
+
rack-test (2.1.0)
|
|
154
|
+
rack (>= 1.3)
|
|
155
|
+
rackup (2.1.0)
|
|
156
|
+
rack (>= 3)
|
|
157
|
+
webrick (~> 1.8)
|
|
158
|
+
rails (7.1.3.4)
|
|
159
|
+
actioncable (= 7.1.3.4)
|
|
160
|
+
actionmailbox (= 7.1.3.4)
|
|
161
|
+
actionmailer (= 7.1.3.4)
|
|
162
|
+
actionpack (= 7.1.3.4)
|
|
163
|
+
actiontext (= 7.1.3.4)
|
|
164
|
+
actionview (= 7.1.3.4)
|
|
165
|
+
activejob (= 7.1.3.4)
|
|
166
|
+
activemodel (= 7.1.3.4)
|
|
167
|
+
activerecord (= 7.1.3.4)
|
|
168
|
+
activestorage (= 7.1.3.4)
|
|
169
|
+
activesupport (= 7.1.3.4)
|
|
146
170
|
bundler (>= 1.15.0)
|
|
147
|
-
railties (= 7.
|
|
148
|
-
rails-dom-testing (2.0
|
|
149
|
-
activesupport (>=
|
|
171
|
+
railties (= 7.1.3.4)
|
|
172
|
+
rails-dom-testing (2.2.0)
|
|
173
|
+
activesupport (>= 5.0.0)
|
|
174
|
+
minitest
|
|
150
175
|
nokogiri (>= 1.6)
|
|
151
|
-
rails-html-sanitizer (1.
|
|
152
|
-
loofah (~> 2.
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
176
|
+
rails-html-sanitizer (1.6.0)
|
|
177
|
+
loofah (~> 2.21)
|
|
178
|
+
nokogiri (~> 1.14)
|
|
179
|
+
railties (7.1.3.4)
|
|
180
|
+
actionpack (= 7.1.3.4)
|
|
181
|
+
activesupport (= 7.1.3.4)
|
|
182
|
+
irb
|
|
183
|
+
rackup (>= 1.0.0)
|
|
157
184
|
rake (>= 12.2)
|
|
158
|
-
thor (~> 1.0)
|
|
159
|
-
zeitwerk (~> 2.
|
|
160
|
-
rainbow (3.
|
|
161
|
-
rake (13.
|
|
162
|
-
rb-fsevent (0.11.
|
|
163
|
-
rb-inotify (0.
|
|
185
|
+
thor (~> 1.0, >= 1.2.2)
|
|
186
|
+
zeitwerk (~> 2.6)
|
|
187
|
+
rainbow (3.1.1)
|
|
188
|
+
rake (13.2.1)
|
|
189
|
+
rb-fsevent (0.11.2)
|
|
190
|
+
rb-inotify (0.11.1)
|
|
164
191
|
ffi (~> 1.0)
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
192
|
+
rdoc (6.7.0)
|
|
193
|
+
psych (>= 4.0.0)
|
|
194
|
+
regexp_parser (2.9.2)
|
|
195
|
+
reline (0.5.9)
|
|
196
|
+
io-console (~> 0.5)
|
|
197
|
+
rexml (3.3.1)
|
|
198
|
+
strscan
|
|
199
|
+
rubocop (1.65.0)
|
|
200
|
+
json (~> 2.3)
|
|
201
|
+
language_server-protocol (>= 3.17.0)
|
|
168
202
|
parallel (~> 1.10)
|
|
169
|
-
parser (>= 3.
|
|
203
|
+
parser (>= 3.3.0.2)
|
|
170
204
|
rainbow (>= 2.2.2, < 4.0)
|
|
171
|
-
regexp_parser (>=
|
|
172
|
-
rexml
|
|
173
|
-
rubocop-ast (>= 1.
|
|
205
|
+
regexp_parser (>= 2.4, < 3.0)
|
|
206
|
+
rexml (>= 3.2.5, < 4.0)
|
|
207
|
+
rubocop-ast (>= 1.31.1, < 2.0)
|
|
174
208
|
ruby-progressbar (~> 1.7)
|
|
175
|
-
unicode-display_width (>=
|
|
176
|
-
rubocop-ast (1.
|
|
177
|
-
parser (>= 3.
|
|
178
|
-
ruby-progressbar (1.
|
|
179
|
-
ruby-vips (2.1
|
|
209
|
+
unicode-display_width (>= 2.4.0, < 3.0)
|
|
210
|
+
rubocop-ast (1.31.3)
|
|
211
|
+
parser (>= 3.3.1.0)
|
|
212
|
+
ruby-progressbar (1.13.0)
|
|
213
|
+
ruby-vips (2.2.1)
|
|
180
214
|
ffi (~> 1.12)
|
|
181
|
-
sqlite3 (
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
215
|
+
sqlite3 (2.0.2)
|
|
216
|
+
mini_portile2 (~> 2.8.0)
|
|
217
|
+
sqlite3 (2.0.2-x86_64-darwin)
|
|
218
|
+
stringio (3.1.1)
|
|
219
|
+
strscan (3.1.0)
|
|
220
|
+
thor (1.3.1)
|
|
221
|
+
timeout (0.4.1)
|
|
222
|
+
tzinfo (2.0.6)
|
|
186
223
|
concurrent-ruby (~> 1.0)
|
|
187
|
-
unicode-display_width (2.
|
|
188
|
-
|
|
224
|
+
unicode-display_width (2.5.0)
|
|
225
|
+
webrick (1.8.1)
|
|
226
|
+
websocket-driver (0.7.6)
|
|
189
227
|
websocket-extensions (>= 0.1.0)
|
|
190
228
|
websocket-extensions (0.1.5)
|
|
191
|
-
zeitwerk (2.
|
|
229
|
+
zeitwerk (2.6.16)
|
|
192
230
|
|
|
193
231
|
PLATFORMS
|
|
194
232
|
ruby
|
|
@@ -203,4 +241,4 @@ DEPENDENCIES
|
|
|
203
241
|
sqlite3
|
|
204
242
|
|
|
205
243
|
BUNDLED WITH
|
|
206
|
-
2.
|
|
244
|
+
2.4.22
|
data/README.md
CHANGED
|
@@ -2,10 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
Images in Ruby on Rails, as lightweight as possible!
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
|
|
6
7
|
|
|
7
8
|
## Installation
|
|
8
9
|
|
|
10
|
+
Active Storage must be properly installed, with a solution set for the background jobs (we use Delayed Job).
|
|
11
|
+
- https://edgeguides.rubyonrails.org/active_storage_overview.html
|
|
12
|
+
- https://edgeguides.rubyonrails.org/active_job_basics.html#job-execution
|
|
13
|
+
|
|
9
14
|
Add this line to your application's Gemfile:
|
|
10
15
|
|
|
11
16
|
```ruby
|
|
@@ -20,6 +25,10 @@ Or install it yourself as:
|
|
|
20
25
|
|
|
21
26
|
$ gem install kamifusen
|
|
22
27
|
|
|
28
|
+
## Usage
|
|
29
|
+
|
|
30
|
+
Simply use `kamifusen_tag` instead of `image_tag` in your rails views.
|
|
31
|
+
|
|
23
32
|
In the views, use (where object is an active record model, and image is an active storage attachment):
|
|
24
33
|
|
|
25
34
|
```erb
|
|
@@ -39,9 +48,12 @@ config.action_view.sanitized_allowed_tags = ['picture', 'source', 'img']
|
|
|
39
48
|
config.action_view.sanitized_allowed_attributes = ['src', 'type', 'srcset', 'width', 'height', 'alt', 'sizes', 'loading', 'decoding']
|
|
40
49
|
```
|
|
41
50
|
|
|
42
|
-
|
|
51
|
+
You can use the cache for the fragment, by setting
|
|
52
|
+
```erb
|
|
53
|
+
<%= kamifusen_tag object.image, alt: 'A nice image', cached: true %>
|
|
54
|
+
```
|
|
43
55
|
|
|
44
|
-
|
|
56
|
+
## What's the problem?
|
|
45
57
|
|
|
46
58
|
### The initial situation
|
|
47
59
|
|
|
@@ -128,10 +140,36 @@ It generates a code like:
|
|
|
128
140
|
<source srcset="image-400w.webp, image-800w.webp 2x" type="image/webp" media="(min-width: 400px)">
|
|
129
141
|
<source srcset="image-800w.jpg, image-1600w.jpg 2x" type="image/jpg" media="(min-width: 800px)">
|
|
130
142
|
<source srcset="image-400w.jpg, image-800w.jpg 2x" type="image/jpg" media="(min-width: 400px)">
|
|
131
|
-
<img src="image-800.jpg" alt="A nice image" srcset="image-800.jpg, image-1600.jpg 2x">
|
|
143
|
+
<img src="image-800.jpg" alt="A nice image" srcset="image-800.jpg, image-1600.jpg 2x" loading="lazy">
|
|
132
144
|
</picture>
|
|
133
145
|
```
|
|
134
146
|
|
|
147
|
+
### Parameters
|
|
148
|
+
|
|
149
|
+
You can set different parameters :
|
|
150
|
+
|
|
151
|
+
```
|
|
152
|
+
class: "img_class",
|
|
153
|
+
alt: "alt",
|
|
154
|
+
height: height,
|
|
155
|
+
width: width,
|
|
156
|
+
sizes: sizes,
|
|
157
|
+
active_storage_direct_url: direct_url,
|
|
158
|
+
async: async
|
|
159
|
+
```
|
|
160
|
+
|
|
161
|
+
Example of sizes parameter :
|
|
162
|
+
|
|
163
|
+
```
|
|
164
|
+
sizes: {
|
|
165
|
+
'(max-width: 576px)': '315px',
|
|
166
|
+
'(max-width: 991px)': '210px',
|
|
167
|
+
'(max-width: 1199px)': '290px',
|
|
168
|
+
'(max-width: 1439px)': '350px',
|
|
169
|
+
'(min-width: 1440px)': '420px'
|
|
170
|
+
}
|
|
171
|
+
```
|
|
172
|
+
|
|
135
173
|
## References
|
|
136
174
|
|
|
137
175
|
- https://developer.mozilla.org/fr/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
|
|
@@ -156,7 +194,7 @@ To install this gem onto your local machine, run `bundle exec rake install`. To
|
|
|
156
194
|
|
|
157
195
|
## Contributing
|
|
158
196
|
|
|
159
|
-
Bug reports and pull requests are welcome on GitHub at https://github.com/
|
|
197
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/noesya/kamifusen. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/[USERNAME]/kamifusen/blob/master/CODE_OF_CONDUCT.md).
|
|
160
198
|
|
|
161
199
|
## License
|
|
162
200
|
|
|
@@ -1,94 +1,104 @@
|
|
|
1
1
|
<%
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
source_is_set = false
|
|
3
|
+
if source.is_a? ActiveStorage::Blob
|
|
4
|
+
source_is_set = true
|
|
5
|
+
elsif source.respond_to?(:attached?)
|
|
6
|
+
source_is_set = source.attached?
|
|
7
|
+
end
|
|
8
|
+
%>
|
|
9
|
+
<%
|
|
10
|
+
if source_is_set
|
|
11
|
+
options ||= {}
|
|
12
|
+
cached = options.dig(:cached)
|
|
13
|
+
cache_if(cached, [source, options]) do
|
|
14
|
+
title = options[:title]
|
|
15
|
+
alt = options[:alt]
|
|
16
|
+
data = options[:data]
|
|
17
|
+
async = options.has_key?(:async) ? options[:async] : true
|
|
18
|
+
active_storage_direct_url = options.has_key?(:active_storage_direct_url) ? options[:active_storage_direct_url] : false
|
|
19
|
+
klass = options[:class]
|
|
20
|
+
picture_class = options[:picture_class]
|
|
21
|
+
width = options[:width]
|
|
22
|
+
height = options[:height]
|
|
23
|
+
variant_sizes = Kamifusen.sizes.dup
|
|
24
|
+
quality = Kamifusen.quality.dup
|
|
15
25
|
|
|
16
|
-
sizes = options[:sizes] || {}
|
|
17
|
-
sizes_value = sizes.map { |key, value| [key, value].join(' ').strip }.join(', ')
|
|
26
|
+
sizes = options[:sizes] || {}
|
|
27
|
+
sizes_value = sizes.map { |key, value| [key, value].join(' ').strip }.join(', ')
|
|
18
28
|
|
|
19
|
-
if source&.analyzed? && source.metadata.has_key?('width') && source.metadata.has_key?('height')
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
end
|
|
29
|
+
if source&.analyzed? && source.metadata.has_key?('width') && source.metadata.has_key?('height')
|
|
30
|
+
image_width = source.metadata['width']
|
|
31
|
+
image_height = source.metadata['height']
|
|
32
|
+
image_ratio = 1.0 * image_width / image_height
|
|
33
|
+
if width.nil? && height.nil?
|
|
34
|
+
# Image real dimensions
|
|
35
|
+
width = [image_width, variant_sizes.last].min
|
|
36
|
+
height = width / image_ratio
|
|
37
|
+
elsif width.nil?
|
|
38
|
+
# Calculated width, preserving the aspect ratio
|
|
39
|
+
width = height * image_ratio
|
|
40
|
+
elsif height.nil?
|
|
41
|
+
# Calculated height, preserving the aspect ratio
|
|
42
|
+
height = width / image_ratio
|
|
43
|
+
else
|
|
44
|
+
# Explicit dimensions. We redefine the height if aspect ratio is not preserved.
|
|
45
|
+
width = [image_width, width].min
|
|
46
|
+
height = width / image_ratio
|
|
47
|
+
end
|
|
48
|
+
width = width.round
|
|
49
|
+
height = height.round
|
|
50
|
+
end
|
|
41
51
|
|
|
42
|
-
parameters = ""
|
|
43
|
-
parameters += " loading=\"lazy\" decoding=\"async\"" if async
|
|
44
|
-
parameters += " alt=\"#{alt}\"" if alt
|
|
45
|
-
parameters += " title=\"#{title}\"" if title
|
|
46
|
-
parameters += " width=\"#{width}\"" if width
|
|
47
|
-
parameters += " height=\"#{height}\"" if height
|
|
48
|
-
parameters += " class=\"#{klass}\"" if klass
|
|
49
|
-
if data
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
end
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
52
|
+
parameters = ""
|
|
53
|
+
parameters += " loading=\"lazy\" decoding=\"async\"" if async
|
|
54
|
+
parameters += " alt=\"#{alt}\"" if alt
|
|
55
|
+
parameters += " title=\"#{title}\"" if title
|
|
56
|
+
parameters += " width=\"#{width}\"" if width
|
|
57
|
+
parameters += " height=\"#{height}\"" if height
|
|
58
|
+
parameters += " class=\"#{klass}\"" if klass
|
|
59
|
+
if data
|
|
60
|
+
data.each do |entry|
|
|
61
|
+
parameters += " data-#{entry.first.to_s}=\"#{entry.last}\""
|
|
62
|
+
end
|
|
63
|
+
end
|
|
64
|
+
if source.variable?
|
|
65
|
+
# Computing
|
|
66
|
+
if width
|
|
67
|
+
width_retina = width * 2
|
|
68
|
+
variant_sizes.reject! { |size| size > width_retina }
|
|
69
|
+
variant_sizes << width_retina
|
|
70
|
+
variant_sizes.uniq!
|
|
71
|
+
end
|
|
72
|
+
default_width = variant_sizes.max
|
|
73
|
+
default_width = width_retina if width_retina && width_retina > default_width
|
|
74
|
+
if Kamifusen.with_webp
|
|
75
|
+
srcset_webp = variant_sizes.map { |size|
|
|
76
|
+
variant = source.variant(resize: "#{size}>", format: :webp, quality: quality)
|
|
77
|
+
"#{ Kamifusen.process(variant, active_storage_direct_url) } #{size}w"
|
|
78
|
+
}.join(', ')
|
|
79
|
+
end
|
|
80
|
+
srcset_default = variant_sizes.map { |size|
|
|
81
|
+
variant = source.variant(resize: "#{size}>", quality: quality)
|
|
82
|
+
"#{ Kamifusen.process(variant, active_storage_direct_url) } #{size}w"
|
|
83
|
+
}.join(', ')
|
|
84
|
+
variant = source.variant(resize: "#{default_width}>", quality: quality)
|
|
85
|
+
default = Kamifusen.process(variant, active_storage_direct_url)
|
|
86
|
+
%>
|
|
87
|
+
<picture<%= " class=\"#{picture_class}\"".html_safe unless picture_class.blank? %>>
|
|
88
|
+
<% if Kamifusen.with_webp %>
|
|
89
|
+
<source srcset="<%= raw srcset_webp %>"
|
|
90
|
+
<%= " sizes=\"#{sizes_value}\"".html_safe unless sizes.empty? %>
|
|
91
|
+
type="image/webp">
|
|
92
|
+
<% end %>
|
|
93
|
+
<source srcset="<%= raw srcset_default %>"
|
|
94
|
+
<%= " sizes=\"#{sizes_value}\"".html_safe unless sizes.empty? %>
|
|
95
|
+
type="<%= source.content_type %>">
|
|
96
|
+
<img src="<%= raw default %>" <%= raw parameters %>>
|
|
97
|
+
</picture>
|
|
98
|
+
<% else %>
|
|
99
|
+
<picture>
|
|
100
|
+
<img src="<%= url_for source %>" type="<%= source.content_type %>"<%= raw parameters %>>
|
|
101
|
+
</picture>
|
|
84
102
|
<% end %>
|
|
85
|
-
|
|
86
|
-
<%= " sizes=\"#{sizes_value}\"".html_safe unless sizes.empty? %>
|
|
87
|
-
type="<%= source.content_type %>">
|
|
88
|
-
<img src="<%= raw default %>" <%= raw parameters %>>
|
|
89
|
-
</picture>
|
|
90
|
-
<% else %>
|
|
91
|
-
<picture>
|
|
92
|
-
<img src="<%= url_for source %>" type="<%= source.content_type %>"<%= raw parameters %>>
|
|
93
|
-
</picture>
|
|
103
|
+
<% end %>
|
|
94
104
|
<% end %>
|
data/lib/kamifusen/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: kamifusen
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.12.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Sébastien Moulène
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: exe
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date:
|
|
12
|
+
date: 2024-07-10 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: rails
|
|
@@ -117,7 +117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
117
117
|
- !ruby/object:Gem::Version
|
|
118
118
|
version: '0'
|
|
119
119
|
requirements: []
|
|
120
|
-
rubygems_version: 3.
|
|
120
|
+
rubygems_version: 3.4.10
|
|
121
121
|
signing_key:
|
|
122
122
|
specification_version: 4
|
|
123
123
|
summary: Images, light as balloons
|