Skip to content

Add fullscreen button to threejs-server#446

Open
ochafik wants to merge 4 commits intomainfrom
claude/add-fullscreen-button-x6T7O
Open

Add fullscreen button to threejs-server#446
ochafik wants to merge 4 commits intomainfrom
claude/add-fullscreen-button-x6T7O

Conversation

@ochafik
Copy link
Contributor

@ochafik ochafik commented Feb 12, 2026

Adds a fullscreen toggle button to the Three.js example app.

Changes

  • Fullscreen button (top-right, appears on hover) with expand/collapse SVG icons
  • Uses requestDisplayMode API to toggle between inline and fullscreen
  • Syncs display mode from host context
  • Escape key exits fullscreen
  • CSS for button styling, hover effects, and fullscreen-specific adjustments
  • Simplified wrapper: pass app instance directly as a prop instead of wrapping each method in useCallback

Only touches examples/threejs-server/ (3 files).

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 12, 2026

Open in StackBlitz

@modelcontextprotocol/ext-apps

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/ext-apps@446

@modelcontextprotocol/server-basic-react

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-basic-react@446

@modelcontextprotocol/server-basic-vanillajs

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-basic-vanillajs@446

@modelcontextprotocol/server-budget-allocator

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-budget-allocator@446

@modelcontextprotocol/server-cohort-heatmap

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-cohort-heatmap@446

@modelcontextprotocol/server-customer-segmentation

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-customer-segmentation@446

@modelcontextprotocol/server-map

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-map@446

@modelcontextprotocol/server-pdf

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-pdf@446

@modelcontextprotocol/server-scenario-modeler

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-scenario-modeler@446

@modelcontextprotocol/server-shadertoy

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-shadertoy@446

@modelcontextprotocol/server-sheet-music

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-sheet-music@446

@modelcontextprotocol/server-system-monitor

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-system-monitor@446

@modelcontextprotocol/server-threejs

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-threejs@446

@modelcontextprotocol/server-transcript

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-transcript@446

@modelcontextprotocol/server-video-resource

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-video-resource@446

@modelcontextprotocol/server-wiki-explorer

npm i https://pkg.pr.new/modelcontextprotocol/ext-apps/@modelcontextprotocol/server-wiki-explorer@446

commit: 899d9e2

@ochafik ochafik marked this pull request as ready for review February 12, 2026 14:11
@ochafik ochafik marked this pull request as draft February 12, 2026 14:11
@ochafik
Copy link
Contributor Author

ochafik commented Feb 12, 2026

/update-snapshots

@ochafik ochafik marked this pull request as ready for review February 12, 2026 15:40
@ochafik ochafik marked this pull request as draft February 12, 2026 15:43
@ochafik ochafik force-pushed the claude/add-fullscreen-button-x6T7O branch from 2d9b52f to 92b8b46 Compare February 12, 2026 15:48
@ochafik ochafik changed the title Add fullscreen display mode support to Three.js app Add fullscreen button to threejs-server Feb 12, 2026
@ochafik ochafik marked this pull request as ready for review February 12, 2026 15:48
@ochafik ochafik force-pushed the claude/add-fullscreen-button-x6T7O branch from 094f40d to 43da11c Compare February 13, 2026 18:18
jonathanhefner
jonathanhefner previously approved these changes Feb 13, 2026
Co-authored-by: Jonathan Hefner <jonathan@hefner.pro>
Co-authored-by: Jonathan Hefner <jonathan@hefner.pro>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants