Skip to content

Playground mobile improvements#10018

Merged
timotheeguerin merged 15 commits intomicrosoft:mainfrom
timotheeguerin:playground-mobile
Mar 18, 2026
Merged

Playground mobile improvements#10018
timotheeguerin merged 15 commits intomicrosoft:mainfrom
timotheeguerin:playground-mobile

Conversation

@timotheeguerin
Copy link
Member

@timotheeguerin timotheeguerin commented Mar 13, 2026

Some tweaks to the playground to make it more mobile friendly

  1. Add a selector to show either the input, output or both to
  2. Most command bar actions are moved under a .. sub menu
image image image

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 13, 2026 •
edited
Loading

Open in StackBlitz

npm i https://pkg.pr.new/@typespec/playground@10018

commit: 8c8c2dc

@github-actions
Copy link
Contributor

github-actions bot commented Mar 13, 2026 •
edited
Loading

All changed packages have been documented.

  • ✅ @typespec/playground
Show changes

@typespec/playground - feature ✏️

Make UI more mobile friendly. ,> - Add a new switch to toggle between TypeSpec and output panels,> - Command bar hides less important tools behind ...,> - [API] Update custom toolbar to take a menu item instead of generic react node.

@azure-sdk
Copy link
Collaborator

azure-sdk commented Mar 13, 2026 •
edited
Loading

You can try these changes here

🛝 Playground 🌐 Website 🛝 VSCode Extension

@timotheeguerin
tweak name
409c449
@timotheeguerin
Change changeKind to feature and improve mobile UI
22dae1f 
Make UI more mobile friendly by adding a toggle switch, hiding less important tools, and updating the custom toolbar.
@timotheeguerin
simplify
c885fd2
@timotheeguerin
organize and tests
0d61d9b
@timotheeguerin
Cleaner
9d2e3e2
@timotheeguerin timotheeguerin changed the title Playground mobile improvments Playground mobile improvements Mar 13, 2026
@timotheeguerin timotheeguerin marked this pull request as ready for review March 13, 2026 22:39
markcowl
markcowl reviewed Mar 13, 2026
View reviewed changes
@timotheeguerin timotheeguerin added this pull request to the merge queue Mar 18, 2026
Merged via the queue into microsoft:main with commit cfcfad5 Mar 18, 2026
29 of 30 checks passed
@timotheeguerin timotheeguerin deleted the playground-mobile branch March 18, 2026 20:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@markcowl markcowl markcowl approved these changes

@bterlson bterlson Awaiting requested review from bterlson bterlson is a code owner

@witemple-msft witemple-msft Awaiting requested review from witemple-msft witemple-msft is a code owner

@chrisradek chrisradek Awaiting requested review from chrisradek chrisradek is a code owner

@AlitzelMendez AlitzelMendez Awaiting requested review from AlitzelMendez AlitzelMendez is a code owner

Assignees

No one assigned

Labels

meta:website TypeSpec.io updates ui:playground

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@timotheeguerin @azure-sdk @markcowl