// Vimperator plugin: "Update mixi echo"
// Last Change: 21-Oct-2008. Jan 2008
// License: Creative Commons
// Maintainer: mattn <mattn.jp@gmail.com> - http://mattn.kaoriya.net/

(function(){
	var ucnv = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"]
		.createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
	ucnv.charset = "EUC-JP";
	function sprintf(format){
		var i = 1, re = /%s/, result = "" + format;
		while (re.test(result) && i < arguments.length) result = result.replace(re, arguments[i++]);
		return result;
	}
	function parseHTML(str, ignoreTags) {
		var exp = "^[\\s\\S]*?<html(?:\\s[^>]*)?>|</html\\s*>[\\S\\s]*$";
		if (ignoreTags) {
			if (typeof ignoreTags == "string") ignoreTags = [ignoreTags];
			var stripTags = [];
			ignoreTags = ignoreTags.filter(function(tag) tag[tag.length - 1] == "/" || !stripTags.push(tag))
			                       .map(function(tag) tag.replace(/\/$/, ""));
			if (stripTags.length > 0) {
				stripTags = stripTags.length > 1
						  ? "(?:" + stripTags.join("|") + ")"
						  : String(stripTags);
				exp += "|<" + stripTags + "(?:\\s[^>]*|/)?>|</" + stripTags + "\\s*>";
			}
		}
		str = str.replace(new RegExp(exp, "ig"), "");
		var res = document.implementation.createDocument(null, "html", null);
		var range = document.createRange();
		range.setStartAfter(window.content.document.body);
		res.documentElement.appendChild(res.importNode(range.createContextualFragment(str), true));
		if (ignoreTags) ignoreTags.forEach(function(tag) {
			var elements = res.getElementsByTagName(tag);
			for (var i = elements.length, el; el = elements.item(--i); el.parentNode.removeChild(el));
		});
		return res;
	}
	function getElementsByXPath(xpath, node){
		node = node || document;
		var nodesSnapshot = (node.ownerDocument || node).evaluate(xpath, node, null,
				XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
		var data = [];
		for(var i = 0, l = nodesSnapshot.snapshotLength; i < l;
				data.push(nodesSnapshot.snapshotItem(i++)));
		return (data.length > 0) ? data : null;
	}
	function getFirstElementByXPath(xpath, node){
		node = node || document;
		var result = (node.ownerDocument || node).evaluate(xpath, node, null,
				XPathResult.FIRST_ORDERED_NODE_TYPE, null);
		return result.singleNodeValue ? result.singleNodeValue : null;
	}
	function showFollowersStatus(){
		var xhr = new XMLHttpRequest();
		xhr.open("GET", "http://mixi.jp/recent_echo.pl", false);
		xhr.send(null);
		var nodes = getElementsByXPath('id("echo")//div[@class="archiveList"]//tr', parseHTML(xhr.responseText, ['script']));
		var statuses = [];
		if (nodes && nodes.length) nodes.forEach(function(node) {
			var img = getFirstElementByXPath('.//img', node).src;
			var name = getFirstElementByXPath('.//*[@class="nickname"]', node).textContent.replace(/(?:\r?\n|\r)[ \t]*/g, "");
			var c = getFirstElementByXPath('.//*[@class="comment"]', node).childNodes;
			var text = '';
			for (var n = 0; n < c.length; n++) {
				if (c[n].nodeName.toUpperCase() == 'SPAN') break;
				text += c[n].textContent.replace(/^\s+|\s+$/g, '').replace(/&/g, '&amp;').replace(/>/g, '&gt;').replace(/</g, '&lt;');
				if (c[n].nodeName.toUpperCase() == 'A') text += ' ';
			}
			statuses.push({
				user : {
					profile_image_url : img,
					name : name,
					screen_name : name
				},
				text : text
			});
		});
		var html = <style type="text/css"><![CDATA[
			span.twitter.entry-content a { text-decoration: none; }
			img.twitter.photo { border; 0px; width: 16px; height: 16px; vertical-align: baseline; }
		]]></style>.toSource()
				   .replace(/(?:\r?\n|\r)[ \t]*/g, " ") +
			statuses.map(function(status)
				<>
					<img src={status.user.profile_image_url}
						 alt={status.user.screen_name}
						 title={status.user.screen_name}
						 class="twitter photo"/>
					<strong>{status.user.name}&#x202C;</strong>
				</>.toSource()
				   .replace(/(?:\r?\n|\r)[ \t]*/g, " ") +
					sprintf(': <span class="twitter entry-content">%s&#x202C;</span>', status.text))
						.join("<br/>");
		//liberator.log(html);
		liberator.echo(html, true);
	}
	function sayEcho(text){
		var xhr = new XMLHttpRequest();
		xhr.open("GET", "http://mixi.jp/recent_echo.pl", false);
		xhr.send(null);
		var form = getFirstElementByXPath('//form[@action="add_echo.pl"]', parseHTML(xhr.responseText, ['script']));
		var input = getFirstElementByXPath('.//textarea', form);
		input.value = text;
		var params = [];
		var inputs = getElementsByXPath('.//*[contains(" INPUT TEXTAREA SELECT ", concat(" ", local-name(), " "))]', form);
		inputs.forEach(function(input) { if (input.name.length) params.push(input.name + '=' + escape(ucnv.ConvertFromUnicode(input.value))); });
		xhr.open("POST", "http://mixi.jp/add_echo.pl", false);
		xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xhr.send(params.join('&'));
	}
	commands.addUserCommand(["mixiecho"], "Change mixi echo",
		function(arg, special){
			arg = arg.string;
			if (special || arg.length == 0)
				showFollowersStatus()
			else
				sayEcho(arg);
		},{
			bang: true
		}
	);
})();
' href='#n50'>50</a>
<a id='n51' href='#n51'>51</a>
<a id='n52' href='#n52'>52</a>
<a id='n53' href='#n53'>53</a>
<a id='n54' href='#n54'>54</a>
<a id='n55' href='#n55'>55</a>
<a id='n56' href='#n56'>56</a>
<a id='n57' href='#n57'>57</a>
<a id='n58' href='#n58'>58</a>
<a id='n59' href='#n59'>59</a>
<a id='n60' href='#n60'>60</a>
<a id='n61' href='#n61'>61</a>
<a id='n62' href='#n62'>62</a>
<a id='n63' href='#n63'>63</a>
<a id='n64' href='#n64'>64</a>
<a id='n65' href='#n65'>65</a>
<a id='n66' href='#n66'>66</a>
<a id='n67' href='#n67'>67</a>
<a id='n68' href='#n68'>68</a>
<a id='n69' href='#n69'>69</a>
<a id='n70' href='#n70'>70</a>
<a id='n71' href='#n71'>71</a>
<a id='n72' href='#n72'>72</a>
<a id='n73' href='#n73'>73</a>
<a id='n74' href='#n74'>74</a>
<a id='n75' href='#n75'>75</a>
<a id='n76' href='#n76'>76</a>
<a id='n77' href='#n77'>77</a>
<a id='n78' href='#n78'>78</a>
<a id='n79' href='#n79'>79</a>
<a id='n80' href='#n80'>80</a>
<a id='n81' href='#n81'>81</a>
<a id='n82' href='#n82'>82</a>
<a id='n83' href='#n83'>83</a>
<a id='n84' href='#n84'>84</a>
<a id='n85' href='#n85'>85</a>
<a id='n86' href='#n86'>86</a>
<a id='n87' href='#n87'>87</a>
<a id='n88' href='#n88'>88</a>
<a id='n89' href='#n89'>89</a>
<a id='n90' href='#n90'>90</a>
<a id='n91' href='#n91'>91</a>
<a id='n92' href='#n92'>92</a>
<a id='n93' href='#n93'>93</a>
<a id='n94' href='#n94'>94</a>
<a id='n95' href='#n95'>95</a>
<a id='n96' href='#n96'>96</a>
<a id='n97' href='#n97'>97</a>
<a id='n98' href='#n98'>98</a>
<a id='n99' href='#n99'>99</a>
<a id='n100' href='#n100'>100</a>
<a id='n101' href='#n101'>101</a>
<a id='n102' href='#n102'>102</a>
<a id='n103' href='#n103'>103</a>
<a id='n104' href='#n104'>104</a>
<a id='n105' href='#n105'>105</a>
<a id='n106' href='#n106'>106</a>
<a id='n107' href='#n107'>107</a>
<a id='n108' href='#n108'>108</a>
<a id='n109' href='#n109'>109</a>
<a id='n110' href='#n110'>110</a>
<a id='n111' href='#n111'>111</a>
<a id='n112' href='#n112'>112</a>
<a id='n113' href='#n113'>113</a>
<a id='n114' href='#n114'>114</a>
<a id='n115' href='#n115'>115</a>
<a id='n116' href='#n116'>116</a>
<a id='n117' href='#n117'>117</a>
<a id='n118' href='#n118'>118</a>
<a id='n119' href='#n119'>119</a>
<a id='n120' href='#n120'>120</a>
<a id='n121' href='#n121'>121</a>
<a id='n122' href='#n122'>122</a>
<a id='n123' href='#n123'>123</a>
<a id='n124' href='#n124'>124</a>
<a id='n125' href='#n125'>125</a>
<a id='n126' href='#n126'>126</a>
<a id='n127' href='#n127'>127</a>
<a id='n128' href='#n128'>128</a>
<a id='n129' href='#n129'>129</a>
<a id='n130' href='#n130'>130</a>
<a id='n131' href='#n131'>131</a>
<a id='n132' href='#n132'>132</a>
<a id='n133' href='#n133'>133</a>
<a id='n134' href='#n134'>134</a>
<a id='n135' href='#n135'>135</a>
<a id='n136' href='#n136'>136</a>
<a id='n137' href='#n137'>137</a>
<a id='n138' href='#n138'>138</a>
<a id='n139' href='#n139'>139</a>
<a id='n140' href='#n140'>140</a>
<a id='n141' href='#n141'>141</a>
<a id='n142' href='#n142'>142</a>
<a id='n143' href='#n143'>143</a>
<a id='n144' href='#n144'>144</a>
<a id='n145' href='#n145'>145</a>
<a id='n146' href='#n146'>146</a>
<a id='n147' href='#n147'>147</a>
<a id='n148' href='#n148'>148</a>
<a id='n149' href='#n149'>149</a>
<a id='n150' href='#n150'>150</a>
<a id='n151' href='#n151'>151</a>
</pre></td>
<td class='lines'><pre><code>