<commit_before><!DOCTYPE html>
<html xmlns:hf="HyperFrameset">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="frameset.css" />
<style>
.remove { background-color: red; color: white; }
.noframeset { border: 2px solid blue; }
*[id] { margin: 0.5em; border: 1px dashed black; }
hf\:frame { display: block; margin: 0.5em; border: 2px dotted black; }
</style>
<style>
.style-fail { display: none; }

body { background-color: #ffffff; }
nav ul { margin: 0; padding: 0; }
nav li { display: inline; list-style: outside none; margin: 0.1em; padding: 0.25em 1em; background-color: #dddddd; }
#panner { background-color: #77ff77; color: #ffffff; text-align: center; }
.hidden { display: none; }
</style>
<script for="hf:frameset">
({
	getTarget: function(url, details) { return 'hf_main'; }
})
</script>
<script for="hf:frame">
({
	entering: function(msg) { document.getElementById('panner').className = ''; }
})
</script>
</head>
<body>
<style>
.style-in-body-fail { display: none; }
</style>

<hf:frame name="hf_top" src="scope:./index.html" type="html">
	<hf:body transform="ht" format="css">
	
		<h1 expr:.text=".title {.text}">{{title}}</h1>
		<commit_msg>HFrame replaces a <hf:frame> with <div is="hf:frame">, etc. Incorporate this change into the test frameset.<commit_after><!DOCTYPE html>
<html xmlns:hf="HyperFrameset">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="frameset.css" />
<style>
.remove { background-color: red; color: white; }
.noframeset { border: 2px solid blue; }
*[id] { margin: 0.5em; border: 1px dashed black; }
div[is=hf\:frame] { display: block; margin: 0.5em; border: 2px dotted black; }
</style>
<style>
.style-fail { display: none; }

body { background-color: #ffffff; }
nav ul { margin: 0; padding: 0; }
nav li { display: inline; list-style: outside none; margin: 0.1em; padding: 0.25em 1em; background-color: #dddddd; }
#panner { background-color: #77ff77; color: #ffffff; text-align: center; }
.hidden { display: none; }
</style>
<script for="hf:frameset">
({
	getTarget: function(url, details) { return 'hf_main'; }
})
</script>
<script for="hf:frame">
({
	entering: function(msg) { document.getElementById('panner').className = ''; }
})
</script>
</head>
<body>
<style>
.style-in-body-fail { display: none; }
</style>

<hf:frame name="hf_top" src="scope:./index.html" type="html">
	<hf:body transform="ht" format="css">
	
		<h1 expr:.text=".title {.text}">{{title}}</h1>
		
{'fraction_non_alphanumeric': 0.201984126984127, 'fraction_numerical': 0.01746031746031746, 'mean_word_length': 5.163814180929095, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 47, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '3186749', 'n_tokens_mistral': 970, 'n_tokens_neox': 910, 'n_words': 232}