<commit_before><!doctype html>
<html lang='en-GB'>
<head>
	<meta charset='utf-8'>
	<title>Ractive.js Slip decorator plugin</title>

	<!-- CSS -->
	<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
	<link rel='stylesheet' href='demo/main.css'>

	<style type='text/css'>
		.columns {
			display: flex;
			width: 100%;
		}

		.column {
			flex: 1 1 50%;
			padding: 5px;
			overflow: hidden;
		}

		.list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.list li {
			position: relative;
			padding: 0.5em 1.0em;
			background-color: #eee;
			margin: 0 0 0.2em 0;
			line-height: 1;
			background: 0.2em 50% no-repeat;
			background-size: auto 80%;
			border: 1px solid #eee;
			border-radius: 0.2em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			user-select: none;
		}

		.reorderable li {
			cursor: -webkit-grab;
			cursor: -moz-grab;
			cursor: grab;
			background-color: #eee;
		}

		.slip-reordering {
			box-shadow: 0 2px 10px rgba(0,0,0,0.45);
			opacity: 0.8;
		}
	</style>
</head>

<body>

	<a class='forkme' href='https://github.com/lluchs/Ractive-decorators-Slip'>Fork me on GitHub</a>

	<header>
		<h1>Ractive.js Slip decorator plugin</h1>
		<p class='strap'>
			<span class='download'>download: <a href='Ractive-decorators-Slip.js'>Ractive-decorators-Slip.js</a></span>
			<span class='more-plugins'>more plugins at <a href='http://ractivejs.org/plugins'>ractivejs.org/plugins</a></span>
		</p>
	</header>

	<main>
		<p>This decorator integrates the <a href="https://github.com/pornel/slip">Slip.js</a> library with Ractive.</p>
		<p>It implements both reordering and removing array items without any additional work.</p>

		<div id='demo' class='clearfix'></div>

		<pre id='demo-template-view' class='prettyprint lang-html'></pre>
		<pre id='demo-code-view' class='prettyprint lang-js'></pre>
	</main>

	<footer>
		<p>Copyright &copy; 2014 <NAME>. Licensed MIT</p>
	</footer>

	<!-- Demo template -->
	<script id='demo-template' type='text/ractive'>
		<div class='columns'>
			<div class='column'>
				<h2>Reorder this list (touch and hold)...</h2>
				<ul decorator='Slip' class='reorderable list'>
					{{#items}}
						<li>{{.}}</li>
					{{/items}}
				</ul>
			</div>
			<div class='column'>
				<h2>...it mirrors automatically</h2>
				<ul class='list'>
					{{#items}}
						<li>{{.}}</li>
					{{/items}}
				</ul>
			</div>
		</div>

		<h2>Add an item:</h2>
		<form on-submit='add'>
			<input type='text' value='{{new}}' required>
			<input type='submit' value='Add'>
		</form>
	</script>

	<!-- Dependencies -->
	<script src='lib/Ractive.js'></script>
	<script src='lib/slip.js'></script>
	<script src='Ractive-decorators-Slip.js'></script>

	<!-- Demo code -->
	<script id='demo-code'>
		ractive = new Ractive({
			el: 'demo',
			template: '#demo-template',
			data: {
				items: [
					'Hello',
					'World',
					'Swipe to remove',
				]
			}
		});

		ractive.on( 'add', function (e) {
			ractive.get( 'items' ).push( ractive.get( 'new' ) );
			ractive.set( 'new', '' );
			e.original.preventDefault();
		});
	</script>

	<!-- Insert code into the page -->
	<script src='demo/prettify.js'></script>
	<script src='demo/demo.js'></script>
</body>
</html><commit_msg>new not allowed<commit_after><!doctype html>
<html lang='en-GB'>
<head>
	<meta charset='utf-8'>
	<title>Ractive.js Slip decorator plugin</title>

	<!-- CSS -->
	<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
	<link rel='stylesheet' href='demo/main.css'>

	<style type='text/css'>
		.columns {
			display: flex;
			width: 100%;
		}

		.column {
			flex: 1 1 50%;
			padding: 5px;
			overflow: hidden;
		}

		.list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.list li {
			position: relative;
			padding: 0.5em 1.0em;
			background-color: #eee;
			margin: 0 0 0.2em 0;
			line-height: 1;
			background: 0.2em 50% no-repeat;
			background-size: auto 80%;
			border: 1px solid #eee;
			border-radius: 0.2em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			user-select: none;
		}

		.reorderable li {
			cursor: -webkit-grab;
			cursor: -moz-grab;
			cursor: grab;
			background-color: #eee;
		}

		.slip-reordering {
			box-shadow: 0 2px 10px rgba(0,0,0,0.45);
			opacity: 0.8;
		}
	</style>
</head>

<body>

	<a class='forkme' href='https://github.com/lluchs/Ractive-decorators-Slip'>Fork me on GitHub</a>

	<header>
		<h1>Ractive.js Slip decorator plugin</h1>
		<p class='strap'>
			<span class='download'>download: <a href='Ractive-decorators-Slip.js'>Ractive-decorators-Slip.js</a></span>
			<span class='more-plugins'>more plugins at <a href='http://ractivejs.org/plugins'>ractivejs.org/plugins</a></span>
		</p>
	</header>

	<main>
		<p>This decorator integrates the <a href="https://github.com/pornel/slip">Slip.js</a> library with Ractive.</p>
		<p>It implements both reordering and removing array items without any additional work.</p>

		<div id='demo' class='clearfix'></div>

		<pre id='demo-template-view' class='prettyprint lang-html'></pre>
		<pre id='demo-code-view' class='prettyprint lang-js'></pre>
	</main>

	<footer>
		<p>Copyright &copy; 2014 <NAME>. Licensed MIT</p>
	</footer>

	<!-- Demo template -->
	<script id='demo-template' type='text/ractive'>
		<div class='columns'>
			<div class='column'>
				<h2>Reorder this list (touch and hold)...</h2>
				<ul decorator='Slip' class='reorderable list'>
					{{#items}}
						<li>{{.}}</li>
					{{/items}}
				</ul>
			</div>
			<div class='column'>
				<h2>...it mirrors automatically</h2>
				<ul class='list'>
					{{#items}}
						<li>{{.}}</li>
					{{/items}}
				</ul>
			</div>
		</div>

		<h2>Add an item:</h2>
		<form on-submit='add'>
			<input type='text' value='{{_new}}' required>
			<input type='submit' value='Add'>
		</form>
	</script>

	<!-- Dependencies -->
	<script src='lib/Ractive.js'></script>
	<script src='lib/slip.js'></script>
	<script src='Ractive-decorators-Slip.js'></script>

	<!-- Demo code -->
	<script id='demo-code'>
		ractive = new Ractive({
			el: 'demo',
			template: '#demo-template',
			data: {
				items: [
					'Hello',
					'World',
					'Swipe to remove',
				]
			}
		});

		ractive.on( 'add', function (e) {
			ractive.get( 'items' ).push( ractive.get( '_new' ) );
			ractive.set( '_new', '' );
			e.original.preventDefault();
		});
	</script>

	<!-- Insert code into the page -->
	<script src='demo/prettify.js'></script>
	<script src='demo/demo.js'></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.20494164013945734, 'fraction_numerical': 0.01637107776261937, 'mean_word_length': 3.168035375868604, 'pattern_counts': {'":': 0, '<': 187, '<?xml version=': 0, '>': 187, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7163775', 'n_tokens_mistral': 3011, 'n_tokens_neox': 2492, 'n_words': 535}