From 190eb46cbb6c96a5582dbca6a6470996cf3b52c0 Mon Sep 17 00:00:00 2001
From: Nick Wittwer <nick.wittwer@me.com>
Date: Sun, 3 Feb 2019 17:21:45 +0100
Subject: [PATCH] Removed syncpanel

---
 .../components/SidePanel/PanelComponent.vue   |   5 +-
 .../components/SidePanel/SyncPanel.vue        | 130 ------------------
 2 files changed, 1 insertion(+), 134 deletions(-)
 delete mode 100644 src/renderer/components/SidePanel/SyncPanel.vue

diff --git a/src/renderer/components/SidePanel/PanelComponent.vue b/src/renderer/components/SidePanel/PanelComponent.vue
index 55e5fecb..602c73fc 100644
--- a/src/renderer/components/SidePanel/PanelComponent.vue
+++ b/src/renderer/components/SidePanel/PanelComponent.vue
@@ -5,20 +5,17 @@
     </div>
     <div class="panel__content">
       <ScreensPanel v-show="isChildPanel('Screens')" />
-      <SyncPanel v-show="isChildPanel('Sync')" />
     </div>
   </div>
 </template>
 
 <script>
 import ScreensPanel from './ScreensPanel.vue'
-import SyncPanel from './SyncPanel.vue'
 
 export default {
   name: 'PanelComponent',
   components: {
-    ScreensPanel,
-    SyncPanel
+    ScreensPanel
   },
   props: ['title'],
   computed: {},
diff --git a/src/renderer/components/SidePanel/SyncPanel.vue b/src/renderer/components/SidePanel/SyncPanel.vue
deleted file mode 100644
index 084900cb..00000000
--- a/src/renderer/components/SidePanel/SyncPanel.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<template>
-  <div id="sync-panel">
-    <div
-      v-if="notBrowserSyncURL"
-      class="panel-section"
-    >
-      <div>Synchronize scrolls, clicks, and form inputs across your screens.</div>
-      <div
-        class="button"
-        @click="syncSite()"
-      >
-        Sync this Website
-      </div>
-      <!-- <div class="button" @click="browserSyncGetProxy()">Visit Existing Sync URL</div> -->
-    </div>
-    <div
-      v-else
-      class="panel-section"
-    >
-      <p>You are currently on a synced URL. Interactions on this domain will be synchronized across screen sizes.</p>
-      <p>To synchronize a new site, visit another URL and then click Sync.</p>
-    </div>
-  </div>
-</template>
-
-<script>
-// Synchronization server
-import * as electron from 'electron'
-import * as sync from '../../mixins/sync.js'
-
-const currentWindow = electron.remote.getCurrentWindow()
-
-export default {
-  name: 'SyncPanel',
-
-  data() {
-    return {
-      syncServer: ''
-    }
-  },
-
-  computed: {
-    url() {
-      // Bind to our Vuex Store's URL value
-      return this.$store.state.site.url
-    },
-    notBrowserSyncURL() {
-      // Provides simple logic for when to
-      // show/hide the "Sync" button
-      if (this.url !== this.syncServer) {
-        return true
-      } else {
-        return false
-      }
-    }
-  },
-
-  watch: {
-    url: function() {
-      // When the URL changes...
-      // update notBrowserSyncURL
-    }
-  },
-
-  mounted() {
-    const vm = this
-
-    vm.$nextTick().then(async function() {
-      // Start our synchronization server
-      const setup = await sync.startServer()
-      console.log('setup', setup)
-
-      // Fill in syncServer URL
-      vm.syncServer = setup.proxy
-      console.log('sync server', vm.syncServer)
-    })
-  },
-
-  methods: {
-    async syncSite() {
-      // Avoid cyclical server
-      function compareHosts(url1, url2) {
-        function returnHost(url) {
-          var pathArray = url.split('/')
-          var protocol = pathArray[0]
-          var host = pathArray[2]
-          return host
-        }
-
-        const host1 = returnHost(url1)
-        const host2 = returnHost(url2)
-
-        console.log(host1, host2)
-
-        if (host1 === host2) {
-          return true
-        } else {
-          return false
-        }
-      }
-
-      // Changes the BrowserSync proxy URL
-      if (compareHosts(this.url, this.syncServer) === false) {
-        // Trigger the NodeJS change
-        // Send request to change the URL being proxied
-        await sync.changeURL(this.url)
-
-        // Update the global URL
-        this.$store.commit('changeSiteData', {
-          url: this.syncServer
-        })
-
-        console.log(this.$store.state.site.url)
-      } else {
-        console.log('Contains sync server', this.url, this.syncServer)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../scss/_variables";
-
-#sync-panel {
-  .button {
-    margin-top: 1rem;
-  }
-}
-</style>