Spaces:
Running
Running
<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> | |