fix safari issues

Signed-off-by: Frank Jogeleit <[email protected]>

Author: fjogeleit

backend/pkg/config/resolver.go

@@ -8,7 +8,6 @@ import (
 	"time"
 
 	"github.com/gin-contrib/cors"
-	"github.com/gin-contrib/gzip"
 	ginzap "github.com/gin-contrib/zap"
 	"github.com/gin-gonic/gin"
 	"github.com/markbates/goth"
@@ -292,9 +291,7 @@ func (r *Resolver) Server(ctx context.Context) (*server.Server, error) {
 		engine.Use(cors.Default())
 	}
 
-	middleware := []gin.HandlerFunc{
-		gzip.Gzip(gzip.DefaultCompression),
-	}
+	middleware := []gin.HandlerFunc{}
 
 	if r.config.OpenIDConnect.Enabled {
 		handler, err := r.SetupOIDC(ctx, engine)

backend/pkg/server/server.go

@@ -6,6 +6,7 @@ import (
 	"net/http/httputil"
 	"strings"
 
+	"github.com/gin-contrib/gzip"
 	"github.com/gin-gonic/gin"
 	"github.com/gosimple/slug"
 	"go.uber.org/zap"
@@ -84,7 +85,7 @@ func NewServer(engine *gin.Engine, port int, middleware []gin.HandlerFunc) *Serv
 		middelware: middleware,
 		apis:       make(map[string]*model.Endpoints),
 		engine:     engine,
-		api:        engine.Group("/api", middleware...),
+		api:        engine.Group("/api", append(middleware, gzip.Gzip(gzip.DefaultCompression))...),
 		proxies:    engine.Group("/proxy", middleware...),
 		port:       port,
 	}

frontend/composables/source.ts

@@ -50,6 +50,7 @@ export const useSourceStore = (key?: string) => {
             callAPI(api => api.clusterKinds(source as string[])),
             callAPI(api => api.categoryTree(undefined, { sources: source as string[] })),
         ]).then(([namespaces, nsKinds, clusterKinds, categoryTrees]) => {
+            console.log(nsKinds, clusterKinds)
             loadStore.kinds.namespaced = nsKinds || []
             loadStore.kinds.cluster = clusterKinds || []
             loadStore.namespaces = namespaces || []

frontend/modules/core/components/form/ClusterKindAutocomplete.vue

@@ -33,7 +33,7 @@ const { store } = useSourceStore(props.source)
 
 const input = defineRouteQuery('cluster-kinds', selected);
 
-watch(store.kinds.cluster, (current) => {
+watch(() => store.kinds.cluster, (current) => {
   input(selected.value.filter((s) => current.includes(s)));
 });
 

frontend/modules/core/components/form/KindAutocomplete.vue

@@ -32,7 +32,7 @@ const { store } = useSourceStore(props.source)
 
 const input = defineRouteQuery('kinds', selected);
 
-watch(store.kinds.namespaced, (current) => {
+watch(() => store.kinds.namespaced, (current) => {
   input(selected.value.filter((s) => current.includes(s)));
 });