Michael Mainguy
0c03253c9a
All checks were successful
Build / build (push) Successful in 1m33s
Shows a button that uses Meta's Web Launch to send the current URL to the user's Quest headset. Hidden when already browsing on Quest. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
47 lines
1.6 KiB
Svelte
47 lines
1.6 KiB
Svelte
<script lang="ts">
|
|
import { Link } from 'svelte-routing';
|
|
import { authStore } from '../../stores/auth';
|
|
import UserProfile from '../auth/UserProfile.svelte';
|
|
|
|
let visible = false;
|
|
|
|
// Show header when not in game
|
|
$: visible = true; // We'll control visibility via parent component if needed
|
|
|
|
// Detect if running in Quest browser (don't show "Play on Quest" button if already on Quest)
|
|
const isQuestBrowser = typeof navigator !== 'undefined'
|
|
&& /OculusBrowser/i.test(navigator.userAgent);
|
|
|
|
// Generate Meta Web Launch URL to send current page to Quest headset
|
|
$: webLaunchUrl = typeof window !== 'undefined'
|
|
? `https://www.oculus.com/open_url/?url=${encodeURIComponent(window.location.href)}`
|
|
: '';
|
|
</script>
|
|
|
|
{#if visible}
|
|
<header class="app-header" id="appHeader">
|
|
<div class="header-content">
|
|
<div class="header-left">
|
|
<h1 class="app-title">Space Combat VR</h1>
|
|
</div>
|
|
<nav class="header-nav">
|
|
{#if !isQuestBrowser}
|
|
<a href={webLaunchUrl} target="_blank" rel="noopener noreferrer" class="nav-link quest-link">
|
|
🥽 Play on Quest
|
|
</a>
|
|
{/if}
|
|
<Link to="/controls" class="nav-link controls-link">🎮 Customize Controls</Link>
|
|
<Link to="/leaderboard" class="nav-link leaderboard-link">🏆 Leaderboard</Link>
|
|
<UserProfile />
|
|
<Link to="/editor" class="nav-link editor-link">📝 Level Editor</Link>
|
|
<Link to="/settings" class="nav-link settings-link">⚙️ Settings</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
{/if}
|
|
|
|
<style>
|
|
/* Inherits from global styles.css */
|
|
/* .app-header, .header-content, etc. are already defined */
|
|
</style>
|