36 lines
1.1 KiB
Svelte
36 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { cursorPositionOnScreen } from "../../events/cursor";
|
|
import { friendsCursorPositions } from "../../events/friend-cursor";
|
|
import { appData } from "../../events/app-data";
|
|
import { sceneInteractive } from "../../events/scene-interactive";
|
|
import {
|
|
friendsPresenceStates,
|
|
currentPresenceState,
|
|
} from "../../events/user-status";
|
|
import { invoke } from "@tauri-apps/api/core";
|
|
import DebugBar from "./components/debug-bar.svelte";
|
|
</script>
|
|
|
|
<div class="w-svw h-svh p-4 relative overflow-hidden">
|
|
<button
|
|
class="absolute inset-0 z-10 size-full"
|
|
aria-label="Deactive scene interactive"
|
|
onmousedown={async () => {
|
|
await invoke("set_scene_interactive", {
|
|
interactive: false,
|
|
shouldClick: true,
|
|
});
|
|
}}> </button
|
|
>
|
|
<div id="debug-bar">
|
|
<DebugBar
|
|
isInteractive={$sceneInteractive}
|
|
cursorPosition={$cursorPositionOnScreen}
|
|
presenceStatus={$currentPresenceState?.presenceStatus ?? null}
|
|
friendsCursorPositions={$friendsCursorPositions}
|
|
friends={$appData?.friends ?? []}
|
|
friendsPresenceStates={$friendsPresenceStates}
|
|
/>
|
|
</div>
|
|
</div>
|