Merge pull request #10 from allejo/feature/show-min-bzfs

Display minimum BZFS version needed for plug-in

package.json

@@ -24,6 +24,7 @@
         "font-awesome": "^4.7.0",
         "google-fonts-webpack-plugin": "^0.4.4",
         "lodash": "^4.17.5",
+        "semver": "^5.5.0",
         "vue": "^2.5.15",
         "vue-class-component": "^6.2.0",
         "vue-clipboard2": "0.0.9",

src/components/PluginGenerator.vue

@@ -4,8 +4,14 @@
 
         <div class="plugin-container">
             <div class="c-toolbar">
+                <button class="btn btn-secondary"
+                        data-balloon-pos="down"
+                        data-balloon="Minimum BZFS requirement"
+                >
+                    {{ minimumBZFS }}
+                </button>
                 <button class="btn btn-primary"
-                        data-balloon-pos="up"
+                        data-balloon-pos="down"
                         data-balloon="Download the plug-in file"
                         @click="downloadPlugin"
                 >
@@ -14,7 +20,7 @@
                 </button>
 
                 <button class="btn btn-primary"
-                        data-balloon-pos="up"
+                        data-balloon-pos="down"
                         data-balloon="Copy the plug-in code to your clipboard"
                         v-clipboard:copy="pluginOutput"
                 >
@@ -76,6 +82,7 @@ import {
 import { IPluginEvent } from '../lib/IPluginEvent';
 import CPPSwitchBlock from 'aclovis/dist/cpp/CPPSwitchBlock';
 import { saveAs } from 'file-saver';
+import semver from 'semver';
 
 @Component({
     name: 'plugin-generator'
@@ -171,6 +178,20 @@ export default class PluginGenerator extends Vue {
         return pluginChunks.join('');
     }
 
+    get minimumBZFS() {
+        const versions = this.pluginDefinition.events.sort(function(a, b) {
+            return semver.gt(b.since, a.since);
+        });
+
+        const highestEvent = _.first(versions);
+
+        if (highestEvent) {
+            return highestEvent.since;
+        }
+
+        return '2.4.0';
+    }
+
     downloadPlugin() {
         let blob = new Blob([this.pluginOutput], { type: 'text/plain;charset=utf-8' });
         saveAs(blob, `${this.className}.cpp`);