Record plugin versions in DB and show in Shop panel

imports/collections/schemas/registry.js

@@ -199,6 +199,11 @@ export const PackageConfig = new SimpleSchema({
     type: Boolean,
     defaultValue: true
   },
+  "version": {
+    type: String,
+    label: "Package Version",
+    optional: true
+  },
   "icon": {
     type: String,
     optional: true

imports/plugins/core/core/server/Reaction/core.js

@@ -1080,6 +1080,7 @@ export default {
         // Settings from the package registry.js
         const settingsFromPackage = {
           name: pkgName,
+          version: config.version,
           icon: config.icon,
           enabled: !!config.autoEnable,
           settings: config.settings,
@@ -1098,6 +1099,10 @@ export default {
 
         const combinedSettings = merge({}, settingsFromPackage, settingsFromFixture || {}, settingsFromDB || {});
 
+        // always use version from package
+        if (combinedSettings.version) {
+          combinedSettings.version = settingsFromPackage.version || settingsFromDB.version;
+        }
         if (combinedSettings.registry) {
           combinedSettings.registry = combinedSettings.registry.map((entry) => {
             if (entry.provides && !Array.isArray(entry.provides)) {

imports/plugins/core/dashboard/client/components/plugin-versions.js

@@ -0,0 +1,18 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+
+
+export default class PluginVersion extends Component {
+  static propTypes = {
+    versionedPackage: PropTypes.object
+  };
+
+  render() {
+    const { versionedPackage } = this.props;
+    return (
+      <div>
+        <p>{versionedPackage.name} {versionedPackage.version}</p>
+      </div>
+    );
+  }
+}

imports/plugins/core/dashboard/client/containers/plugin-versions.js

@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import PluginVersion from "../components/plugin-versions";
+
+class PluginVersionsContainer extends Component {
+  static propTypes = {
+    versionedPackages: PropTypes.object
+  };
+
+  render() {
+    const { versionedPackages } = this.props;
+    return (
+      <div>
+        {versionedPackages.map((versionedPackage) => {
+          return <PluginVersion versionedPackage={versionedPackage} key={versionedPackage._id} />;
+        })}
+      </div>
+    );
+  }
+}
+
+export default PluginVersionsContainer;

imports/plugins/core/dashboard/client/templates/shop/settings/settings.html

@@ -70,6 +70,26 @@
       </div>
     </div>
 
+
+    <div class="panel panel-default">
+      <div class="panel-heading">
+        <div class="panel-title">
+          <a
+            href="#plugin-versions"
+            aria-controls="plugin-versions"
+            aria-expanded="true"
+            role="button"
+            data-toggle="collapse"
+            data-parent="#shopSettingsAccordian">Plugin Versions</a>
+        </div>
+      </div>
+      <div id="plugin-versions" class="panel-collapse collapse" role="tabpanel">
+        <div class="panel-body">
+          {{> React component=PluginVersionsContainer versionedPackages=versionedPackages}}
+        </div>
+      </div>
+    </div>
+
     {{#each reactionApps provides='shopSettings'}}
       <div class="panel panel-default">
         <div class="panel-heading panel-heading-flex">

imports/plugins/core/dashboard/client/templates/shop/settings/settings.js

@@ -5,6 +5,7 @@ import { Reaction, i18next } from "/client/api";
 import { Packages, Shops } from "/lib/collections";
 import { Media } from "/imports/plugins/core/files/client";
 import SitemapSettingsContainer from "/imports/plugins/included/sitemap-generator/client/containers/sitemap-settings-container";
+import PluginVersionsContainer from "../../../containers/plugin-versions";
 import ShopBrandMediaManager from "./ShopBrandMediaManager";
 
 
@@ -158,12 +159,31 @@ Template.optionsShopSettings.helpers({
       shopId: Reaction.getShopId()
     });
   },
+  versionedPackages() {
+    const versionedPackages = Packages.find({ version: { $exists: true }, shopId: Reaction.getShopId() });
+    return versionedPackages;
+  },
 
   isPackageEnabled(name) {
     return Reaction.isPackageEnabled(name);
   },
 
   SitemapSettingsContainer() {
     return SitemapSettingsContainer;
+  },
+
+  PluginVersionsContainer() {
+    return PluginVersionsContainer;
+  }
+});
+
+Template.shopSettings.helpers({
+  versionedPackages() {
+    const versionedPackages = Packages.find({ version: { $exists: true }, shopId: Reaction.getShopId() });
+    return versionedPackages;
+  },
+
+  PluginVersionsContainer() {
+    return PluginVersionsContainer;
   }
 });