Spaces:
Running
Running
File size: 2,521 Bytes
06a4efd c144f47 aadcf2f 06a4efd fdbe768 06a4efd fdbe768 06a4efd |
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 |
<!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": {
"@microsoft/fetch-event-source": "https://cdn.jsdelivr.net/npm/@microsoft/[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">
<form id="build-form" class="flex flex-col gap-4">
<input
id="hf-token"
type="text"
placeholder="hf_..."
required
class="border rounded p-2"
/>
<input
id="space-name"
type="text"
placeholder="Space Name"
required
class="border rounded p-2"
/>
<p class="text-sm text-gray-500">
You can duplicate an example space at
<a
href="https://huggingface.co/spaces/coyotte508/static-vite?duplicate=true"
target="_blank"
class="text-blue-500 hover:underline"
>
https://huggingface.co/spaces/coyotte508/static-vite?duplicate=true
</a>
</p>
<input
id="build-command"
type="text"
value="npm run build"
required
class="border rounded p-2"
/>
<input
id="output-path"
type="text"
value="dist/index.html"
required
class="border rounded p-2"
/>
<button
type="submit"
class="bg-blue-500 text-white rounded p-2 hover:bg-blue-600 self-start"
>
Submit
</button>
</form>
<p>Output</p>
<pre
id="output"
style="max-height: 400px; height: 400px; overflow: auto"
class="bg-slate-50 rounded p-2"
></pre>
<p>Job logs</p>
<pre
id="log-output"
style="max-height: 400px; height: 400px; overflow: auto"
class="bg-slate-50 rounded p-2"
></pre>
<p>Job events</p>
<pre
id="event-output"
style="max-height: 400px; height: 400px; overflow: auto"
class="bg-slate-50 rounded p-2"
></pre>
</div>
</body>
</html>
|