feat: Add shortcuts for Ctrl+Enter, CMD+Return, CMD+A

circlecell · Jul 19, 2017 · cb87bf0 · cb87bf0
1 parent cbb9f54
commit cb87bf0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/frontend/Messages.js b/packages/frontend/Messages.js
@@ -4,7 +4,7 @@ import bindNode from 'matreshka/bindnode';
 import display from 'matreshka/binders/display';
 
 export default class Messages extends MatreshkaArray {
-    itemRenderer = '<pre class="result-item">{{ line }}:{{ column }} {{ type }} {{ message }} (<a href="{{ link }}" target="_blank">{{ ruleId }}</a>) </pre>';
+    itemRenderer = '<pre class="result-item">{{ line }}:{{ column }} {{ type }} {{ message }} <span class="result-link">(<a href="{{ link }}" target="_blank">{{ ruleId }}</a>)</span> </pre>';
     constructor(data, parent) {
         super()
             .bindNode({
@@ -18,7 +18,12 @@ export default class Messages extends MatreshkaArray {
             .on('*@render', ({ self }) => {
                 calc(self, 'type', 'severity', severity => (severity === 1 ? 'warning' : 'error'));
                 calc(self, 'link', 'ruleId', (ruleId) => {
+                    if (!ruleId) {
+                        return null;
+                    }
+
                     const [groupName, ruleName] = ruleId.split('/');
+
                     if (!ruleName) {
                         return `http://eslint.org/docs/rules/${groupName}`;
                     }
@@ -38,6 +43,8 @@ export default class Messages extends MatreshkaArray {
                         node.classList.add(`result-${type}`);
                     }
                 });
+
+                bindNode(self, 'link', ':sandbox .result-link', display());
             });
     }
 }
diff --git a/packages/frontend/index.js b/packages/frontend/index.js
@@ -62,6 +62,12 @@ module.exports = new class App extends MatreshkaObject {
             })
             .init();
 
+        this.nodes.code.nextElementSibling.CodeMirror.addKeyMap({
+            'Ctrl-Enter': () => this.lint(),
+            'Cmd-Enter': () => this.lint(),
+            'Cmd-A': inst => inst.execCommand('selectAll')
+        });
+
         this.messages.calc('noErrors', { object: this, key: 'noErrors' });
     }