From 0d58e8d1ad4a622ecdddd5205627c40250e80126 Mon Sep 17 00:00:00 2001
From: Tom Moulard <tom@moulard.org>
Date: Fri, 18 Mar 2022 11:06:08 +0100
Subject: [PATCH] Add Traefik Hub access and remove Pilot access

---
 Makefile                                      |   4 +-
 cmd/traefik/traefik.go                        |   2 +
 docs/content/migration/v2.md                  |   7 ++
 docs/content/plugins/index.md                 |   5 +
 pkg/config/static/pilot.go                    |   1 +
 pkg/config/static/static_config.go            |   1 +
 webui/Dockerfile                              |   2 -
 webui/quasar.conf.js                          |   6 +-
 webui/src/App.vue                             |  11 +-
 webui/src/_helpers/APP.js                     |   3 +-
 webui/src/components/_commons/NavBar.vue      |  13 +-
 .../components/platform/PlatformAuthState.vue |  82 -------------
 .../src/components/platform/PlatformPanel.vue | 112 ------------------
 13 files changed, 27 insertions(+), 222 deletions(-)
 delete mode 100644 webui/src/components/platform/PlatformAuthState.vue
 delete mode 100644 webui/src/components/platform/PlatformPanel.vue

diff --git a/Makefile b/Makefile
index ee12b26e1..e6062e4ca 100644
--- a/Makefile
+++ b/Makefile
@@ -36,8 +36,6 @@ DOCKER_RUN_TRAEFIK_NOTTY := docker run $(INTEGRATION_OPTS) $(if $(DOCKER_NON_INT
 
 IN_DOCKER ?= true
 
-PLATFORM_URL := $(if $(PLATFORM_URL),$(PLATFORM_URL),"https://pilot.traefik.io")
-
 default: binary
 
 ## Build Dev Docker image
@@ -54,7 +52,7 @@ dist:
 
 ## Build WebUI Docker image
 build-webui-image:
-	docker build -t traefik-webui --build-arg ARG_PLATFORM_URL=$(PLATFORM_URL) -f webui/Dockerfile webui
+	docker build -t traefik-webui -f webui/Dockerfile webui
 
 ## Clean WebUI static generated assets
 clean-webui:
diff --git a/cmd/traefik/traefik.go b/cmd/traefik/traefik.go
index 78b2d873e..4a7f49d25 100644
--- a/cmd/traefik/traefik.go
+++ b/cmd/traefik/traefik.go
@@ -215,6 +215,8 @@ func setupServer(staticConfiguration *static.Configuration) (*server.Server, err
 	}
 
 	if staticConfiguration.Pilot != nil {
+		log.WithoutContext().Warn("Traefik Pilot is deprecated and will be removed soon. Please check our Blog for migration instructions later this year")
+
 		version.PilotEnabled = staticConfiguration.Pilot.Dashboard
 	}
 
diff --git a/docs/content/migration/v2.md b/docs/content/migration/v2.md
index 95b3b636a..01ac943b6 100644
--- a/docs/content/migration/v2.md
+++ b/docs/content/migration/v2.md
@@ -452,3 +452,10 @@ the value for the method label becomes `EXTENSION_METHOD`, instead of the reques
 ### Tracing
 
 In `v2.6.1`, the Datadog tags added to a span changed from `service.name` to `traefik.service.name` and from `router.name` to `traefik.router.name`.
+
+## v2.7
+
+### Traefik Pilot
+
+In `v2.7`, the `pilot.token` and `pilot.dashboard` options are deprecated.
+Please check our Blog for migration instructions later this year.
diff --git a/docs/content/plugins/index.md b/docs/content/plugins/index.md
index ac3330dbe..d632fb458 100644
--- a/docs/content/plugins/index.md
+++ b/docs/content/plugins/index.md
@@ -1,5 +1,10 @@
 # Plugins and Traefik Pilot
 
+!!! warning "Traefik Pilot Deprecation"
+
+    Traefik Pilot is deprecated and will be removed soon.
+    Please check our Blog for migration instructions later this year.
+
 Traefik Pilot is a software-as-a-service (SaaS) platform that connects to Traefik to extend its capabilities.
 It offers a number of features to enhance observability and control of Traefik through a global control plane and dashboard, including:
 
diff --git a/pkg/config/static/pilot.go b/pkg/config/static/pilot.go
index 147c8917b..f3699a729 100644
--- a/pkg/config/static/pilot.go
+++ b/pkg/config/static/pilot.go
@@ -1,6 +1,7 @@
 package static
 
 // Pilot Configuration related to Traefik Pilot.
+// Deprecated.
 type Pilot struct {
 	Token     string `description:"Traefik Pilot token." json:"token,omitempty" toml:"token,omitempty" yaml:"token,omitempty" loggable:"false"`
 	Dashboard bool   `description:"Enable Traefik Pilot in the dashboard." json:"dashboard,omitempty" toml:"dashboard,omitempty" yaml:"dashboard,omitempty"`
diff --git a/pkg/config/static/static_config.go b/pkg/config/static/static_config.go
index 0b2cfcda8..277acb6bc 100644
--- a/pkg/config/static/static_config.go
+++ b/pkg/config/static/static_config.go
@@ -76,6 +76,7 @@ type Configuration struct {
 
 	CertificatesResolvers map[string]CertificateResolver `description:"Certificates resolvers configuration." json:"certificatesResolvers,omitempty" toml:"certificatesResolvers,omitempty" yaml:"certificatesResolvers,omitempty" export:"true"`
 
+	// Deprecated.
 	Pilot *Pilot `description:"Traefik Pilot configuration." json:"pilot,omitempty" toml:"pilot,omitempty" yaml:"pilot,omitempty" export:"true"`
 
 	Experimental *Experimental `description:"experimental features." json:"experimental,omitempty" toml:"experimental,omitempty" yaml:"experimental,omitempty" export:"true"`
diff --git a/webui/Dockerfile b/webui/Dockerfile
index 643f12f8e..edb9593bc 100644
--- a/webui/Dockerfile
+++ b/webui/Dockerfile
@@ -2,8 +2,6 @@ FROM node:14.16
 # Current Active LTS release according to (https://nodejs.org/en/about/releases/)
 
 ENV WEBUI_DIR /src/webui
-ARG ARG_PLATFORM_URL=https://pilot.traefik.io
-ENV PLATFORM_URL=${ARG_PLATFORM_URL}
 RUN mkdir -p $WEBUI_DIR
 
 COPY package.json $WEBUI_DIR/
diff --git a/webui/quasar.conf.js b/webui/quasar.conf.js
index c7dc90513..07eec1a8d 100644
--- a/webui/quasar.conf.js
+++ b/webui/quasar.conf.js
@@ -118,13 +118,11 @@ module.exports = function (ctx) {
       env: process.env.APP_ENV === 'development'
         ? { // staging:
           APP_ENV: JSON.stringify(process.env.APP_ENV),
-          APP_API: JSON.stringify(process.env.APP_API || '/api'),
-          PLATFORM_URL: JSON.stringify(process.env.PLATFORM_URL || 'https://pilot.traefik.io')
+          APP_API: JSON.stringify(process.env.APP_API || '/api')
         }
         : { // production:
           APP_ENV: JSON.stringify(process.env.APP_ENV),
-          APP_API: JSON.stringify(process.env.APP_API || '/api'),
-          PLATFORM_URL: JSON.stringify(process.env.PLATFORM_URL || 'https://pilot.traefik.io')
+          APP_API: JSON.stringify(process.env.APP_API || '/api')
         },
       uglifyOptions: {
         compress: {
diff --git a/webui/src/App.vue b/webui/src/App.vue
index bb6e93e60..d655741b1 100644
--- a/webui/src/App.vue
+++ b/webui/src/App.vue
@@ -1,26 +1,17 @@
 <template>
   <div id="q-app">
     <router-view />
-    <platform-panel
-      v-if="pilotEnabled" />
   </div>
 </template>
 
 <script>
 import { APP } from './_helpers/APP'
-import PlatformPanel from './components/platform/PlatformPanel'
 import { mapGetters } from 'vuex'
 
 export default {
   name: 'App',
-  components: {
-    PlatformPanel
-  },
   computed: {
-    ...mapGetters('core', { coreVersion: 'version' }),
-    pilotEnabled () {
-      return this.coreVersion.pilotEnabled
-    }
+    ...mapGetters('core', { coreVersion: 'version' })
   },
   beforeCreate () {
     // Set vue instance
diff --git a/webui/src/_helpers/APP.js b/webui/src/_helpers/APP.js
index 660f0d522..6edadb6bb 100644
--- a/webui/src/_helpers/APP.js
+++ b/webui/src/_helpers/APP.js
@@ -1,8 +1,7 @@
 const APP = {
   config: {
     env: process.env.APP_ENV,
-    apiUrl: process.env.APP_API,
-    platformUrl: process.env.PLATFORM_URL
+    apiUrl: process.env.APP_API
   }
 }
 
diff --git a/webui/src/components/_commons/NavBar.vue b/webui/src/components/_commons/NavBar.vue
index 3bfb2ecf3..7ca9419fa 100644
--- a/webui/src/components/_commons/NavBar.vue
+++ b/webui/src/components/_commons/NavBar.vue
@@ -15,6 +15,7 @@
           </q-tabs>
           <div class="right-menu">
             <q-tabs>
+              <q-btn type="a" href="https://hub.traefik.io/" target="_blank" flat no-caps label="Go to Hub Dashboard →" class="btn-menu btn-hub" />
               <q-btn @click="$q.dark.toggle()" stretch flat no-caps icon="invert_colors" :label="`${$q.dark.isActive ? 'Light' : 'Dark'} theme`" class="btn-menu" />
               <q-btn stretch flat icon="eva-question-mark-circle-outline">
                 <q-menu anchor="bottom left" auto-close>
@@ -28,8 +29,6 @@
                 </q-menu>
               </q-btn>
             </q-tabs>
-            <platform-auth-state
-              v-if="pilotEnabled" />
           </div>
         </q-toolbar>
       </div>
@@ -45,12 +44,10 @@
 
 <script>
 import config from '../../../package'
-import PlatformAuthState from '../platform/PlatformAuthState'
 import { mapActions, mapGetters } from 'vuex'
 
 export default {
   name: 'NavBar',
-  components: { PlatformAuthState },
   computed: {
     ...mapGetters('core', { coreVersion: 'version' }),
     version () {
@@ -59,9 +56,6 @@ export default {
         ? this.coreVersion.Version
         : this.coreVersion.Version.substring(0, 7)
     },
-    pilotEnabled () {
-      return this.coreVersion.pilotEnabled
-    },
     parsedVersion () {
       if (!this.version) {
         return 'master'
@@ -144,6 +138,11 @@ export default {
     font-weight: 600;
   }
 
+  .btn-hub {
+    color: #0e204c;
+    background: #deea48;
+  }
+
   .q-item {
     padding: 0;
   }
diff --git a/webui/src/components/platform/PlatformAuthState.vue b/webui/src/components/platform/PlatformAuthState.vue
deleted file mode 100644
index 9d4bfea21..000000000
--- a/webui/src/components/platform/PlatformAuthState.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="iframe-wrapper" v-if="isOnline">
-    <iframe
-      id="platform-auth-state"
-      :src="iFrameUrl"
-      v-if="renderIrame"
-      v-resize="resizeOpts"
-      height="64px"
-      frameBorder="0"
-    />
-  </div>
-
-</template>
-
-<script>
-import { mapActions, mapGetters } from 'vuex'
-import qs from 'query-string'
-import '../../_directives/resize'
-
-export default {
-  name: 'PlatformPanel',
-  data () {
-    return {
-      renderIrame: true,
-      resizeOpts: {
-        log: false,
-        onMessage: ({ iframe, message }) => {
-          if (typeof message === 'string') {
-            // 1st condition for backward compatibility
-            if (message === 'open:profile') {
-              this.openPlatform('/')
-            } else if (message.includes('open:')) {
-              this.openPlatform(message.split('open:')[1])
-            } else if (message === 'logout') {
-              this.closePlatform()
-            }
-          }
-        }
-      }
-    }
-  },
-  created () {
-    this.getInstanceInfos()
-  },
-  computed: {
-    ...mapGetters('platform', { isPlatformOpen: 'isOpen', platformPath: 'path' }),
-    ...mapGetters('core', { instanceInfos: 'version' }),
-    isOnline () {
-      return window.navigator.onLine
-    },
-    iFrameUrl () {
-      const instanceInfos = JSON.stringify(this.instanceInfos)
-      const authRedirectUrl = `${window.location.href.split('?')[0]}?platform=${this.platformPath}`
-
-      return qs.stringifyUrl({ url: `${this.platformUrl}/partials/auth-state`, query: { authRedirectUrl, instanceInfos } })
-    }
-  },
-  methods: {
-    ...mapActions('platform', { openPlatform: 'open' }, { closePlatform: 'close' }),
-    ...mapActions('core', { getInstanceInfos: 'getVersion' })
-  },
-  watch: {
-    isPlatformOpen (isOpen, wasOpen) {
-      if (!isOpen && wasOpen) {
-        this.renderIrame = false
-        this.$nextTick().then(() => {
-          this.renderIrame = true
-        })
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-  @import "../../css/sass/variables";
-
-  #platform-auth-state {
-    width: 1px;
-    min-width: 296px;
-  }
-</style>
diff --git a/webui/src/components/platform/PlatformPanel.vue b/webui/src/components/platform/PlatformPanel.vue
deleted file mode 100644
index a24f2bb1a..000000000
--- a/webui/src/components/platform/PlatformPanel.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <side-panel
-    :isOpen="isPlatformOpen"
-    @onClose="closePlatform()"
-    v-if="isOnline"
-  >
-    <div class="iframe-wrapper">
-      <iframe
-        id="platform-iframe"
-        :src="iFrameUrl"
-        v-resize="resizeOpts"
-        style="position: relative; height: 100%; width: 100%;"
-        frameBorder="0"
-        scrolling="yes"
-        @load="onIFrameLoad"
-      />
-    </div>
-  </side-panel>
-</template>
-
-<script>
-import { mapActions, mapGetters } from 'vuex'
-import qs from 'query-string'
-import SidePanel from '../_commons/SidePanel'
-import Helps from '../../_helpers/Helps'
-import '../../_directives/resize'
-
-export default {
-  name: 'PlatformPanel',
-  components: {
-    SidePanel
-  },
-  data () {
-    return {
-      resizeOpts: {
-        log: false,
-        resize: false,
-        scrolling: true,
-        onMessage: ({ iframe, message }) => {
-          if (typeof message === 'string') {
-            // 1st condition for backward compatibility
-            if (message === 'open:profile') {
-              this.openPlatform('/')
-            } else if (message.includes('open:')) {
-              this.openPlatform(message.split('open:')[1])
-            } else if (message === 'logout') {
-              this.closePlatform()
-            }
-          } else if (message.type) {
-            switch (message.type) {
-              case 'copy-to-clipboard':
-                navigator.clipboard.writeText(message.value)
-                break
-            }
-          } else if (message.isAuthenticated) {
-            this.isAuthenticated = message.isAuthenticated
-          }
-        }
-      }
-    }
-  },
-  created () {
-    this.getInstanceInfos()
-  },
-  computed: {
-    ...mapGetters('platform', { isPlatformOpen: 'isOpen', platformPath: 'path' }),
-    ...mapGetters('core', { instanceInfos: 'version' }),
-    iFrameUrl () {
-      const instanceInfos = JSON.stringify(this.instanceInfos)
-      const authRedirectUrl = `${window.location.href.split('?')[0]}?platform=${this.platformPath}`
-
-      return qs.stringifyUrl({ url: `${this.platformUrl}${this.platformPath}`, query: { authRedirectUrl, instanceInfos } })
-    },
-    isOnline () {
-      return window.navigator.onLine
-    }
-  },
-  methods: {
-    ...mapActions('platform', { openPlatform: 'open', closePlatform: 'close' }),
-    ...mapActions('core', { getInstanceInfos: 'getVersion' })
-  },
-  watch: {
-    $route (to, from) {
-      const wasOpen = from.query && from.query.platform
-      const isOpen = to.query && to.query.platform
-
-      if (!wasOpen && isOpen) {
-        this.openPlatform(to.query.platform)
-      }
-    },
-    isPlatformOpen (newValue, oldValue) {
-      if (newValue !== oldValue) {
-        document.querySelector('body').style.overflow = newValue ? 'hidden' : 'visible'
-
-        this.$router.push({
-          path: this.$route.path,
-          query: Helps.removeEmptyObjects({
-            ...this.$route.query,
-            platform: this.platformPath ? this.platformPath : undefined
-          })
-        })
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-  .iframe-wrapper {
-    height: 100%;
-  }
-</style>