Spaces:
Running
Running
File size: 5,826 Bytes
fcccc22 b8ecebf 7cc2def b8ecebf 7cc2def b8ecebf 3ecd186 b8ecebf 3ecd186 b8ecebf 3ecd186 b8ecebf 5c363ca a8ea0ec 5c363ca b8ecebf fcccc22 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
<!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>
|