<commit_before><!DOCTYPE html>
<html>
	<head>
		<title>Test Chakmak</title>
	</head>
	<body>
		<div id="content">
		</div>
		<p>
			<input type="text" name="name" id="name" placeholder="Enter a text"/>
		</p>
		<div id="test">

		</div>

		<footer>
			<script type="text/javascript" src="../src/chakmak.js"></script>
			<script type="text/javascript">

				function clock(){
					var date = new Date();
					var time = [];
					time.push(date.getHours());
					time.push(date.getMinutes());
					time.push(date.getSeconds());

					return time.join(':');	
				}

				var pb = Chakmak.Publisher.create({'id': clock()});

				var sb = Chakmak.Subscriber.create({
					template: document.getElementById('content')
				}, {render: function(){
					this.template.innerHTML = this.publisher.id;
				}});

				var sb2 = Chakmak.Subscriber.create({
					template: document.getElementById('test')
				}, {render: function(){
					this.template.innerHTML = this.publisher.name || '';
				}});

				sb.subscribe(pb, 'pub:change');

				sb2.subscribe(pb, 'pub:change');

				document.getElementById('name').addEventListener('keyup', function(){
					pb.addProperty('name', this.value);
				});

				setInterval(function(){
					pb.id = clock();
				}, 1000)

			</script>
		</footer>
	</body>
</html><commit_msg>UPDATE: Two binding example update<commit_after><!DOCTYPE html>
<html>
	<head>
		<title>Test Chakmak</title>
	</head>
	<body>
		<div id="content">
		</div>
		<p>
			<input type="text" name="name" id="name" placeholder="Enter a text"/>
		</p>
		<div id="test">

		</div>

		<footer>
			<script type="text/javascript" src="../src/chakmak.js"></script>
			<script type="text/javascript">

				function clock(){
					var date = new Date();
					var time = [];
					time.push(date.getHours());
					time.push(date.getMinutes());
					time.push(date.getSeconds());

					return time.join(':');	
				}

				var pb = Chakmak.Publisher.create({'id': clock()});

				var sb = Chakmak.Subscriber.create({
					template: document.getElementById('content')
				}, {render: function(){
					this.template.innerHTML = this.publisher.id;
				}});

				var sb2 = Chakmak.Subscriber.create({
					template: document.getElementById('test')
				}, {render: function(){
					this.template.innerHTML = this.publisher.name || '';
				}});

				sb.subscribe(pb, 'pub:change');

				pb.addProperty('name', '');

				sb2.subscribe(pb, 'pub:change');

				document.getElementById('name').addEventListener('keyup', function(){
					pb.name = this.value;
				});

				setInterval(function(){
					pb.id = clock();
				}, 1000)

			</script>
		</footer>
	</body>
</html>
{'fraction_non_alphanumeric': 0.19772727272727272, 'fraction_numerical': 0.004545454545454545, 'mean_word_length': 3.1394984326018807, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, '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': '4351353', 'n_tokens_mistral': 1137, 'n_tokens_neox': 864, 'n_words': 164}