feat: Enhance browser cache management and localization support (#11277)

* feat: Enhance browser cache management and localization support

- Updated browser cache handling in WebsiteService to include a 'noModify' option.
- Introduced new method AddBroswerNoCache in Location to manage no-cache directives.
- Added localization for 'noModify' in multiple languages.
- Updated frontend to support the new browser cache options in the proxy configuration.

* fix: Update cache display logic in proxy configuration

- Adjusted the rendering of cache tags in the proxy configuration to conditionally display based on cache time values.
- Improved user interface by adding margin classes for better spacing between cache tags.

Author: HynoR

agent/app/service/website.go

@@ -1759,10 +1759,12 @@ func (w WebsiteService) OperateProxy(req request.WebsiteProxyConfig) (err error)
 		location.RemoveServerCache(fmt.Sprintf("proxy_cache_zone_of_%s", website.Alias))
 	}
 	// Browser Cache Settings
-	if req.CacheTime != 0 {
+	if req.CacheTime > 0 {
 		location.AddBrowserCache(req.CacheTime, req.CacheUnit)
-	} else {
+	} else if req.CacheTime == 0 {
 		location.RemoveBrowserCache()
+	} else {
+		location.AddBroswerNoCache()
 	}
 	// Content Replace Settings
 	if len(req.Replaces) > 0 {
@@ -1945,10 +1947,8 @@ func (w WebsiteService) GetProxies(id uint) (res []request.WebsiteProxyConfig, e
 		}
 		proxyConfig.ProxyPass = location.ProxyPass
 		proxyConfig.Cache = location.Cache
-		if location.CacheTime > 0 {
-			proxyConfig.CacheTime = location.CacheTime
-			proxyConfig.CacheUnit = location.CacheUint
-		}
+		proxyConfig.CacheTime = location.CacheTime
+		proxyConfig.CacheUnit = location.CacheUint
 		if location.ServerCacheTime > 0 {
 			proxyConfig.ServerCacheTime = location.ServerCacheTime
 			proxyConfig.ServerCacheUnit = location.ServerCacheUint

agent/utils/nginx/components/location.go

@@ -73,6 +73,12 @@ func NewLocation(directive IDirective) *Location {
 						location.CacheUint = unit
 						location.CacheTime = cacheTime
 					}
+					if di.GetName() == "add_header" && len(di.GetParameters()) >= 2 {
+						if di.GetParameters()[0] == "Cache-Control" && di.GetParameters()[1] == "no-cache" {
+							location.CacheTime = -1
+							location.CacheUint = ""
+						}
+					}
 				}
 			}
 			if params[0] == "(" && params[1] == "$request_method" && params[2] == `=` && params[3] == `'OPTIONS'` && params[4] == ")" {
@@ -274,6 +280,28 @@ func (l *Location) AddBrowserCache(cacheTime int, cacheUint string) {
 	l.CacheUint = cacheUint
 }
 
+func (l *Location) AddBroswerNoCache() {
+	l.RemoveDirective("add_header", []string{"Cache-Control", "no-cache"})
+	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2)$"`, ")"})
+	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2|jpeg|svg|webp|avif)$"`, ")"})
+	directives := l.GetDirectives()
+	newDir := &Directive{
+		Name:       "if",
+		Parameters: []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2|jpeg|svg|webp|avif)$"`, ")"},
+		Block:      &Block{},
+	}
+	block := &Block{}
+	block.Directives = append(block.Directives, &Directive{
+		Name:       "add_header",
+		Parameters: []string{"Cache-Control", "no-cache"},
+	})
+	newDir.Block = block
+	directives = append(directives, newDir)
+	l.Directives = directives
+	l.CacheTime = -1
+	l.CacheUint = "s"
+}
+
 func (l *Location) AddServerCache(cacheKey string, serverCacheTime int, serverCacheUint string) {
 	l.UpdateDirective("proxy_ignore_headers", []string{"Set-Cookie", "Cache-Control", "expires"})
 	l.UpdateDirective("proxy_cache", []string{cacheKey})
@@ -287,7 +315,7 @@ func (l *Location) AddServerCache(cacheKey string, serverCacheTime int, serverCa
 func (l *Location) RemoveBrowserCache() {
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2)$"`, ")"})
 	l.RemoveDirectiveByFullParams("if", []string{"(", "$uri", "~*", `"\.(gif|png|jpg|css|js|woff|woff2|jpeg|svg|webp|avif)$"`, ")"})
-	l.UpdateDirective("add_header", []string{"Cache-Control", "no-cache"})
+	l.RemoveDirective("add_header", []string{"Cache-Control", "no-cache"})
 	l.CacheTime = 0
 	l.CacheUint = ""
 }

