demos/twitter.html

<!DOCTYPE html>
<link rel="stylesheet" href="/adorn/adorn.css"/>
<script src="/adorn/adorn.js" async></script>

<script src="client_ids.js"></script>
<script src="../src/hello.polyfill.js"></script>
<script src="../src/hello.js"></script>
<script src="../src/modules/twitter.js"></script>

<title>hello( twitter )</title>
<h1>hello( twitter )</h1>

<button id='login' onclick="login('twitter');">Twitter</button>
<div id="result"></div>
<script class="pre">
function login(network){
	// Twitter instance
	var twitter = hello(network);
	// Login
	twitter.login().then( function(r){
		// Get Profile
		return twitter.api('me');
	}, log )
	.then( function(p){
		// Put in page
		document.getElementById('login').innerHTML = "<img src='"+ p.thumbnail + "' width=24/>Connected to "+ network+" as " + p.name;
	}, log );
}
</script>

<script class="pre">
hello.init({
	'twitter' : TWITTER_CLIENT_ID
},
{
	redirect_uri:'../redirect.html',
	oauth_proxy: OAUTH_PROXY_URL
});
</script>

<h2>Tweet</h2>

<form>
	<label>message</label><textarea id="message"></textarea>
	<br />
	<label>media</label><input type="file" id="file"/>
</form>

<script class="pre">
function tweet(){

	var message = document.getElementById('message').value;
	var files = document.getElementById('file').files;

	hello('twitter').api('me/share', 'POST', {
		message : message,
		file : file
	}).then(log,log);
}
</script>

<button onclick="tweet()">Tweet</button>

<script>
function log(){
	console.log(arguments);
}
</script>