hub-xet / index.html
coyotte508
upgrade version
7cc2def
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- polyfill for firefox + import maps -->
<script src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
<script type="importmap">
{
"imports": {
"@huggingface/hub": "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm"
}
}
</script>
<script type="module" src="./app.js"></script>
</head>
<body>
<div class="container mx-auto pt-8 flex flex-col gap-4">
<h2 class="font-bold">@huggingface/[email protected]</h2>
<p>
Select a file from
<a href="https://huggingface.co/celinah/xet-experiments"
>celinah/xet-experiments</a
>
</p>
<select
id="file"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
>
<option
value="dataset1MB.zip"
data-size="1400865"
data-sha="1e5477bbbe868845be3b852d80eec2f1da6570340860668549a6dd5da0b00054"
data-xet-hash="87e19088fd7d31e4a77be3f993d85031f5ecbc8f5ad58668880516209e6ed663"
>
dataset1MB.zip (1,4MB)
</option>
<option
value="large_text.txt"
data-size="62914580"
data-xet-hash="794efea76d8cb372bbe1385d9e51c3384555f3281e629903ecb6abeff7d54eec"
data-sha="c27f98578d9363b27db0bc1cbd9c692f8e6e90ae98c38cee7bc0a88829debd17"
>
large_text.txt (62.9MB)
</option>
<option
value="model133MB.safetensors"
data-size="133610664"
data-sha="35bb6ef696cc88b3d18b7520273dfd25315f6c47d265142ba13bba38678c92b6"
data-xet-hash="bdfd0a89d314f83b7fefed034f2c61133d4b49f7e9eff920dcd4c7062e64adf0"
>
model133MB.safetensors (134MB)
</option>
<option
value="model133MB_bis.safetensors"
data-size="133610664"
data-sha="35bb6ef696cc88b3d18b7520273dfd25315f6c47d265142ba13bba38678c92b6"
data-xet-hash="bdfd0a89d314f83b7fefed034f2c61133d4b49f7e9eff920dcd4c7062e64adf0"
>
model133MB.safetensors (134MB)
</option>
<option
value="model5GB.safetensors"
data-size="5234139343"
data-sha="b933b099f335d0cc95380200bbc3d1dc4b240f0c81e6de1a192b4921142403f8"
data-xet-hash="7b3b6d07673a88cf467e67c1f7edef1a8c268cbf66e9dd9b0366322d4ab56d9b"
>
model5GB.safetensors (5.2GB)
</option>
<option
value="rand1GB_0.safetensors"
data-size="1073741824"
data-sha="5360d7847d01cad7a0d5dd9a3f87d4fb3535ab1becbc5fa7796bb81cfb16acd7"
data-xet-hash="602ffd88da44b7b1cdf94a4abfdbdcf211fe36de2c71d08b5c491fabd3fd92d8"
>
rand1GB_0.safetensors (1.1GB)
</option>
<option
value="rand500MB"
data-size="524288000"
data-sha="8059a3147859009f1841e7df52364f20891709898ebf6150e4d1685103ab7e8f"
data-xet-hash="6d73bd467f35d5b9017f8a6aa358889f10c85a4e3278497382c3d1baaba4fe5a"
>
rand500MB (524MB)
</option>
</select>
<div class="flex gap-2 flex-wrap">
<button
type="button"
id="10kB"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Check first 10 kB
</button>
<button
type="button"
id="100kB"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Check first 100 kB
</button>
<button
type="button"
id="1MB"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Check first MB
</button>
<button
type="button"
id="sequential"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Check 100kB then 1MB in succession
</button>
<button
type="button"
id="sha"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Check full file's sha
</button>
<button
type="button"
id="download"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
>
Download full file
</button>
</div>
<pre
id="output"
style="max-height: 400px; height: 400px; overflow: auto"
class="bg-slate-50 rounded p-2"
></pre>
</div>
</body>
</html>