add support for plugin label handler

src/components/plugin/plugin-label.tsx

@@ -1,5 +1,5 @@
 import { Badge } from "@mantine/core";
-import { Icon, IconInfoCircle, IconPlugConnected, IconQuestionMark, IconTools, IconUserCog } from "@tabler/icons-react";
+import { Icon, IconAffiliate, IconInfoCircle, IconPlugConnected, IconQuestionMark, IconTools, IconUserCog } from "@tabler/icons-react";
 import { useTranslations } from "next-intl";
 import React from "react";
 
@@ -32,12 +32,17 @@ const labelConfigs: LabelConfig[] = [
     id: 'api',
     color: 'yellow.7',
     icon: IconPlugConnected,
-  }
+  },
+  {
+    id: 'handler',
+    color: 'violet.5',
+    icon: IconAffiliate,
+  },
 ]
 
 const unknownConfig: LabelConfig = {
   id: '__unknown',
-  color: 'default',
+  color: 'dark.4',
   icon: IconQuestionMark,
 }
 
@@ -58,6 +63,6 @@ export function PluginLabel({label}: {label: string}) {
     size="22"
     leftSection={<cfg.icon size={16}/>}
   >
-    {t(cfg.id)}
+    {cfg === unknownConfig ? `(${t(cfg.id)}) ${label}` : t(cfg.id)}
   </Badge >
 }

src/messages/en.json

@@ -29,6 +29,7 @@
       "tool": "tool",
       "management": "management",
       "api": "API",
+      "handler": "handler",
       "__unknown": "unknown"
     },
     "plugin_dependencies": {

src/messages/zh-CN.json

@@ -29,6 +29,7 @@
       "tool": "工具",
       "management": "管理",
       "api": "API",
+      "handler": "服务端处理器",
       "__unknown": "未知"
     },
     "plugin_dependencies": {

src/site/catalogue.ts

@@ -3,4 +3,5 @@ export const pluginLabels: string[] = [
  	"tool",
  	"management",
  	"api",
+ 	"handler",
 ]

src/utils/i18n-utils.ts

@@ -38,6 +38,9 @@ const localeToMcdrLang: {[locale: string]: string} = {
 }
 
 export function translateLangDict(locale: string, message: LangDict, englishFallback: boolean = true): string | undefined {
+  if (message === undefined || message === null) {
+    return undefined
+  }
   const lang = localeToMcdrLang[locale]
   if (lang === undefined) {
     return undefined