frontend/src/lang/modules/en.ts

@@ -2531,6 +2531,7 @@ const message = {
         antiLeech: 'Anti-leech',
         extends: 'Extension',
         browserCache: 'Browser Cache',
+        noModify: 'No Modify',
         serverCache: 'Server Cache',
         leechLog: 'Record anti-leech log',
         accessDomain: 'Allowed domains',

frontend/src/lang/modules/es-es.ts

@@ -2523,6 +2523,7 @@ const message = {
         antiLeech: 'Anti-hotlink',
         extends: 'Extensiones',
         browserCache: 'Caché de navegador',
+        noModify: 'No Modificar',
         serverCache: 'Caché del servidor',
         leechLog: 'Registrar logs anti-hotlink',
         accessDomain: 'Dominios permitidos',

frontend/src/lang/modules/ja.ts

@@ -2450,6 +2450,7 @@ const message = {
         antiLeech: '反リーチ',
         extends: '拡大',
         browserCache: 'キャッシュ',
+        noModify: '変更しない',
         serverCache: 'サーバーキャッシュ',
         leechLog: '反リーチログを記録します',
         accessDomain: '許可されたドメイン',

frontend/src/lang/modules/ko.ts

@@ -2407,6 +2407,7 @@ const message = {
         antiLeech: '링크 차단',
         extends: '확장',
         browserCache: '캐시',
+        noModify: '수정 안 함',
         serverCache: '서버 캐시',
         leechLog: '링크 차단 로그 기록',
         accessDomain: '허용된 도메인',

frontend/src/lang/modules/ms.ts

@@ -2504,6 +2504,7 @@ const message = {
         antiLeech: 'Anti-leech',
         extends: 'Pelanjutan',
         browserCache: 'Cache',
+        noModify: 'Tidak Ubah',
         serverCache: 'Cache Pelayan',
         leechLog: 'Rekod log anti-leech',
         accessDomain: 'Domain yang dibenarkan',

frontend/src/lang/modules/pt-br.ts

@@ -2507,6 +2507,7 @@ const message = {
         antiLeech: 'Anti-leech',
         extends: 'Extensão',
         browserCache: 'Cache',
+        noModify: 'Não Modificar',
         serverCache: 'Cache do servidor',
         leechLog: 'Registrar log anti-leech',
         accessDomain: 'Domínios permitidos',

frontend/src/lang/modules/ru.ts

@@ -2504,6 +2504,7 @@ const message = {
         antiLeech: 'Анти-лич',
         extends: 'Расширение',
         browserCache: 'Кэш',
+        noModify: 'Не изменять',
         serverCache: 'Кэш сервера',
         leechLog: 'Записывать лог анти-лича',
         accessDomain: 'Разрешенные домены',

frontend/src/lang/modules/tr.ts

@@ -2563,6 +2563,7 @@ const message = {
         antiLeech: 'Sömürü karşıtı',
         extends: 'Uzantı',
         browserCache: 'Önbellek',
+        noModify: 'Değiştirme',
         serverCache: 'Sunucu önbelleği',
         leechLog: 'Sömürü karşıtı günlüğü kaydet',
         accessDomain: 'İzin verilen alan adları',