diff --git a/app/models/form/admin_settings.rb b/app/models/form/admin_settings.rb
index 7bd9e37439d604256124a10d0b0c49cc51f8b5cb..b6bb3d7951c853e173ad0a05b9b5fd6dc44ce813 100644
--- a/app/models/form/admin_settings.rb
+++ b/app/models/form/admin_settings.rb
@@ -22,7 +22,6 @@ class Form::AdminSettings
custom_css
profile_directory
thumbnail
- hero
mascot
trends
trendable_by_default
@@ -49,7 +48,6 @@ class Form::AdminSettings
UPLOAD_KEYS = %i(
thumbnail
- hero
mascot
).freeze
diff --git a/app/models/site_upload.rb b/app/models/site_upload.rb
index cf10b30fc98ee3d23d0d3433b38834584c702eb8..d3b81d4d52fccb2659fe0859c2da782f2ad64225 100644
--- a/app/models/site_upload.rb
+++ b/app/models/site_upload.rb
@@ -12,10 +12,35 @@
# meta :json
# created_at :datetime not null
# updated_at :datetime not null
+# blurhash :string
#
class SiteUpload < ApplicationRecord
- has_attached_file :file
+ include Attachmentable
+
+ STYLES = {
+ thumbnail: {
+ '@1x': {
+ format: 'png',
+ geometry: '1200x630#',
+ file_geometry_parser: FastGeometryParser,
+ blurhash: {
+ x_comp: 4,
+ y_comp: 4,
+ }.freeze,
+ },
+
+ '@2x': {
+ format: 'png',
+ geometry: '2400x1260#',
+ file_geometry_parser: FastGeometryParser,
+ }.freeze,
+ }.freeze,
+
+ mascot: {}.freeze,
+ }.freeze
+
+ has_attached_file :file, styles: ->(file) { STYLES[file.instance.var.to_sym] }, convert_options: { all: '-coalesce -strip' }, processors: [:lazy_thumbnail, :blurhash_transcoder, :type_corrector]
validates_attachment_content_type :file, content_type: /\Aimage\/.*\z/
validates :file, presence: true
diff --git a/app/presenters/instance_presenter.rb b/app/presenters/instance_presenter.rb
index c461ac55f3167469ebf8c844fb0d6b91b765a612..43594a280d80ccab279b60198abd6a9d52b0afce 100644
--- a/app/presenters/instance_presenter.rb
+++ b/app/presenters/instance_presenter.rb
@@ -84,10 +84,6 @@ class InstancePresenter < ActiveModelSerializers::Model
@thumbnail ||= Rails.cache.fetch('site_uploads/thumbnail') { SiteUpload.find_by(var: 'thumbnail') }
end
- def hero
- @hero ||= Rails.cache.fetch('site_uploads/hero') { SiteUpload.find_by(var: 'hero') }
- end
-
def mascot
@mascot ||= Rails.cache.fetch('site_uploads/mascot') { SiteUpload.find_by(var: 'mascot') }
end
diff --git a/app/serializers/rest/instance_serializer.rb b/app/serializers/rest/instance_serializer.rb
index f4ea494277509c71b0f270a0caabf0559691d5ec..dfa8ce40a8cff6ece88f193d5a72f7aae390514d 100644
--- a/app/serializers/rest/instance_serializer.rb
+++ b/app/serializers/rest/instance_serializer.rb
@@ -17,7 +17,20 @@ class REST::InstanceSerializer < ActiveModel::Serializer
has_many :rules, serializer: REST::RuleSerializer
def thumbnail
- object.thumbnail ? full_asset_url(object.thumbnail.file.url) : full_pack_url('media/images/preview.png')
+ if object.thumbnail
+ {
+ url: full_asset_url(object.thumbnail.file.url(:'@1x')),
+ blurhash: object.thumbnail.blurhash,
+ versions: {
+ '@1x': full_asset_url(object.thumbnail.file.url(:'@1x')),
+ '@2x': full_asset_url(object.thumbnail.file.url(:'@2x')),
+ },
+ }
+ else
+ {
+ url: full_pack_url('media/images/preview.png'),
+ }
+ end
end
def usage
diff --git a/app/serializers/rest/v1/instance_serializer.rb b/app/serializers/rest/v1/instance_serializer.rb
index 47fa086fc2a1273b8050b4d1d4c666cb909a5d83..8721754515be7953ce003f2b171d4bb3b1d4e15d 100644
--- a/app/serializers/rest/v1/instance_serializer.rb
+++ b/app/serializers/rest/v1/instance_serializer.rb
@@ -33,7 +33,7 @@ class REST::V1::InstanceSerializer < ActiveModel::Serializer
end
def thumbnail
- instance_presenter.thumbnail ? full_asset_url(instance_presenter.thumbnail.file.url) : full_pack_url('media/images/preview.png')
+ instance_presenter.thumbnail ? full_asset_url(instance_presenter.thumbnail.file.url(:'@1x')) : full_pack_url('media/images/preview.png')
end
def stats
diff --git a/app/views/admin/settings/edit.html.haml b/app/views/admin/settings/edit.html.haml
index 79f73a60f0610b5b5e1084786c50d38cbd2d9139..15b1a2498c5100b02db964b57ba734dd9ba96724 100644
--- a/app/views/admin/settings/edit.html.haml
+++ b/app/views/admin/settings/edit.html.haml
@@ -34,8 +34,6 @@
.fields-row
.fields-row__column.fields-row__column-6.fields-group
= f.input :thumbnail, as: :file, wrapper: :with_block_label, label: t('admin.settings.thumbnail.title'), hint: site_upload_delete_hint(t('admin.settings.thumbnail.desc_html'), :thumbnail)
- .fields-row__column.fields-row__column-6.fields-group
- = f.input :hero, as: :file, wrapper: :with_block_label, label: t('admin.settings.hero.title'), hint: site_upload_delete_hint(t('admin.settings.hero.desc_html'), :hero)
.fields-row
.fields-row__column.fields-row__column-6.fields-group
diff --git a/app/views/application/_sidebar.html.haml b/app/views/application/_sidebar.html.haml
index eb2813dd03311f7f77748dc52f815044da7c68df..6d18668b08f26250ab2a5e58587157765c9be7a2 100644
--- a/app/views/application/_sidebar.html.haml
+++ b/app/views/application/_sidebar.html.haml
@@ -1,6 +1,6 @@
.hero-widget
.hero-widget__img
- = image_tag @instance_presenter.hero&.file&.url || @instance_presenter.thumbnail&.file&.url || asset_pack_path('media/images/preview.png'), alt: @instance_presenter.title
+ = image_tag @instance_presenter.thumbnail&.file&.url(:'@1x') || asset_pack_path('media/images/preview.png'), alt: @instance_presenter.title
.hero-widget__text
%p= @instance_presenter.description.html_safe.presence || t('about.about_mastodon_html')
diff --git a/app/views/shared/_og.html.haml b/app/views/shared/_og.html.haml
index b54ab2429a0e17396067f108e9e292391abab46e..2941b566e05ae567641cd7c13b31fe51bf8084d6 100644
--- a/app/views/shared/_og.html.haml
+++ b/app/views/shared/_og.html.haml
@@ -8,7 +8,7 @@
= opengraph 'og:type', 'website'
= opengraph 'og:title', @instance_presenter.title
= opengraph 'og:description', description
-= opengraph 'og:image', full_asset_url(thumbnail&.file&.url || asset_pack_path('media/images/preview.png', protocol: :request))
+= opengraph 'og:image', full_asset_url(thumbnail&.file&.url(:'@1x') || asset_pack_path('media/images/preview.png', protocol: :request))
= opengraph 'og:image:width', thumbnail ? thumbnail.meta['width'] : '1200'
= opengraph 'og:image:height', thumbnail ? thumbnail.meta['height'] : '630'
= opengraph 'twitter:card', 'summary_large_image'
diff --git a/config/locales/en.yml b/config/locales/en.yml
index bd913a5cadac7f574209af69b7af77071a748516..8a70bd8caca85b622e35605b9822699b4007dd89 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -735,9 +735,6 @@ en:
users: To logged-in local users
domain_blocks_rationale:
title: Show rationale
- hero:
- desc_html: Displayed on the frontpage. At least 600x100px recommended. When not set, falls back to server thumbnail
- title: Hero image
mascot:
desc_html: Displayed on multiple pages. At least 293×205px recommended. When not set, falls back to default mascot
title: Mascot image
diff --git a/db/migrate/20221012181003_add_blurhash_to_site_uploads.rb b/db/migrate/20221012181003_add_blurhash_to_site_uploads.rb
new file mode 100644
index 0000000000000000000000000000000000000000..e1c87712b12c7131af189285f93537369b533df3
--- /dev/null
+++ b/db/migrate/20221012181003_add_blurhash_to_site_uploads.rb
@@ -0,0 +1,5 @@
+class AddBlurhashToSiteUploads < ActiveRecord::Migration[6.1]
+ def change
+ add_column :site_uploads, :blurhash, :string
+ end
+end
diff --git a/db/schema.rb b/db/schema.rb
index 2f9058509cf83e2f523468945975bd3289c2c2b8..3972f777ade48b3eda522998b0593cedcce51212 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -10,7 +10,7 @@
#
# It's strongly recommended that you check this file into your version control system.
-ActiveRecord::Schema.define(version: 2022_10_06_061337) do
+ActiveRecord::Schema.define(version: 2022_10_12_181003) do
# These are extensions that must be enabled in order to support this database
enable_extension "plpgsql"
@@ -866,6 +866,7 @@ ActiveRecord::Schema.define(version: 2022_10_06_061337) do
t.json "meta"
t.datetime "created_at", null: false
t.datetime "updated_at", null: false
+ t.string "blurhash"
t.index ["var"], name: "index_site_uploads_on_var", unique: true
end
diff --git a/spec/presenters/instance_presenter_spec.rb b/spec/presenters/instance_presenter_spec.rb
index a0a8628e8b5ec53daf1c8b7f1b5de5007de4cbb8..659c2cc2ffc4b9952fad7a3a0121ee13baaafcdd 100644
--- a/spec/presenters/instance_presenter_spec.rb
+++ b/spec/presenters/instance_presenter_spec.rb
@@ -99,13 +99,6 @@ describe InstancePresenter do
end
end
- describe '#hero' do
- it 'returns SiteUpload' do
- hero = Fabricate(:site_upload, var: 'hero')
- expect(instance_presenter.hero).to eq(hero)
- end
- end
-
describe '#mascot' do
it 'returns SiteUpload' do
mascot = Fabricate(:site_upload, var: 'mascot')