GitHub - y-lakhdar/pretext-breaker · GitHub
/" data-turbo-transient="true" />
Skip to content
Search or jump to...
Search code, repositories, users, issues, pull requests...
-->
Search
Clear
Search syntax tips
Provide feedback
--><br>We read every piece of feedback, and take your input very seriously.
Include my email address so I can be contacted
Cancel
Submit feedback
Saved searches
Use saved searches to filter your results more quickly
-->
Name
Query
To see all available qualifiers, see our documentation.
Cancel
Create saved search
Sign in
/;ref_cta:Sign up;ref_loc:header logged out"}"<br>Sign up
Appearance settings
Resetting focus
You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
{{ message }}
y-lakhdar
pretext-breaker
Public
Notifications<br>You must be signed in to change notification settings
Fork
Star
main
BranchesTags
Go to file
CodeOpen more actions menu
Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit
History<br>3 Commits<br>3 Commits
.github/workflows
.github/workflows
demo
demo
src
src
.gitignore
.gitignore
CHANGELOG.md
CHANGELOG.md
LICENSE
LICENSE
README.md
README.md
knip.config.ts
knip.config.ts
package.json
package.json
pnpm-lock.yaml
pnpm-lock.yaml
pnpm-workspace.yaml
pnpm-workspace.yaml
tsconfig.json
tsconfig.json
View all files
Repository files navigation
pretext-breaker
A configurable text-rendered block breaker easter egg for React apps.
Live demo →
Installation
pnpm add pretext-breaker
Local Development
Install dependencies and build the package:
pnpm install<br>pnpm build
Basic Usage
}">import 'pretext-breaker/styles.css';<br>import { PretextBreaker } from 'pretext-breaker';
export function GlobalEasterEgg() {<br>return PretextBreaker />;
The component listens for the Konami code by default and also activates when the current URL contains ?game=true.
Rspress Adapter
Rspress projects can use the dedicated plugin.
Configuration
PretextBreaker accepts options for the trigger sequence, query parameter, font loading, DOM brick selectors, and game tuning. The defaults work in generic document-like pages. Framework-specific selector presets belong in adapter packages.
Acknowledgements
This project was inspired by rinesh/pretext-breaker. Credit to @rinesh for the original idea.
About
No description, website, or topics provided.
Resources
Readme
License
MIT license
Uh oh!
There was an error while loading. Please reload this page.
Activity
Stars
stars
Watchers
watching
Forks
forks
Report repository
Releases
No releases published
Packages
Uh oh!
There was an error while loading. Please reload this page.
Contributors
Uh oh!
There was an error while loading. Please reload this page.
Languages
TypeScript<br>98.7%
CSS<br>1.3%
You can’t perform that action at this time.