* 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
 |