From 9626fda5e05c2f9c0afa8840a2136960f9435463 Mon Sep 17 00:00:00 2001
From: Vladimir Jimenez <allejo@me.com>
Date: Sun, 8 Apr 2018 01:39:24 -0700
Subject: [PATCH] Display minimum BZFS version needed for plug-in

---
 package-lock.json                  |  3 +--
 package.json                       |  1 +
 src/components/PluginGenerator.vue | 25 +++++++++++++++++++++++--
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0bd21b8..2740736 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8524,8 +8524,7 @@
         "semver": {
             "version": "5.5.0",
             "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
-            "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
-            "dev": true
+            "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA=="
         },
         "send": {
             "version": "0.16.2",
diff --git a/package.json b/package.json
index 2444915..7e31ca9 100644
--- a/package.json
+++ b/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",
diff --git a/src/components/PluginGenerator.vue b/src/components/PluginGenerator.vue
index 6721654..ed2ed0f 100644
--- a/src/components/PluginGenerator.vue
+++ b/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`);