<commit_before><html>
	<head>
		<link href="http://peerjs.com/css/style.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/fonts.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/button.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/reveal.css" rel="stylesheet" type="text/css"> 
		<style>
		html,body{margin:0px;padding:0px;background:#efefef;}
		#wrapper{padding:30px;width:600px;margin:0 auto;text-align: center;}
		#stage
		{
			display:none;
			text-align:left;
			background:#fff;
			overflow-y:auto;
		}
		#submitbar
		{
			border:solid 1px #ddd;
		}
		#submitbar input[type=text]
		{
			width:530px;
		}
		#chatlog
		{
			height:550px;
			padding:10px;
		}
		#enter{
			padding:20px;
			border-radius: 15px;
			background:#ddd;
		}
		</style>
		<title>P2P Web Chat with PeerJS</title>
	</head>
	<body>
		<div id="wrapper">
	      <h1>P2P Web Chat with PeerJS</h1>
	      <div id="enter">
	      	  <div class="step1">
		      	<input id="i_username" type="text" placeholder="Username"/> <input id="connectbtn" type="button" class="btn btn-danger" value="Set Username"/>
		      </div>
		      <div class="step2" style="display:none;">
		      		<h2>Waiting for Friend to connect...</h2>
		      		<h3>---<br/>OR connect to a Friend:</h3>
			      <input id="i_peer" type="text" placeholder="Friend's Username"/> <input id="peerbtn" type="button" class="btn btn-danger" value="Connect"/>
			  </div>
		  </div>
	      <div id="stage">
	      	<div id="chatlog"></div>
	      	<div id="submitbar"><input id="message" type="text"/> <input id="sendbtn" type="button" class="btn btn-danger" value="Send"/></div>
	      </div>
	  	</div>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
		<script src="http://cdn.peerjs.com/0/peer.min.js" ></script>
		<script type="text/javascript">
			$('#connectbtn').click(function()
				{
					var username = $('#i_username').val();
					var peer = new Peer({key: '<KEY>'});
					peer.on('error',function(error)
					{
						alert(error);<commit_msg>username<commit_after><html>
	<head>
		<link href="http://peerjs.com/css/style.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/fonts.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/button.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/reveal.css" rel="stylesheet" type="text/css"> 
		<style>
		html,body{margin:0px;padding:0px;background:#efefef;}
		#wrapper{padding:30px;width:600px;margin:0 auto;text-align: center;}
		#stage
		{
			display:none;
			text-align:left;
			background:#fff;
			overflow-y:auto;
		}
		#submitbar
		{
			border:solid 1px #ddd;
		}
		#submitbar input[type=text]
		{
			width:530px;
		}
		#chatlog
		{
			height:550px;
			padding:10px;
		}
		#enter{
			padding:20px;
			border-radius: 15px;
			background:#ddd;
		}
		</style>
		<title>P2P Web Chat with PeerJS</title>
	</head>
	<body>
		<div id="wrapper">
	      <h1>P2P Web Chat with PeerJS</h1>
	      <div id="enter">
	      	  <div class="step1">
		      	<input id="i_username" type="text" placeholder="Username"/> <input id="connectbtn" type="button" class="btn btn-danger" value="Set Username"/>
		      </div>
		      <div class="step2" style="display:none;">
		      		<h2>Waiting for Friend to connect...</h2>
		      		<h3>---<br/>OR connect to a Friend:</h3>
			      <input id="i_peer" type="text" placeholder="Friend's Username"/> <input id="peerbtn" type="button" class="btn btn-danger" value="Connect"/>
			  </div>
		  </div>
	      <div id="stage">
	      	<div id="chatlog"></div>
	      	<div id="submitbar"><input id="message" type="text"/> <input id="sendbtn" type="button" class="btn btn-danger" value="Send"/></div>
	      </div>
	  	</div>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
		<script src="http://cdn.peerjs.com/0/peer.min.js" ></script>
		<script type="text/javascript">
			$('#connectbtn').click(function()
				{
					var username = $('#i_username').val();
					var peer = new Peer(username, {key: '<KEY>', debug: true});
					peer.on('error',function(error)
					{
						alert(error);
{'fraction_non_alphanumeric': 0.19995333644423705, 'fraction_numerical': 0.016332244517032198, 'mean_word_length': 3.4104938271604937, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2446566', 'n_tokens_mistral': 1809, 'n_tokens_neox': 1547, 'n_words': 272}