maettig/LICENSE.txt

## README.md

      
    Raw
  

              README.md
            
          
    You can use color codes in the Minecraft chat. I tried to create a parser in 140byt.es that converts a Minecraft chat line to HTML. I found two possible solutions, both 150 bytes. One with a lookup table and another with an algorithmic aproach (which I think is very cool).
Here are some things I learned while golfing this down:

Do you know String.slice() is the new String.substring()? It's shorter and more reliable. Be aware of the few different behaviors.
To convert a hexadecimal string to a number (“hex2dec”) you can use parseInt('FF', 16) or eval('0x' + 'FF') or ('0x' + 'FF') * 1 or '0x' + 'FF' | 0. Take care of the operator precedence.
The eight main colors are ordered like they are binary numbers: 000₂, 001₂, 010₂, 011₂, 100₂, 101₂, 110₂, 111₂. Thats why I can do this: 6₁₆ → 110₂ → convert to a binary and parse as a hexadecimal string → 110₁₆ → multiply with A₁₆ → AA0₁₆ → add 555₁₆ → FF5₁₆.
The most reliable solution would be to use /&[\dA-F].*/i in a loop. Solutions with [^&] stop coloring on additional ampersands (I can live with this). Solutions with &. either fail (not acceptable) or go black for invalid colors (may be acceptable on a bright background).
String.fontcolor() is a fascinating relic from the 90s. You should never use it. ;-)


## annotated.js
function f(a, b)
{
  return b                                                //if called from the replace function
    ? b.fontcolor('#' +                                   //surround fetched string by a <font> tag
      '00000A0A00AAA00A0AFA0AAA55555F5F55FFF55F5FFF5FFF'  //lookup table
      .substr(('0x' + a[1]) * 3, 3))                      //convert hex color code to dec
    : a.replace(/&[\dA-F]([^&]+)/gi, f)                   //fetch color code followed by non-ampersands
}

## index.js
function f(a,b){return b?b.fontcolor('#'+'00000A0A00AAA00A0AFA0AAA55555F5F55FFF55F5FFF5FFF'.substr(('0x'+a[1])*3,3)):a.replace(/&[\dA-F]([^&]+)/gi,f)}

## LICENSE.txt
            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
                    Version 2, December 2004

 Copyright (C) 2012 Thiemo Mättig <http://maettig.com>

 Everyone is permitted to copy and distribute verbatim or modified
 copies of this license document, and changing it is allowed as long
 as the name is changed.

            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

  0. You just DO WHAT THE FUCK YOU WANT TO.

## package.json
{
  "name": "decodeMinecraftColors",

  "description": "Converts a Minecraft chat line to HTML.",

  "keywords": [
    "color",
    "fontcolor",
    "html",
    "parse"
  ]
}

## test.html
<!DOCTYPE html>
<style type="text/css">
pre { background: #222; color: #FFF; display: inline-block; padding: 2em; }
</style>
<script type="text/javascript">
var decodeMinecraftColors = function f(a,b){return b?b.fontcolor('#'+'00000A0A00AAA00A0AFA0AAA55555F5F55FFF55F5FFF5FFF'.substr(('0x'+a[1])*3,3)):a.replace(/&[\dA-F]([^&]+)/gi,f)}
// My second solution, also 150 bytes:
//function f(a,b,c){return c?c.fontcolor('#'+(('0x'+('0x1'+b|0).toString(2))*10+(b>'7')*1365).toString(16).slice(2)):a.replace(/&([\dA-F])([^&]+)/gi,f)}
var test = '!0000!100A!20A0!30AA!4A00!5A0A!6FA0 (or #AA0)!7AAA!8555!955F!a5F5!b5FF!cF55!dF5F!eFF5 &this should be yellow (or white)!fFFF &this should be white';
test = test.replace(/!(.)((...)[^!]*)/g, '&$1<span style="background:#$3">NOT</span> $1 should become #$2\n');
test = decodeMinecraftColors(test);
document.write('<pre>' + test + '</pre>');
</script>
	function f(a, b)
	{
	return b //if called from the replace function
	? b.fontcolor('#' + //surround fetched string by a <font> tag
	'00000A0A00AAA00A0AFA0AAA55555F5F55FFF55F5FFF5FFF' //lookup table
	.substr(('0x' + a[1]) * 3, 3)) //convert hex color code to dec
	: a.replace(/&[\dA-F]([^&]+)/gi, f) //fetch color code followed by non-ampersands
	}
	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2012 Thiemo Mättig <http://maettig.com>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

	0. You just DO WHAT THE FUCK YOU WANT TO.
	{
	"name": "decodeMinecraftColors",

	"description": "Converts a Minecraft chat line to HTML.",

	"keywords": [
	"color",
	"fontcolor",
	"html",
	"parse"
	]
	}
	<!DOCTYPE html>
	<style type="text/css">
	pre { background: #222; color: #FFF; display: inline-block; padding: 2em; }
	</style>
	<script type="text/javascript">
	var decodeMinecraftColors = function f(a,b){return b?b.fontcolor('#'+'00000A0A00AAA00A0AFA0AAA55555F5F55FFF55F5FFF5FFF'.substr(('0x'+a[1])*3,3)):a.replace(/&[\dA-F]([^&]+)/gi,f)}
	// My second solution, also 150 bytes:
	//function f(a,b,c){return c?c.fontcolor('#'+(('0x'+('0x1'+b\|0).toString(2))10+(b>'7')1365).toString(16).slice(2)):a.replace(/&([\dA-F])([^&]+)/gi,f)}
	var test = '!0000!100A!20A0!30AA!4A00!5A0A!6FA0 (or #AA0)!7AAA!8555!955F!a5F5!b5FF!cF55!dF5F!eFF5 &this should be yellow (or white)!fFFF &this should be white';
	test = test.replace(/!(.)((...)[^!]*)/g, '&$1<span style="background:#$3">NOT</span> $1 should become #$2\n');
	test = decodeMinecraftColors(test);
	document.write('<pre>' + test + '</pre>');
	</script>