81145eb35f
When translating a logical screen position (columns/rows) to a pixel position, the editor now builds a temporary version of the line for the given row. It then uses the DOM range API to insert an empty range at the correct text node and offset for the given column and determines the left position based on its clientRect. Depending on the speed impact, we may want to optimize this by recycling the existing line node if it exists on screen rather than building a new one every time. We will still have to build one if the line we're moving to isn't on screen yet. We could also increase the chances of the line being on screen by autoscrolling to the vertical position first, and *then* calculating the horizontal position. Lots to explore here.
Atom — Futuristic Text Editing
Building from source
Be forwarned: Atom is pre-alpha software!
Requirements
Mountain Lion
The Setup™
Xcode (Get Xcode from the App Store (ugh, I know))
-
gh-setup atom
-
cd ~/github/atom &&
rake install
Atom is installed! Type atom [path] from the commmand line or find it in /Applications/Atom.app
Your ~/.atom Directory
A basic ~/.atom directory is installed when you run rake install. Take a look at ~/.atom/user.coffee for more information.
Basic Keyboard shortcuts
Atom doesn't have much in the way of menus yet. Use these keyboard shortcuts to explore features.
meta-o : open file/directory
meta-n : new window
meta-t : open fuzzy file finder
meta-: : open command prompt
meta-f : open command prompt with /
meta-g : repeat the last search
meta-r : reload the current window
meta-alt-ctrl-s : run specs
meta-alt-arrows : split screen in direction of arrow
meta-alt-w : toggle word wrap
meta-alt-f : fold selected lines
meta-l : go to line
Most default OS X keybindings also work.
TreeView Keyboard shortcuts
With the treeview focused:
a : Add a new file or directory. Directories end with '/'.
m : Rename a file or directory
Init Script
Atom will require ~/.atom/user.coffee whenever a window is opened or reloaded if it is present in your
home directory. This is a rudimentary jumping off point for your own customizations.
Command Panel
A partial implementation of the Sam command language
Examples
, selects entire file
1,4 selects lines 1-4
/pattern selects the first match after the cursor/selection
s/pattern/replacement replace first text matching pattern in current selection
s/pattern/replacement/g replace all text matching pattern in current selection
,s/pattern/replacement/g replace all text matching pattern in file
1,4s/pattern/replacement replace all text matching pattern in lines 1-4
x/pattern selects all matches in the current selections
,x/pattern selects all matches in the file
,x/pattern1/ x/pattern2 "structural regex" - selects all matches of pattern2 inside matches of pattern1
Key Bindings
Atom has a CSS based key binding scheme. We will add a nicer loading mechanism, but for now you can bind
keys by calling window.keymap.bindKeys with a CSS selector and a hash of key-pattern -> event mappings.
window.keymap.bindKeys '.editor'
'ctrl-p': 'party-time'
'ctrl-q': 'open-dialog-q'
When a keypress matches a pattern on an element that matches the selector, it will be translated to the named event, which will bubble up the DOM from the site of the keypress. Extension code can listen for the named event and react to it.