* feat(shadertoy): add fullscreen support Add fullscreen toggle button that appears when the host supports fullscreen display mode. Uses the same pattern as pdf-server: - Check availableDisplayModes in host context - Show/hide button based on capability - Toggle between inline and fullscreen via requestDisplayMode() - Update UI state on host context changes 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> * fix(shadertoy): button visibility after exiting fullscreen + Escape key - Only update button visibility when availableDisplayModes is present in context (partial updates don't include all fields) - Add Escape key handler to exit fullscreen mode 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
23 lines
935 B
HTML
23 lines
935 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="color-scheme" content="light dark">
|
|
<title>ShaderToy Renderer</title>
|
|
</head>
|
|
<body>
|
|
<main class="main">
|
|
<canvas id="canvas"></canvas>
|
|
<button id="fullscreen-btn" class="fullscreen-btn" title="Toggle fullscreen">
|
|
<svg class="expand-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/>
|
|
</svg>
|
|
<svg class="collapse-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"/>
|
|
</svg>
|
|
</button>
|
|
</main>
|
|
<script type="module" src="/src/mcp-app.ts"></script>
|
|
</body>
|
|
</html>
|