Restore the revisions easter egg - #13152
Conversation
The revisions easter egg was removed in [24820] because the revisions UI it hooked into was rewritten and its trigger disappeared with it, not because the egg was unwanted. This gives the payload a new home: a command palette loader that returns no commands, and so stays invisible, until its phrase is typed. The 2013 original shipped as a Dean Edwards packed blob. It is unpacked here into readable source and no longer depends on jQuery, since obfuscated code is not GPL source. See #15262. The trigger phrase is still compared through the original Dvorak/QWERTY cipher so that it is not a readable string in the admin bundle; that is the only obfuscation retained, and it is aimed at users rather than developers. The payload is fetched only once the egg has been invoked, so a normal admin page load carries nothing but the loader. It renders into a self-contained overlay instead of taking over the document as the original did. See #24852.
… admin easter egg. Browser testing surfaced three problems with the overlay. The page behind it stayed scrollable, so the overlay measured 15px narrower than the viewport and left a visible scrollbar strip down the side. Scrolling is now locked on the document element while the scene plays and restored when it is dismissed. The scene inserts text one character at a time, and each character landed in the accessibility tree as its own node. The overlay is purely decorative, so it is now marked aria-hidden. Act two ended on an empty black screen with no indication of how to leave it. It now closes on the line the original used as its noscript fallback, which both ends the scene deliberately and hints that the page is still there.
JSHint enforces single-quoted strings in core JS, and jshint:core failed on this one double-quoted literal. It was written that way only because the line contains an apostrophe, so escape the apostrophe instead.
A registered command appears in the palette as soon as its phrase matches, so anyone typing near the phrase is shown the egg rather than discovering it. Nothing is registered now. A keydown handler watches for Enter while the palette is open and acts on the phrase itself, which leaves the palette showing its ordinary "No results found." state throughout, indistinguishable from a search that missed. The handler runs in the capture phase, so it is guarded on the palette being open and the phrase matching before it touches the event. Verified that ordinary palette commands still run and that Enter on a genuinely empty search does nothing. Also drops the now-unused label constant, since no label is rendered.
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the Core Committers: Use this line as a base for the props when committing in SVN: To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Test using WordPress PlaygroundThe changes in this pull request can previewed and tested using a WordPress Playground instance. WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser. Some things to be aware of
For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation. |
|
Calling the files easter-egg-* is probably a bit too obvious, maybe we can come up with something a bit less so. |
The loader is enqueued by name on every admin screen that loads the command palette, so its src appears in the markup of an ordinary page load. A file called easter-egg-loader.js announces that something is hidden before anyone goes looking, which is most of what the egg has to offer. Name both files for what they do instead. The payload types lines onto a fullscreen overlay, so teletype.js and teletype-loader.js describe the mechanism while giving away nothing about the surprise. The script handle, the config global, and the overlay class follow. The docblocks still say plainly what this is. Minification strips them, so they never reach a production page, and a core developer reading the source should not have to guess.
|
Agreed. Renamed to |
Description
Restores the admin easter egg WordPress used to trigger by comparing a revision to itself. It shipped for about a decade and came out in [24820] (see #24852) when the revisions UI was rewritten and the "compare a revision to itself" state stopped existing. It was not removed because anyone objected to it, only because its doorway disappeared.
The command palette is the new doorway. No command is registered: a registered command shows up in the results the moment its phrase matches, which hands the egg to anyone who happens to type near it. Instead a keydown handler watches for Enter while the palette is open and acts on the phrase itself. The palette shows its ordinary "No results found." state throughout, so typing the phrase looks exactly like a search that missed.
The phrase is compared through the same Dvorak/QWERTY substitution cipher the original used, so it is not a readable string in the admin bundle. It can be worked out from the source with a little effort, which seems like about the right amount.
The two files are named for what they do -
teletype.jsandteletype-loader.js- rather than for what they are. The loader is enqueued by name on every admin screen with the palette, so its src is right there in the markup, and a filename with "easter egg" in it gives away most of the fun before anyone goes looking. The docblocks still say plainly what this is; minification strips them, so they never reach a production page.Trac ticket: https://core.trac.wordpress.org/ticket/65907
Notes on the payload
Timings, dialogue, and staging are faithful to the original. A few things needed updating after twelve years:
<blink>andtext-decoration: blinkare both gone from browsers. Replaced with a CSS@keyframesblink, plus aprefers-reduced-motionguard.html/bodyCSS and stripping nodes out of the page's first<p>. The scene now renders into its own overlay and touches nothing on the admin page.aria-hidden. Without it, text typed one character at a time lands in the accessibility tree one node at a time.Only a small loader is added to admin pages. The scene itself is fetched at the moment it is invoked, so a normal admin load carries nothing else.
How has this been tested
Also verified:
grunt jshint:coreandgrunt typecheck:jspass,phpcsis clean.Types of changes
src/js/_enqueues/admin/teletype.js, fetched on demand.src/js/_enqueues/admin/teletype-loader.js, enqueued with the command palette.wp_enqueue_command_palette_assets().admin-jsbuild map.AI Use
Both the code and this description came out of a back and forth with 🤖 Claude Code. I will review and test.