Loading video...

Video Failed to Load

Go Home

Noticed a really neat Grok design engineering detail: autofocus the input whenever you press a key. Time-saving and reduces the user input error rate. Great Next.js app router app overall, fast & reliable.

301,757 views • 1 year ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

day 4 of building an OpenCode clone from scratch i have a newfound appreciation for how good this tool is, and how much attention to detail was put into making it. here is what i managed to clone, and problems i've encountered: 1. scrollable autocomplete. mouse click to select, mousewheel to scroll, arrow keys that auto-scroll when you hit the edge, enter to confirm, sounds simple, but remember that this is a CLI tool, not a web app, all of this has to be implemented from the ground up 2. toast notifications in the terminal, success/error/info variants, auto-dismiss, easily triggerable through context 3. modal dialogs with backdrop overlay, click-outside-to-close, escape to dismiss, focus trapping so the content behind stops capturing input, again, seems simple, but the concept of a "dialog" does not exist in the terminal, so implementing it is way harder 4. built a responder chain for keyboard input, only the topmost layer owns the keyboard. ctrl+c walks down: dialog > command menu > clear input > exit. had to invent this because there's no built-in focus management in a terminal 5. generic command actions. each command gets a context with toast, dialog, and navigate (easily extendable for further features) 6. react-router with a memory router in a terminal app. navigate between screens with the same patterns as web 7. (mock) session view with user/bot message components. thinking indicator, model info footer, mode-colored borders when you use opencode, you don't think about these things, but there is a million little details they thought of. absolutely insane and cracked team Anomaly

Code With Antonio

69,394 views • 5 months ago