https://github.com/andy23512/monkeytype-cc-extension
An unofficial browser extension for showing layout of CharaChorder 3D input devices (CharaChorder One, CharaChorder Two and Master Forge) at MonkeyType
https://github.com/andy23512/monkeytype-cc-extension
charachorder charachorder-one charachorder-two chrome-extension firefox-addon master-forge monkeytype
Last synced: 23 days ago
JSON representation
An unofficial browser extension for showing layout of CharaChorder 3D input devices (CharaChorder One, CharaChorder Two and Master Forge) at MonkeyType
- Host: GitHub
- URL: https://github.com/andy23512/monkeytype-cc-extension
- Owner: andy23512
- License: mit
- Created: 2025-11-08T22:53:49.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-11-09T01:44:14.000Z (7 months ago)
- Last Synced: 2025-11-09T02:24:58.614Z (7 months ago)
- Topics: charachorder, charachorder-one, charachorder-two, chrome-extension, firefox-addon, master-forge, monkeytype
- Language: TypeScript
- Homepage:
- Size: 5.39 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Monkeytype CC Extension
## Publication Status
| Published Version | Pending Review Version |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- |
| [
](https://chromewebstore.google.com/detail/monkeytype-cc-extension/mhfjhmegecimjbohhdbflkhdfnaadple) | N/A |
| [
](https://addons.mozilla.org/en-US/firefox/addon/monkeytype-cc-extension/) | N/A |
## Link
- [Demonstration video](https://www.youtube.com/watch?v=nwbKUjUmwD4)
- [Dev note](https://andy23512.github.io/blog/cc-extensions-unofficial-extensions-that-display-the-layout-of-charachorder-3d-input-devices-on-typing-websites/)
## Summary
An unofficial browser extension that displays the layout of CharaChorder 3D input devices on [Monkeytype](https://monkeytype.com/)
## Description
An unofficial browser extension that displays the layout of CharaChorder 3D input devices (CharaChorder One, CharaChorder Two, CCU and Master Forge) on [Monkeytype](https://monkeytype.com/).
With this extension, users can familiarize themselves with the layouts of CharaChorder 3D input devices directly on Monkeytype.
After installation, click the extension icon to open an option page, where you can import a device layout file, choose which device layout to display, toggle the thumb-3 switch, and choose an OS keyboard layout.
Clicking the settings button on the layout enters edit mode, allowing you to adjust its position, size, and transparency by dragging, resizing, and scrolling.
### Disclaimer
This extension is not affiliated, associated, authorized, endorsed by, or in any way officially connected with CharaChorder and Monkeytype.
## Development
### Setup
```
yarn
```
### Build
```
yarn build
```
#### Author's build environment
- macOS Tahoe 26.0.1
- Apple M4 Pro Chip
- 24 GB of system memory, 12 cores of CPU
- Node 24.8.0, npm 11.6.0 and yarn 1.22.22
- 270 GB of free disk space
### Build in watch mode
#### terminal
```
yarn watch
```
### Load the built extension
#### Chrome
1. Go to "chrome://extensions/".
2. Open "Developer mode" at top-right.
3. Click "Load unpacked" at top-left.
4. Select "dist" directory.
#### Firefox
1. Go to "about:debugging#/runtime/this-firefox".
2. Click "Load Temporary Add-on".
3. Select any file under the "dist" directory.