sprigsy-editor/src/routes/+page.svelte
2025-01-12 12:56:21 -05:00

58 lines
1.6 KiB
Svelte

<script>
import CodeEditor from '$lib/CodeEditor.svelte';
import Tab from '$lib/components/Tab.svelte';
let tab = 'code';
let code = '';
</script>
<div class="flex h-full! w-full select-none flex-col bg-base-100">
<nav class="flex flex-row">
<Tab bind:tab>
{#snippet _settings()}<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"
/>
</svg>
{/snippet}
{#snippet _code()}Code{/snippet}
{#snippet _test()}Test{/snippet}
{#snippet _tunes()}Tunes{/snippet}
{#snippet _sprites()}Sprites{/snippet}
{#snippet _maps()}Maps{/snippet}
</Tab>
<div class="flex grow items-center justify-end">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"
/>
</svg>
</div>
</nav>
{#if tab === 'code'}
<CodeEditor bind:code />
{:else if ['tunes', 'sprites', 'maps'].includes(tab)}
Not implemented
{:else if tab === 'settings'}
(Settings tab)
{:else if tab === 'test'}
This will have the game screen
{/if}
</div>