frontend: use extensionsv2 when possible

Author: Williangalvani

core/frontend/src/App.vue

@@ -189,9 +189,10 @@
 
             <v-list-item
               v-else
-              :to="menu.new_page ? null : menu.route"
+              :to="menu.new_page || menu.disabled ? null : menu.route"
               :target="menu.new_page ? '_blank' : '_self'"
-              :href="menu.extension ? menu.route : undefined"
+              :href="menu.extension && !menu.disabled ? menu.route : undefined"
+              :disabled="menu.disabled"
             >
               <template #default>
                 <v-list-item-icon style="min-width:28px;">
@@ -235,7 +236,27 @@
                     </div>
                   </v-theme-provider>
                   <v-theme-provider
-                    v-if="menu.extension"
+                    v-if="menu.disabled"
+                    dark
+                  >
+                    <div
+                      v-tooltip="'This feature is not accessible'"
+                      class="extension-marker ma-0"
+                    >
+                      <v-avatar
+                        class="ma-0"
+                        color="error"
+                        size="15"
+                      >
+                        <v-icon
+                          size="12"
+                          v-text="'mdi-cloud-off'"
+                        />
+                      </v-avatar>
+                    </div>
+                  </v-theme-provider>
+                  <v-theme-provider
+                    v-else-if="menu.extension"
                     dark
                   >
                     <div
@@ -443,6 +464,9 @@ export default Vue.extend({
     build_clicks: 0,
   }),
   computed: {
+    isBehindWebProxy(): boolean {
+      return window.location.host.endsWith('.cloud')
+    },
     topWidgetsName(): string[] {
       return this.widgets.map((item) => item.name)
     },
@@ -485,6 +509,7 @@ export default Vue.extend({
             advanced: false,
             text: service.metadata?.description ?? 'Service text',
             extension: true,
+            disabled: !service.metadata?.works_in_relative_paths,
           }
         })
 
@@ -697,6 +722,9 @@ export default Vue.extend({
         const base_url = window.location.origin.split(':').slice(0, 2).join(':')
         return `${base_url}:${service.port}`
       }
+      if (service.metadata?.works_in_relative_paths) {
+        return `/extensionv2/${service.metadata.sanitized_name}/`
+      }
       let address = `/extension/${service?.metadata?.sanitized_name}`
       if (service?.metadata?.new_page) {
         address += '?full_page=true'

core/frontend/src/menus.ts

@@ -137,6 +137,7 @@ export interface menuItem {
   new_page?: string, // The address will open in a new page
   route?: string, // The option routes to a different address
   submenus?: menuItem[], // Menus that the main option provide
+  disabled?: boolean, // The option is disabled
 }
 
 export default menus

core/frontend/src/types/helper.ts

@@ -11,6 +11,7 @@ export interface ServiceMetadata {
     sanitized_name?: string
     extra_query?: string
     avoid_iframes?: boolean
+    works_in_relative_paths?: boolean
 }
 
 export interface Service {

core/frontend/vite.config.js

@@ -95,6 +95,9 @@ export default defineConfig(({ command, mode }) => {
         '^/docker': {
           target: SERVER_ADDRESS,
         },
+        '^/extensionv2': {
+          target: SERVER_ADDRESS,
+        },
         '^/file-browser': {
           target: SERVER_ADDRESS,
         },

core/services/helper/main.py

@@ -105,6 +105,7 @@ class ServiceMetadata(BaseModel):
     avoid_iframes: Optional[bool]
     api: str
     sanitized_name: Optional[str]
+    works_in_relative_paths: Optional[bool]
 
 
 class ServiceInfo(BaseModel):