Skip to content

fix(AppShell): editor toolbar tweaks (Home routing, Discord/GitHub links, autocapitalize) - #1910

Merged
alexwarren merged 5 commits into
mainfrom
appshell-editor-tweaks
Jul 21, 2026
Merged

fix(AppShell): editor toolbar tweaks (Home routing, Discord/GitHub links, autocapitalize)#1910
alexwarren merged 5 commits into
mainfrom
appshell-editor-tweaks

Conversation

@alexwarren

Copy link
Copy Markdown
Contributor

Summary

  • Add Discord and GitHub links to the Home header and the editor Toolbar (shown regardless of showHome)
  • Route the toolbar Home button to the Create tab (/open) instead of root
  • Disable autocapitalize on editor text inputs

Test plan

  • npm run dev in src/AppShell and confirm Home button navigates to /open
  • Confirm Discord/GitHub links render and open correctly on both Home header and editor toolbar
  • Confirm editor text inputs no longer autocapitalize on mobile
  • tests/e2e/verify-appshell-home-button.mjs and tests/e2e/verify-appshell-home-header-links.mjs pass

🤖 Generated with Claude Code

Mobile/tablet keyboards were auto-capitalizing the first letter typed
into script expressions, attribute values, and other fields where case
matters, silently corrupting scripting keywords and identifiers.
The Home button previously went to root, which is the Play tab when
PUBLIC_SHOW_HOME is true — a dead end for someone mid-edit, since
they got to the editor from Create in the first place. Also wraps the
toolbar's filename/save-chip cluster in a flex container and cleans
up save-chip button styling (no border, inherited font).
Small icon links next to the Quest Viva logo, visible on both the
Play and Create tabs whenever the shell has its own chrome (Electron
desktop app and play.questviva.com) — matching the GitHub
Discussions/Discord links on the v5 desktop app's welcome screen.
They previously only appeared in HomeHeader (Play/Create tabs), so
they'd vanish once you opened a game and landed on /edit. Toolbar.svelte
now shows the same two links at the end of its trailing button
cluster, same corner as HomeHeader, gated on the same PUBLIC_SHOW_HOME
flag already used for its Home button.

Also factors the icon SVGs out into DiscordIcon.svelte/GithubIcon.svelte
(lucide, the icon set otherwise used throughout AppShell, deliberately
ships no brand/logo icons) now that they're needed in two places.
Unlike HomeHeader (only rendered when PUBLIC_SHOW_HOME is true to
begin with), the Toolbar is the one place that's always present
regardless of deployment — gating it on that flag was an unverified
assumption that textadventures.co.uk's surrounding site chrome
already links out to Discord/GitHub. Just show them unconditionally.
@alexwarren
alexwarren enabled auto-merge (squash) July 21, 2026 16:50
@alexwarren
alexwarren merged commit 46889b6 into main Jul 21, 2026
7 checks passed
@alexwarren
alexwarren deleted the appshell-editor-tweaks branch July 21, 2026 16:51
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.

1 participant