Fire JS Bin - EventStructure - 20

You can jump to the latest bin by adding /latest to your URL

z

Find

⟲

Replace

⊗ All Replace

var commands = CodeMirror.commands = {
  selectAll: function(cm) {cm.setSelection({line: 0, ch: 0}, {line: cm.lineCount() - 1});},
  killLine: function(cm) {
    var from = cm.getCursor(true), to = cm.getCursor(false), sel = !posEq(from, to);
    if (!sel && cm.getLine(from.line).length == from.ch) cm.replaceRange("", from, {line: from.line + 1, ch: 0});
    else cm.replaceRange("", from, sel ? to : {line: from.line});
  },
  deleteLine: function(cm) {var l = cm.getCursor().line; cm.replaceRange("", {line: l, ch: 0}, {line: l});},
  undo: function(cm) {cm.undo();},
  redo: function(cm) {cm.redo();},
  goDocStart: function(cm) {cm.setCursor(0, 0, true);},
  goDocEnd: function(cm) {cm.setSelection({line: cm.lineCount() - 1}, null, true);},
  goLineStart: function(cm) {cm.setCursor(cm.getCursor().line, 0, true);},
  goLineStartSmart: function(cm) {
    var cur = cm.getCursor();
    var text = cm.getLine(cur.line), firstNonWS = Math.max(0, text.search(/\S/));
    cm.setCursor(cur.line, cur.ch <= firstNonWS && cur.ch ? 0 : firstNonWS, true);
  },
  goLineEnd: function(cm) {cm.setSelection({line: cm.getCursor().line}, null, true);},
  goLineUp: function(cm) {cm.moveV(-1, "line");},
  goLineDown: function(cm) {cm.moveV(1, "line");},
  goPageUp: function(cm) {cm.moveV(-1, "page");},
  goPageDown: function(cm) {cm.moveV(1, "page");},
  goCharLeft: function(cm) {cm.moveH(-1, "char");},
  goCharRight: function(cm) {cm.moveH(1, "char");},
  goColumnLeft: function(cm) {cm.moveH(-1, "column");},
  goColumnRight: function(cm) {cm.moveH(1, "column");},
  goWordLeft: function(cm) {cm.moveH(-1, "word");},
  goWordRight: function(cm) {cm.moveH(1, "word");},
  delCharLeft: function(cm) {cm.deleteH(-1, "char");},
  delCharRight: function(cm) {cm.deleteH(1, "char");},
  delWordLeft: function(cm) {cm.deleteH(-1, "word");},
  delWordRight: function(cm) {cm.deleteH(1, "word");},
  indentAuto: function(cm) {cm.indentSelection("smart");},
  indentMore: function(cm) {cm.indentSelection("add");},
  indentLess: function(cm) {cm.indentSelection("subtract");},
  insertTab: function(cm) {cm.replaceSelection("\t", "end");},
  transposeChars: function(cm) {
    var cur = cm.getCursor(), line = cm.getLine(cur.line);
    if (cur.ch > 0 && cur.ch < line.length - 1)
      cm.replaceRange(line.charAt(cur.ch) + line.charAt(cur.ch - 1),
                      {line: cur.line, ch: cur.ch - 1}, {line: cur.line, ch: cur.ch + 1});
  },
  newlineAndIndent: function(cm) {
    cm.replaceSelection("\n", "end");
    cm.indentLine(cm.getCursor().line);
  },
  toggleOverwrite: function(cm) {cm.toggleOverwrite();}
};

