• Stars
    star
    453
  • Rank 96,573 (Top 2 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Great for live coding presentations, impressing your friends, or just trying to look busy at work.

VSCode Hacker Typer

Great for live coding presentations, impressing your friends, or just trying to look busy at work.

Promotional video

Hacker Typer allows you to record yourself programming, and to replay the same keystrokes by wildly mashing any key. Supports typing, editing, selections (including multicursor) and autocompletions. Basically, it looks like you have programming superpowers.

๐Ÿ˜ณ See it live in action: Writing Code Like a Real Hacker - Reactivate X, London

โฌ‡๏ธ Download the extension from Visual Studio Code Marketplace

๐Ÿ—ฏ "This is Unix, I know this! Asdfkdhsur dueuekdnfh sueekgkvins dicodksbry" โ€” @mwarger

Features

  • Record and replay macros.
  • Insert stop points, so you don't accidentally overrun your talking point while live coding.

How to use Hacker Typer

Record a macro

  1. Open a file or a new VSCode window.
  2. Execute HackerTyper: Record Macro command from the command palette.
  3. The current content and selections of the active editor will be snapshotted.
  4. Start typing code. Every keystore is recorded into an in-memory buffer, including deletions, selection changes, etc.
  5. When you're ready, execute HackerTyper: Save Macro command from the command palette.
  6. Give your macro a name.
  7. You're done!

Replay a macro

  1. Open a file or a new VSCode window.
  2. Execute HackerTyper: Play Macro command from the command palette.
  3. Pick your previously saved macro.
  4. The active workspace will be reset to the initial starting point from the beginning of the recording. If there is no active text editor, a new anonymous unsaved file will be opened.
  5. Start hammering your keyboard like a mad-person.
  6. WHOA HOW ARE YOU TYPING SO FAST
  7. Cmd+Shift+Backspace will move the buffer backwards. Any other key moves it forward.
  8. Feel free to move around the file, highlight code etc. When you continue typing, the next character will be inserted where you did while recording.

Stop points

While in recording mode, execute HackerTyper: Insert Soft Stop Point command from the command palette.

When you hit a stop point while in replay mode, you need to press ENTER to break out of the stop point. All other keystrokes are ignored until you break out.

Current limitations

  • Only supports single file macros #11
  • If you make a mistake while recording, you have to start over. User experience could be wildly improved here
  • When starting from existing active editor, the document language is not restored from the macro (see vscode#1800)

License

MIT

More Repositories

1

git-notify

๐Ÿ™‰ ๐Ÿ“ฃ Communicate important updates to your team via git commit messages
TypeScript
1,346
star
2

jest-clean-console-reporter

A Jest Reporter to group, hide and prettify spammy console warnings
JavaScript
541
star
3

react-native-chat-tutorial

A step-by-step tutorial to create your own Chat app with React Native
JavaScript
277
star
4

css-properly

Write CSS Properly ๐Ÿ‡ฌ๐Ÿ‡ง๐Ÿง
JavaScript
235
star
5

vscode-live-frame

Run your web app inside VS Code
TypeScript
206
star
6

react-native-reversed-flat-list

[DEPRECATED] A reversed React Native FlatList, useful for creating performant bottom-anchored lists for chats and whatnot
JavaScript
136
star
7

NaNoWriMo

Wallet - A Novel for National Novel Writing Month 2018
JavaScript
28
star
8

is-it-over

It's so over. No wait, we're back.
TypeScript
27
star
9

redux-offline-example

โ˜• Something brewin' here. Come back next week.
JavaScript
19
star
10

react-native-animated-playground

Shared transitions with React Native Animated
JavaScript
17
star
11

react-native-snap-demo

A "Snapchat" demo app for React Native for Beginners course
JavaScript
13
star
12

cloudflare-pages-react-sqlite-starter

Vite on Cloudflare Pages
TypeScript
12
star
13

cycle-react-native-example

Sample application for using Cycle.js with React Native (CycleConf 2016)
JavaScript
10
star
14

react-native-training-chat-server

A client library for a chat server to be used in React Native training
JavaScript
9
star
15

jevakallio.dev

My personal website
HTML
8
star
16

hello-worker

Experimenting with CloudFlare Workers and Durable Objects. Nothing to see here.
Shell
6
star
17

SharedTransitions

Experiments with React Native shared element transitions
JavaScript
6
star
18

crna-pull-request-preview

Deprecated. Go to: https://github.com/FormidableLabs/appr
JavaScript
6
star
19

react-derivable-tools

Utilities for using DerivableJS with React
JavaScript
6
star
20

needly

A tiny JavaScript dependency injector / service locator
JavaScript
4
star
21

habbit

Old habits die hard. These birds just keep dying.
TypeScript
4
star
22

jargon-of-the-day

3
star
23

react-native-snap-camera

A Camera component for React Native For Beginners course
JavaScript
2
star
24

restless-london

RESTless London Meetup website
JavaScript
2
star
25

victory-composed

Ready-made composed Victory components
JavaScript
2
star
26

react-native-snap-drag

Building blocks for React Native For Beginners course
JavaScript
2
star
27

foamblog

Open Foam
HTML
1
star
28

hidden-helsinki

JavaScript
1
star
29

party-daemons

Partykit Implementation of AI Daemons
TypeScript
1
star
30

foam-launcher

Just prototyping. Nothing to see here
JavaScript
1
star
31

pepperoni-hackathon-app

JavaScript
1
star
32

partyflags

WIP
TypeScript
1
star
33

partykit-onfetch-routing

Example of using PartyKit onFetch to do dynamic routing to rooms using cookies
TypeScript
1
star
34

kallio-prototype

Protoype for Helsinki-based city adventure game
JavaScript
1
star