2016-03-08 16:13:51 -05:00
|
|
|
namespace :gemojione do
|
2016-03-30 13:29:17 -04:00
|
|
|
desc 'Generates Emoji SHA256 digests'
|
2017-11-14 16:32:45 -05:00
|
|
|
|
|
|
|
task aliases: ['yarn:check', 'environment'] do
|
|
|
|
require 'json'
|
|
|
|
|
|
|
|
aliases = {}
|
|
|
|
|
|
|
|
index_file = File.join(Rails.root, 'fixtures', 'emojis', 'index.json')
|
2020-04-30 20:09:59 -04:00
|
|
|
index = Gitlab::Json.parse(File.read(index_file))
|
2017-11-14 16:32:45 -05:00
|
|
|
|
|
|
|
index.each_pair do |key, data|
|
|
|
|
data['aliases'].each do |a|
|
|
|
|
a.tr!(':', '')
|
|
|
|
|
|
|
|
aliases[a] = key
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
out = File.join(Rails.root, 'fixtures', 'emojis', 'aliases.json')
|
|
|
|
File.open(out, 'w') do |handle|
|
2020-04-30 20:09:59 -04:00
|
|
|
handle.write(Gitlab::Json.pretty_generate(aliases, indent: ' ', space: '', space_before: ''))
|
2017-11-14 16:32:45 -05:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2017-04-24 09:28:47 -04:00
|
|
|
task digests: ['yarn:check', 'environment'] do
|
2016-03-30 13:29:17 -04:00
|
|
|
require 'digest/sha2'
|
|
|
|
require 'json'
|
|
|
|
|
2017-03-08 11:12:37 -05:00
|
|
|
# We don't have `node_modules` available in built versions of GitLab
|
|
|
|
FileUtils.cp_r(Rails.root.join('node_modules', 'emoji-unicode-version', 'emoji-unicode-version-map.json'), File.join(Rails.root, 'fixtures', 'emojis'))
|
|
|
|
|
2019-03-14 05:18:18 -04:00
|
|
|
dir = Gemojione.images_path
|
2017-02-27 23:44:34 -05:00
|
|
|
resultant_emoji_map = {}
|
2020-05-29 05:08:06 -04:00
|
|
|
resultant_emoji_map_new = {}
|
2017-02-27 23:44:34 -05:00
|
|
|
|
2017-03-06 12:59:26 -05:00
|
|
|
Gitlab::Emoji.emojis.each do |name, emoji_hash|
|
2017-02-27 23:44:34 -05:00
|
|
|
# Ignore aliases
|
|
|
|
unless Gitlab::Emoji.emojis_aliases.key?(name)
|
2019-03-14 05:18:18 -04:00
|
|
|
fpath = File.join(dir, "#{emoji_hash['unicode']}.png")
|
|
|
|
hash_digest = Digest::SHA256.file(fpath).hexdigest
|
|
|
|
|
2017-11-15 08:36:19 -05:00
|
|
|
category = emoji_hash['category']
|
|
|
|
if name == 'gay_pride_flag'
|
|
|
|
category = 'flags'
|
|
|
|
end
|
|
|
|
|
2017-02-27 23:44:34 -05:00
|
|
|
entry = {
|
2019-03-14 05:18:18 -04:00
|
|
|
category: category,
|
|
|
|
moji: emoji_hash['moji'],
|
|
|
|
description: emoji_hash['description'],
|
|
|
|
unicodeVersion: Gitlab::Emoji.emoji_unicode_version(name),
|
|
|
|
digest: hash_digest
|
2017-02-27 23:44:34 -05:00
|
|
|
}
|
2016-04-09 08:29:37 -04:00
|
|
|
|
2017-02-27 23:44:34 -05:00
|
|
|
resultant_emoji_map[name] = entry
|
2020-05-29 05:08:06 -04:00
|
|
|
|
|
|
|
# Our new map is only characters to make the json substantially smaller
|
|
|
|
new_entry = {
|
|
|
|
c: category,
|
|
|
|
e: emoji_hash['moji'],
|
|
|
|
d: emoji_hash['description'],
|
|
|
|
u: Gitlab::Emoji.emoji_unicode_version(name)
|
|
|
|
}
|
|
|
|
|
|
|
|
resultant_emoji_map_new[name] = new_entry
|
2016-04-09 08:29:37 -04:00
|
|
|
end
|
2016-03-30 13:29:17 -04:00
|
|
|
end
|
|
|
|
|
2019-03-14 05:18:18 -04:00
|
|
|
out = File.join(Rails.root, 'fixtures', 'emojis', 'digests.json')
|
2016-03-30 13:29:17 -04:00
|
|
|
File.open(out, 'w') do |handle|
|
2020-04-30 20:09:59 -04:00
|
|
|
handle.write(Gitlab::Json.pretty_generate(resultant_emoji_map))
|
2016-03-30 13:29:17 -04:00
|
|
|
end
|
2020-05-29 05:08:06 -04:00
|
|
|
|
|
|
|
out_new = File.join(Rails.root, 'public', '-', 'emojis', '1', 'emojis.json')
|
|
|
|
File.open(out_new, 'w') do |handle|
|
|
|
|
handle.write(Gitlab::Json.pretty_generate(resultant_emoji_map_new))
|
|
|
|
end
|
2016-03-30 13:29:17 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
# This task will generate a standard and Retina sprite of all of the current
|
|
|
|
# Gemojione Emojis, with the accompanying SCSS map.
|
|
|
|
#
|
|
|
|
# It will not appear in `rake -T` output, and the dependent gems are not
|
|
|
|
# included in the Gemfile by default, because this task will only be needed
|
|
|
|
# occasionally, such as when new Emojis are added to Gemojione.
|
2016-03-08 16:13:51 -05:00
|
|
|
task sprite: :environment do
|
2016-03-30 13:29:17 -04:00
|
|
|
begin
|
|
|
|
require 'sprite_factory'
|
|
|
|
require 'rmagick'
|
|
|
|
rescue LoadError
|
|
|
|
# noop
|
|
|
|
end
|
|
|
|
|
2016-03-08 16:13:51 -05:00
|
|
|
check_requirements!
|
|
|
|
|
|
|
|
SIZE = 20
|
|
|
|
RETINA = SIZE * 2
|
|
|
|
|
2016-07-13 10:43:42 -04:00
|
|
|
# Update these values to the width and height of the spritesheet when
|
|
|
|
# new emoji are added.
|
|
|
|
SPRITESHEET_WIDTH = 860
|
|
|
|
SPRITESHEET_HEIGHT = 840
|
|
|
|
|
2018-09-17 05:17:33 -04:00
|
|
|
# Set up a map to rename image files
|
2017-03-06 12:59:26 -05:00
|
|
|
emoji_unicode_string_to_name_map = {}
|
|
|
|
Gitlab::Emoji.emojis.each do |name, emoji_hash|
|
2017-02-27 23:44:34 -05:00
|
|
|
# Ignore aliases
|
|
|
|
unless Gitlab::Emoji.emojis_aliases.key?(name)
|
2017-03-06 12:59:26 -05:00
|
|
|
emoji_unicode_string_to_name_map[emoji_hash['unicode']] = name
|
2017-02-27 23:44:34 -05:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
# Copy the Gemojione assets to the temporary folder for renaming
|
|
|
|
emoji_dir = "app/assets/images/emoji"
|
|
|
|
FileUtils.rm_rf(emoji_dir)
|
|
|
|
FileUtils.mkdir_p(emoji_dir, mode: 0700)
|
|
|
|
FileUtils.cp_r(File.join(Gemojione.images_path, '.'), emoji_dir)
|
2017-03-06 12:59:26 -05:00
|
|
|
Dir[File.join(emoji_dir, "**/*.png")].each do |png|
|
|
|
|
image_path = png
|
|
|
|
rename_to_named_emoji_image!(emoji_unicode_string_to_name_map, image_path)
|
2017-02-27 23:44:34 -05:00
|
|
|
end
|
|
|
|
|
2016-03-08 16:13:51 -05:00
|
|
|
Dir.mktmpdir do |tmpdir|
|
2017-02-27 23:44:34 -05:00
|
|
|
FileUtils.cp_r(File.join(emoji_dir, '.'), tmpdir)
|
2016-03-08 16:13:51 -05:00
|
|
|
|
|
|
|
Dir.chdir(tmpdir) do
|
|
|
|
Dir["**/*.png"].each do |png|
|
2017-02-27 23:44:34 -05:00
|
|
|
tmp_image_path = File.join(tmpdir, png)
|
|
|
|
resize!(tmp_image_path, SIZE)
|
2016-03-08 16:13:51 -05:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2018-02-09 00:07:28 -05:00
|
|
|
style_path = Rails.root.join(*%w(app assets stylesheets framework emoji_sprites.scss))
|
2016-03-08 16:13:51 -05:00
|
|
|
|
|
|
|
# Combine the resized assets into a packed sprite and re-generate the SCSS
|
|
|
|
SpriteFactory.cssurl = "image-url('$IMAGE')"
|
2017-02-27 23:44:34 -05:00
|
|
|
SpriteFactory.run!(tmpdir, {
|
2016-03-08 16:13:51 -05:00
|
|
|
output_style: style_path,
|
|
|
|
output_image: "app/assets/images/emoji.png",
|
|
|
|
selector: '.emoji-',
|
|
|
|
style: :scss,
|
|
|
|
nocomments: true,
|
|
|
|
pngcrush: true,
|
|
|
|
layout: :packed
|
|
|
|
})
|
|
|
|
|
|
|
|
# SpriteFactory's SCSS is a bit too verbose for our purposes here, so
|
|
|
|
# let's simplify it
|
|
|
|
system(%Q(sed -i '' "s/width: #{SIZE}px; height: #{SIZE}px; background: image-url('emoji.png')/background-position:/" #{style_path}))
|
|
|
|
system(%Q(sed -i '' "s/ no-repeat//" #{style_path}))
|
2017-02-27 23:44:34 -05:00
|
|
|
system(%Q(sed -i '' "s/ 0px/ 0/g" #{style_path}))
|
2016-03-08 16:13:51 -05:00
|
|
|
|
|
|
|
# Append a generic rule that applies to all Emojis
|
|
|
|
File.open(style_path, 'a') do |f|
|
|
|
|
f.puts
|
|
|
|
f.puts <<-CSS.strip_heredoc
|
|
|
|
.emoji-icon {
|
|
|
|
background-image: image-url('emoji.png');
|
|
|
|
background-repeat: no-repeat;
|
2017-02-27 23:44:34 -05:00
|
|
|
color: transparent;
|
|
|
|
text-indent: -99em;
|
2016-03-08 16:13:51 -05:00
|
|
|
height: #{SIZE}px;
|
|
|
|
width: #{SIZE}px;
|
|
|
|
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
|
|
only screen and (min--moz-device-pixel-ratio: 2),
|
|
|
|
only screen and (-o-min-device-pixel-ratio: 2/1),
|
|
|
|
only screen and (min-device-pixel-ratio: 2),
|
|
|
|
only screen and (min-resolution: 192dpi),
|
|
|
|
only screen and (min-resolution: 2dppx) {
|
|
|
|
background-image: image-url('emoji@2x.png');
|
2016-07-13 10:43:42 -04:00
|
|
|
background-size: #{SPRITESHEET_WIDTH}px #{SPRITESHEET_HEIGHT}px;
|
2016-03-08 16:13:51 -05:00
|
|
|
}
|
|
|
|
}
|
|
|
|
CSS
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
# Now do it again but for Retina
|
|
|
|
Dir.mktmpdir do |tmpdir|
|
|
|
|
# Copy the Gemojione assets to the temporary folder for resizing
|
2017-02-27 23:44:34 -05:00
|
|
|
FileUtils.cp_r(File.join(emoji_dir, '.'), tmpdir)
|
2016-03-08 16:13:51 -05:00
|
|
|
|
|
|
|
Dir.chdir(tmpdir) do
|
|
|
|
Dir["**/*.png"].each do |png|
|
2017-02-27 23:44:34 -05:00
|
|
|
tmp_image_path = File.join(tmpdir, png)
|
|
|
|
resize!(tmp_image_path, RETINA)
|
2016-03-08 16:13:51 -05:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
# Combine the resized assets into a packed sprite and re-generate the SCSS
|
2017-02-27 23:44:34 -05:00
|
|
|
SpriteFactory.run!(tmpdir, {
|
2016-03-08 16:13:51 -05:00
|
|
|
output_image: "app/assets/images/emoji@2x.png",
|
|
|
|
style: false,
|
|
|
|
nocomments: true,
|
|
|
|
pngcrush: true,
|
|
|
|
layout: :packed
|
|
|
|
})
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
def check_requirements!
|
|
|
|
return if defined?(SpriteFactory) && defined?(Magick)
|
|
|
|
|
|
|
|
puts <<-MSG.strip_heredoc
|
|
|
|
This task is disabled by default and should only be run when the Gemojione
|
|
|
|
gem is updated with new Emojis.
|
|
|
|
|
|
|
|
To enable this task, *temporarily* add the following lines to Gemfile and
|
|
|
|
re-bundle:
|
|
|
|
|
|
|
|
gem 'sprite-factory'
|
|
|
|
gem 'rmagick'
|
|
|
|
MSG
|
|
|
|
|
|
|
|
exit 1
|
|
|
|
end
|
|
|
|
|
|
|
|
def resize!(image_path, size)
|
|
|
|
# Resize the image in-place, save it, and free the object
|
|
|
|
image = Magick::Image.read(image_path).first
|
|
|
|
image.resize!(size, size)
|
|
|
|
image.write(image_path) { self.quality = 100 }
|
|
|
|
image.destroy!
|
|
|
|
end
|
2017-02-27 23:44:34 -05:00
|
|
|
|
2019-05-05 06:19:14 -04:00
|
|
|
EMOJI_IMAGE_PATH_RE = /(.*?)(([0-9a-f]-?)+)\.png$/i.freeze
|
2017-03-06 12:59:26 -05:00
|
|
|
def rename_to_named_emoji_image!(emoji_unicode_string_to_name_map, image_path)
|
2017-02-27 23:44:34 -05:00
|
|
|
# Rename file from unicode to emoji name
|
|
|
|
matches = EMOJI_IMAGE_PATH_RE.match(image_path)
|
|
|
|
preceding_path = matches[1]
|
|
|
|
unicode_string = matches[2]
|
2017-03-06 12:59:26 -05:00
|
|
|
name = emoji_unicode_string_to_name_map[unicode_string]
|
2017-02-27 23:44:34 -05:00
|
|
|
if name
|
|
|
|
new_png_path = File.join(preceding_path, "#{name}.png")
|
|
|
|
FileUtils.mv(image_path, new_png_path)
|
|
|
|
new_png_path
|
|
|
|
else
|
2017-03-06 12:59:26 -05:00
|
|
|
puts "Warning: emoji_unicode_string_to_name_map missing entry for #{unicode_string}. Full path: #{image_path}"
|
2017-02-27 23:44:34 -05:00
|
|
|
end
|
|
|
|
end
|
2016-03-08 16:13:51 -05:00
|
|
|
end
|