var keyMap = CodeMirror.keyMap = {};
keyMap.basic = {
  "Left": "goCharLeft", "Right": "goCharRight", "Up": "goLineUp", "Down": "goLineDown",
  "End": "goLineEnd", "Home": "goLineStartSmart", "PageUp": "goPageUp", "PageDown": "goPageDown",
  "Delete": "delCharRight", "Backspace": "delCharLeft", "Tab": "insertTab", "Shift-Tab": "indentAuto",
  "Enter": "newlineAndIndent", "Insert": "toggleOverwrite"
};
// Note that the save and find-related commands aren't defined by
// default. Unknown commands are simply ignored.
keyMap.pcDefault = {
  "Ctrl-A": "selectAll", "Ctrl-D": "deleteLine", "Ctrl-Z": "undo", "Shift-Ctrl-Z": "redo", "Ctrl-Y": "redo",
  "Ctrl-Home": "goDocStart", "Alt-Up": "goDocStart", "Ctrl-End": "goDocEnd", "Ctrl-Down": "goDocEnd",
  "Ctrl-Left": "goWordLeft", "Ctrl-Right": "goWordRight", "Alt-Left": "goLineStart", "Alt-Right": "goLineEnd",
  "Ctrl-Backspace": "delWordLeft", "Ctrl-Delete": "delWordRight", "Ctrl-S": "save", "Ctrl-F": "find",
  "Ctrl-G": "findNext", "Shift-Ctrl-G": "findPrev", "Shift-Ctrl-F": "replace", "Shift-Ctrl-R": "replaceAll",
  "Ctrl-[": "indentLess", "Ctrl-]": "indentMore",
  fallthrough: "basic"
};
keyMap.macDefault = {
  "Cmd-A": "selectAll", "Cmd-D": "deleteLine", "Cmd-Z": "undo", "Shift-Cmd-Z": "redo", "Cmd-Y": "redo",
  "Cmd-Up": "goDocStart", "Cmd-End": "goDocEnd", "Cmd-Down": "goDocEnd", "Alt-Left": "goWordLeft",
  "Alt-Right": "goWordRight", "Cmd-Left": "goLineStart", "Cmd-Right": "goLineEnd", "Alt-Backspace": "delWordLeft",
  "Ctrl-Alt-Backspace": "delWordRight", "Alt-Delete": "delWordRight", "Cmd-S": "save", "Cmd-F": "find",
  "Cmd-G": "findNext", "Shift-Cmd-G": "findPrev", "Cmd-Alt-F": "replace", "Shift-Cmd-Alt-F": "replaceAll",
  "Cmd-[": "indentLess", "Cmd-]": "indentMore",
  fallthrough: ["basic", "emacsy"]
};
keyMap["default"] = mac ? keyMap.macDefault : keyMap.pcDefault;
keyMap.emacsy = {
  "Ctrl-F": "goCharRight", "Ctrl-B": "goCharLeft", "Ctrl-P": "goLineUp", "Ctrl-N": "goLineDown",
  "Alt-F": "goWordRight", "Alt-B": "goWordLeft", "Ctrl-A": "goLineStart", "Ctrl-E": "goLineEnd",
  "Ctrl-V": "goPageUp", "Shift-Ctrl-V": "goPageDown", "Ctrl-D": "delCharRight", "Ctrl-H": "delCharLeft",
  "Alt-D": "delWordRight", "Alt-Backspace": "delWordLeft", "Ctrl-K": "killLine", "Ctrl-T": "transposeChars"
};

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <pre>
// editors
editor.onKeyEvent:
	(keydown)
		controls.key >>
		panels.lints.change.delay
		panels.diff.change.delay
		panels.live.update.delay

editor.onFocus:
	controls.autocomplete.close
	(focus changed)
		controls.update
		controls.search

editor.onChange:
	editor.totalLineCount
	(editors populated)
		(live panel opened)
			panels.live.update
		(code changed onece)
			panels.change >>
		panels.diff.update
		panels.lints.update

editor.onCursorActivity:
	editor.setActiveLine
	controls.search.highlight
	panels.cursor.update
	panels.hint.update

editor.onScroll:
	controls.autocomplete.close
	panels.lints.change.delay
	panels.diff.change.delay
	panels.live.update.delay

// controls
controls.key:
	this.search
	(html)
		editor.closeTag
	(not mobile)
		this.autocomplete >>
	this.zenCoding

controls[remote-access]:
	this.key >>
	(not happen)
		panels.key >>
	(not happen)
		editor.triggerOnKeyDown

controls.search:
	(find in repo)
		datas.focus

contorls.autocomplete:
	panels.hint.update
	(changed option)
		panels.hint.update

// datas
datas.setup:
	(support pushState)
		(not popstate trigger)
			history.pushState
		(data)
			editors.populate
			controls.libraries.reset
		(code change or no data data)
			panels.diff.clear
			panels.lints.clear
		(preview panel opened)
			panels.draw >>
		(live panel opened)
			panels.live.update
		panels.lints.update
		panels.change >>
		editors.ready
		this.update

datas[popstate]:
	datas.focus >>
	this.setup >>

datas[actions]:
	editors.scrollTo
	this.unready
	this.focus >>
	this.setup >>

datas.focus:
	this.repo.focus.change
	editors.focus

// panels
panels.draw:
	this.views.render
	(show preview)
		this.preview.render
	(show live)
		this.live.render
	(show js or css or html)
		lints.change
		diff.change
	controls.update

panels.key:
	(action)
		action.call
	(not happen and no trigger)
		controls.key >>

panels.revert:
	(confirm)
		controls.libraries.reset
		editors.populate
		this.cursor.reset
		this.change >>

panels.title:
	this.share.update
		this.tinycon.update

panels.change:
	this.reverts.update
	(reverted or onload)
		this.diff.update
		this.lints.update
	this.title.update >>
	datas.change

//app
app.ready:
	panels.share.init
	datas.focus >>
	(not mobile)
		editor.focus
	panels.draw >>
	panels.change >>
</pre>
</body>
</html>