Add a new plugin for customizing actions available on hits

Author: tadast

jest.config.js

@@ -43,6 +43,7 @@ module.exports = {
     moduleNameMapper: {
         'report_plugins': '<rootDir>/public/js/null_plugins/report_plugins.js',
         'download_links': '<rootDir>/public/js/null_plugins/download_links.js',
+        'hit_buttons': '<rootDir>/public/js/null_plugins/hit_buttons.js',
     },
     watchPlugins: [
         'jest-watch-typeahead/filename',

package.json

@@ -10,11 +10,11 @@
   },
   "scripts": {
     "watch": "webpack --watch",
-    "watch-cloud": "webpack --watch --env=reportPluginsPath='../sequence_server_js_extensions/report_plugins.js' --env=downloadLinks='../sequence_server_js_extensions/conserved_domains/download_links.js'",
+    "watch-cloud": "webpack --watch --env=reportPluginsPath='../sequence_server_js_extensions/report_plugins.js' --env=downloadLinks='../sequence_server_js_extensions/conserved_domains/download_links.js' --env=hitButtons='../sequence_server_js_extensions/hit_buttons.js'",
     "test": "jest",
     "minify:css": "cleancss public/css/sequenceserver.css > public/css/sequenceserver.min.css",
     "build": "webpack && npm run minify:css",
-    "build-cloud": "webpack --env=reportPluginsPath='../sequence_server_js_extensions/report_plugins.js' --env=downloadLinks='../sequence_server_js_extensions/conserved_domains/download_links.js' && npm run minify:css"
+    "build-cloud": "webpack --env=reportPluginsPath='../sequence_server_js_extensions/report_plugins.js' --env=downloadLinks='../sequence_server_js_extensions/conserved_domains/download_links.js' --env=hitButtons='../sequence_server_js_extensions/hit_buttons.js' && npm run minify:css"
   },
   "dependencies": {
     "babel-plugin-transform-export-extensions": "^6.22.0",

public/js/hit.js

@@ -4,6 +4,7 @@ import _ from 'underscore';
 import HSPOverview from './kablammo';
 import downloadFASTA from './download_fasta';
 import AlignmentExporter from './alignment_exporter'; // to download textual alignment
+import HitButtons from 'hit_buttons';
 
 /**
  * Component for each hit. Receives props from Report. Has no state.
@@ -26,6 +27,7 @@ export default class extends Component {
         this.hitLinks = this.hitLinks.bind(this);
         this.viewSequenceButton = this.viewSequenceButton.bind(this);
         this.downloadFASTAButton = this.downloadFASTAButton.bind(this);
+        this.hit_buttons = new HitButtons(this);
     }
     shouldComponentUpdate() {
         return !this.props.hit;
@@ -142,6 +144,10 @@ export default class extends Component {
         }
         btns.push(this.downloadAlignmentButton());
 
+        this.hit_buttons.buttons().forEach((button) => {
+            btns.push(button);
+        });
+
         return (
             <div className="hit-links">
                 <label>

public/js/null_plugins/hit_buttons.js

@@ -0,0 +1,11 @@
+class HitButtons {
+    constructor(hit) {
+        this.hit = hit;
+    }
+
+    buttons() {
+        return [];
+    }
+}
+
+export default HitButtons;

public/sequenceserver-report.min.js

@@ -5,6 +5,7 @@ const webpack = require('webpack');
 module.exports = (env, argv)  => {
     const reportPluginsPath = env.reportPluginsPath || './public/js/null_plugins/report_plugins.js';
     const downloadLinks = env.downloadLinks || './public/js/null_plugins/download_links.js';
+    const hitButtons = env.hitButtons || './public/js/null_plugins/hit_buttons.js';
 
     return {
         entry: {
@@ -46,6 +47,7 @@ module.exports = (env, argv)  => {
             alias: {
                 'report_plugins': path.resolve(__dirname, reportPluginsPath),
                 'download_links': path.resolve(__dirname, downloadLinks),
+                'hit_buttons': path.resolve(__dirname, hitButtons),
             }
         }
     };