<commit_before><!DOCTYPE html>
<html>
	<head>
		<style>

			.blue {
			background-color: blue;
			color: white;
			}

			.red {
			background-color: red;
			color: white;
			}

		</style>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Demo page</title>
		<link rel="stylesheet" href="base.css" type="text/css">

		<script data-main="../../src/main" src="../src/3rdparty/require-jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>

		<ul>
			<li>
				<a href="pattern-test-response.html#login-success" rel=".modal!class=loginModal">Modal test with injection source and extra class</a>
			</li>
			<li>
				<a href="pattern-test-response.html#hola" rel=".modal!class=panel1">Modal Window, class panel1</a>
			</li>
			<li>
				<a href="pattern-test-response.html#hola" rel=".modal!class=panel2">Modal Window, class panel2</a>
			</li>
		</ul>

		<hr/>
		<div id="autoLoading-test" style="overflow-y:auto; overflow-x: hidden; height: 200px; width:200px;">
			AutoLoading example. Scroll down and the list should grow automatically.

			<ul id="listToUpdate" style="display:block; margin:0;">
				<li>0</li>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>7</li>
				<li>8</li>
				<li>9</li>
			</ul>
			<p id="buttonBarMore" style="width:150px;">
				<a href="pattern-test-response.html#listToUpdate#buttonBarMore" rel="#listToUpdate:after #buttonBarMore" class="autoLoading-visible">More&hellip;</a>
			</p>
		</div>

		<div id="panel1">
			<ul>
				<li><a href="pattern-test-response.html#cata-panel2" data-injection="#panel2:content">Cat A</a></li>
				<li><a href="pattern-test-response.html#catb-panel2" data-injection="#panel2:content">Cat B</a></li>
				<li>etc...</li>
			</ul>
		</div>

		<div id="panel2">
		</div>

		<div id="panel3"></div>
		<div id="panel4"></div>

	</body>
</html><commit_msg>start to adapt injection demo - not working yet<commit_after><!DOCTYPE html>
<html>
	<head>
		<style>

			.blue {
			background-color: blue;
			color: white;
			}

			.red {
			background-color: red;
			color: white;
			}

		</style>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Demo page</title>
		<link rel="stylesheet" href="../base.css" type="text/css">

		<script data-main="../../src/main" src="../../src/3rdparty/require-jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>

		<ul>
			<li>
				<a href="pattern-test-response.html#login-success" rel=".modal!class=loginModal">Modal test with injection source and extra class</a>
			</li>
			<li>
				<a href="pattern-test-response.html#hola" rel=".modal!class=panel1">Modal Window, class panel1</a>
			</li>
			<li>
				<a href="pattern-test-response.html#hola" rel=".modal!class=panel2">Modal Window, class panel2</a>
			</li>
		</ul>

		<hr/>
		<div id="autoLoading-test" style="overflow-y:auto; overflow-x: hidden; height: 200px; width:200px;">
			AutoLoading example. Scroll down and the list should grow automatically.

			<ul id="listToUpdate" style="display:block; margin:0;">
				<li>0</li>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
				<li>7</li>
				<li>8</li>
				<li>9</li>
			</ul>
			<p id="buttonBarMore" style="width:150px;">
				<a href="pattern-test-response.html" class="pat-inject pat-autoload-visible" data-pat-inject="append: #listToUpdate && #buttonBarMore">More&hellip;</a>
			</p>
		</div>

		<div id="panel1">
			<ul data-pat-inject="target: #panel2">
				<li><a href="pattern-test-response.html#cata-panel2">Cat A</a></li>
				<li><a href="pattern-test-response.html#catb-panel2">Cat B</a></li>
				<li>etc...</li>
			</ul>
		</div>

		<div id="panel2">
		</div>

		<div id="panel3"></div>
		<div id="panel4"></div>

	</body>
</html>
{'fraction_non_alphanumeric': 0.21439749608763695, 'fraction_numerical': 0.017996870109546165, 'mean_word_length': 3.5170789163722027, 'pattern_counts': {'":': 0, '<': 159, '<?xml version=': 0, '>': 159, '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': '7032179', 'n_tokens_mistral': 1739, 'n_tokens_neox': 1458, 'n_words': 268}