From a58def26d168c81b15d2f7a823f2ca0b44de1f4f Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Tue, 6 Aug 2019 10:03:27 +0200
Subject: [PATCH] Added storybook to production if SHOW_STORYBOOK env variable
 is true

---
 app/imports/ui/StoryBook.vue          |  6 ++----
 app/imports/ui/components/Sidebar.vue |  9 +++++++--
 app/imports/ui/router.js              | 14 ++++++++++----
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/app/imports/ui/StoryBook.vue b/app/imports/ui/StoryBook.vue
index b791a6eb..76e2b5fb 100644
--- a/app/imports/ui/StoryBook.vue
+++ b/app/imports/ui/StoryBook.vue
@@ -48,13 +48,12 @@
 	import FeatureCard from '/imports/ui/properties/features/FeatureCard.Story.vue';
 	import HealthBar from '/imports/ui/properties/attributes/HealthBar.Story.vue';
 	import HitDiceListTile from '/imports/ui/properties/attributes/HitDiceListTile.Story.vue';
-	import IconSearch from '/imports/ui/components/IconSearch.Story.vue';
+	// import IconSearch from '/imports/ui/components/IconSearch.Story.vue';
 	import ResourceCard from '/imports/ui/properties/attributes/ResourceCard.Story.vue';
 	import SkillListTile from '/imports/ui/properties/skills/SkillListTile.Story.vue';
 	import SmartInput from '/imports/ui/components/global/SmartInput.Story.vue';
 	import SpellSlotListTile from '/imports/ui/properties/attributes/SpellSlotListTile.Story.vue';
 	import ToolbarLayout from '/imports/ui/layouts/ToolbarLayout.vue';
-	import TreeNode from '/imports/ui/components/tree/TreeNodeList.Story.vue';
 
 	export default {
 		components: {
@@ -67,13 +66,12 @@
 			FeatureCard,
 			HealthBar,
 			HitDiceListTile,
-			IconSearch,
+			// IconSearch,
 			ResourceCard,
 			SkillListTile,
 			SmartInput,
 			SpellSlotListTile,
 			ToolbarLayout,
-			TreeNode,
 		},
 		data(){ return {
 			sidebar: undefined,
diff --git a/app/imports/ui/components/Sidebar.vue b/app/imports/ui/components/Sidebar.vue
index f948d63d..84d4938a 100644
--- a/app/imports/ui/components/Sidebar.vue
+++ b/app/imports/ui/components/Sidebar.vue
@@ -18,6 +18,7 @@
         v-for="(link, i) in links"
 				v-if="link.vif || link.vif === undefined"
         :to="link.to"
+				:href="link.href"
         :key="i"
       >
         <v-list-tile-action>
@@ -79,14 +80,18 @@
 				return user && user.username || user && user._id;
 			},
 			links(){
-				return [
+				let links = [
 					{title: "Home", icon: "home", to: "/"},
 	        {title: "Creatures", icon: "group", to: "/characterList", vif: Meteor.userId()},
 					{title: "Libraries", icon: "book", to: "/library", vif: Meteor.userId()},
 	        {title: "Send Feedback", icon: "bug_report", to: "/feedback"},
 	        {title: "Patreon", icon: "", href: "https://www.patreon.com/dicecloud"},
-	        {title: "Github", icon: "", href: "https://github.com/ThaumRystra/DiceCloud1"},
+	        {title: "Github", icon: "", href: "https://github.com/ThaumRystra/DiceCloud/tree/version-2"},
 				];
+				if (process.env.SHOW_STORYBOOK || Meteor.isDevelopment){
+					links.push({title: 'Component Previews', icon: "category", to: '/storybook/HealthBar'})
+				}
+				return links;
 			},
       parties(){
         let parties =  Parties.find(
diff --git a/app/imports/ui/router.js b/app/imports/ui/router.js
index edc69a14..4b5ffe5a 100644
--- a/app/imports/ui/router.js
+++ b/app/imports/ui/router.js
@@ -54,10 +54,9 @@ RouterFactory.configure(factory => {
 			component: Account,
 		},
   ]);
-  //Development routes
-  if (Meteor.isDevelopment){
+  // Storybook routes
+  if (process.env.SHOW_STORYBOOK || Meteor.isDevelopment){
     let StoryBook = require('/imports/ui/StoryBook.vue').default;
-    let IconAdmin = require('/imports/ui/icons/IconAdmin.vue').default;
     factory.addRoutes([
       {
         path: '/storybook/:component',
@@ -67,7 +66,14 @@ RouterFactory.configure(factory => {
         path: '/storybook',
         name: 'storybook',
         component: StoryBook,
-      }, {
+      },
+    ]);
+  }
+  // Icon admin routes
+  if (Meteor.isDevelopment){
+    let IconAdmin = require('/imports/ui/icons/IconAdmin.vue').default;
+    factory.addRoutes([
+      {
         path: '/icon-admin',
         name: 'iconAdmin',
         component: IconAdmin,