mirror of
https://github.com/mastodon/mastodon.git
synced 2024-12-04 18:08:59 +00:00
e0f55f374c
* Add emojis:generate_borders Rake task * Address review * Border all dark emoji * Combine stroke with filter to reduce artifacting * Cleanup Camera with Flash * Add stroke-linejoin="round" The previous filter and tweaks were effectively a poor imitation of it. There are no artifacts for any dark emoji now! * Set stroke-width using property This fixes old versions of Firefox. * Store emoji in string instead of array * Use separate arguments for each path segment * Remove "background: black;"
103 lines
3.1 KiB
Ruby
103 lines
3.1 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
def gen_border(codepoint)
|
|
input = Rails.root.join('public', 'emoji', "#{codepoint}.svg")
|
|
dest = Rails.root.join('public', 'emoji', "#{codepoint}_border.svg")
|
|
doc = File.open(input) { |f| Nokogiri::XML(f) }
|
|
svg = doc.at_css('svg')
|
|
if svg.key?('viewBox')
|
|
view_box = svg['viewBox'].split(' ').map(&:to_i)
|
|
view_box[0] -= 2
|
|
view_box[1] -= 2
|
|
view_box[2] += 4
|
|
view_box[3] += 4
|
|
svg['viewBox'] = view_box.join(' ')
|
|
end
|
|
g = Nokogiri::XML::Node.new 'g', doc
|
|
doc.css('svg > *').each do |elem|
|
|
border_elem = elem.dup
|
|
|
|
border_elem.delete('fill')
|
|
|
|
border_elem['stroke'] = 'white'
|
|
border_elem['stroke-linejoin'] = 'round'
|
|
border_elem['stroke-width'] = '4px'
|
|
|
|
g.add_child(border_elem)
|
|
end
|
|
svg.prepend_child(g)
|
|
File.write(dest, doc.to_xml)
|
|
puts "Wrote bordered #{codepoint}.svg to #{dest}!"
|
|
end
|
|
|
|
def codepoints_to_filename(codepoints)
|
|
codepoints.downcase.gsub(/\A[0]+/, '').tr(' ', '-')
|
|
end
|
|
|
|
def codepoints_to_unicode(codepoints)
|
|
if codepoints.include?(' ')
|
|
codepoints.split(' ').map(&:hex).pack('U*')
|
|
else
|
|
[codepoints.hex].pack('U')
|
|
end
|
|
end
|
|
|
|
namespace :emojis do
|
|
desc 'Generate a unicode to filename mapping'
|
|
task :generate do
|
|
source = 'http://www.unicode.org/Public/emoji/12.0/emoji-test.txt'
|
|
codes = []
|
|
dest = Rails.root.join('app', 'javascript', 'mastodon', 'features', 'emoji', 'emoji_map.json')
|
|
|
|
puts "Downloading emojos from source... (#{source})"
|
|
|
|
HTTP.get(source).to_s.split("\n").each do |line|
|
|
next if line.start_with? '#'
|
|
|
|
parts = line.split(';').map(&:strip)
|
|
next if parts.size < 2
|
|
|
|
codes << [parts[0], parts[1].start_with?('fully-qualified')]
|
|
end
|
|
|
|
grouped_codes = codes.reduce([]) do |agg, current|
|
|
if current[1]
|
|
agg << [current[0]]
|
|
else
|
|
agg.last << current[0]
|
|
agg
|
|
end
|
|
end
|
|
|
|
existence_maps = grouped_codes.map { |c| c.map { |cc| [cc, File.exist?(Rails.root.join('public', 'emoji', codepoints_to_filename(cc) + '.svg'))] }.to_h }
|
|
map = {}
|
|
|
|
existence_maps.each do |group|
|
|
existing_one = group.key(true)
|
|
|
|
next if existing_one.nil?
|
|
|
|
group.each_key do |key|
|
|
map[codepoints_to_unicode(key)] = codepoints_to_filename(existing_one)
|
|
end
|
|
end
|
|
|
|
map = map.sort { |a, b| a[0].size <=> b[0].size }.to_h
|
|
|
|
File.write(dest, Oj.dump(map))
|
|
puts "Wrote emojo to destination! (#{dest})"
|
|
end
|
|
|
|
desc 'Generate emoji variants with white borders'
|
|
task :generate_borders do
|
|
src = Rails.root.join('app', 'javascript', 'mastodon', 'features', 'emoji', 'emoji_map.json')
|
|
emojis = '🎱🐜⚫🖤⬛◼️◾◼️✒️▪️💣🎳📷📸♣️🕶️✴️🔌💂♀️📽️🍳🦍💂🔪🕳️🕹️🕋🖊️🖋️💂♂️🎤🎓🎥🎼♠️🎩🦃📼📹🎮🐃🏴👽⚾🐔☁️💨🕊️👀🍥👻🐐❕❔⛸️🌩️🔊🔇📃🌧️🐏🍚🍙🐓🐑💀☠️🌨️🔉🔈💬💭🏐🏳️⚪⬜◽◻️▫️'
|
|
|
|
map = Oj.load(File.read(src))
|
|
|
|
emojis.each_grapheme_cluster do |emoji|
|
|
gen_border map[emoji]
|
|
end
|
|
end
|
|
end
|