Merge remote-tracking branch 'origin/main' into dev

# Conflicts: # plugins_desc.json
apache · Sep 19, 2024 · cb48b25 · cb48b25
2 parents 65a7d41 + 710197a
commit cb48b25
Show file tree

Hide file tree

Showing 19 changed files with 1,084 additions and 115 deletions.
diff --git a/plugins_desc.json b/plugins_desc.json
@@ -1,226 +1,236 @@
 {
   "en_US": [
-    {
-      "name": "Algolia Search",
-      "desc": "Use Algolia as a search engine.",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-algolia"
-    },
-    {
-      "name": "Embed",
-      "desc": "Embed content from other sites",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/embed-basic"
-    },
-    {
-      "name": "Aliyun CDN",
-      "desc": "Speed up your website and enjoy greatly improved loading times around the world.",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-aliyun"
-    },
     {
       "name": "Redis Cache",
       "desc": "Use Redis as cache",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cache-redis"
     },
     {
-      "name": "Slack Notification",
-      "desc": "Send notifications to Slack",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/notification-slack"
+      "name": "Formula Editor",
+      "desc": "Render formula in editor",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-formula"
     },
     {
-      "name": "Chart Editor",
-      "desc": "Render chart in editor",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-chart"
+      "name": "Basic Captcha",
+      "desc": "Default graphic verification code",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-basic"
     },
     {
-      "name": "Akismet Anti-Spam",
-      "desc": "Akismet Anti-Spam is used to check the content of posts and comments against the Akismet web service to see if they look like spam.",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-akismet"
+      "name": "Elasticsearch Engine",
+      "desc": "Use Elasticsearch as search engine",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-elasticsearch"
     },
     {
-      "name": "Dingtalk Connector",
-      "desc": "Connect to Dingtalk for third-party login",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-dingtalk"
+      "name": "GitHub Connector",
+      "desc": "Connect to GitHub for third-party login",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-github"
     },
     {
-      "name": "OAuth2 Basic",
-      "desc": "Generic OAuth2 Plugin",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-basic"
+      "name": "Google Connector",
+      "desc": "Connect to Google for third-party login",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-google"
     },
     {
-      "name": "Basic Captcha",
-      "desc": "Default graphic verification code",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-basic"
+      "name": "Dingtalk Connector",
+      "desc": "Connect to Dingtalk for third-party login",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-dingtalk"
     },
     {
-      "name": "GitHub Connector",
-      "desc": "Connect to GitHub for third-party login",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-github"
+      "name": "Aliyun CDN",
+      "desc": "Speed up your website and enjoy greatly improved loading times around the world.",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-aliyun"
     },
     {
       "name": "Aliyun OSS storage",
       "desc": "Upload files to AliCloud OSS storage",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/storage-aliyunoss"
     },
     {
-      "name": "Apache Connector",
-      "desc": "Connect to Apache Oauth",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-apache"
-    },
-    {
-      "name": "MeiliSearch",
-      "desc": "MeiliSearch is a powerful, fast, open-source, easy to use and deploy search engine.",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-meilisearch"
+      "name": "OAuth2 Basic",
+      "desc": "Generic OAuth2 Plugin",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-basic"
     },
     {
       "name": "S3 storage",
       "desc": "Upload files to S3 storage",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/storage-s3"
     },
-    {
-      "name": "Elasticsearch Engine",
-      "desc": "Use Elasticsearch as search engine",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-elasticsearch"
-    },
     {
       "name": "Amazon CloudFront",
       "desc": "Speed up your website and enjoy greatly improved loading times around the world.",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-s3"
     },
     {
-      "name": "Review Basic",
-      "desc": "Generic review rule plugin",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-basic"
-    },
-    {
-      "name": "Formula Editor",
-      "desc": "Render formula in editor",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-formula"
-    },
-    {
-      "name": "WeCom",
-      "desc": "Get user info from WeCom and sync to User Center",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/user-center-wecom"
+      "name": "Embed",
+      "desc": "Embed content from other sites",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/embed-basic"
     },
     {
-      "name": "Google Connector",
-      "desc": "Connect to Google for third-party login",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-google"
+      "name": "MeiliSearch",
+      "desc": "MeiliSearch is a powerful, fast, open-source, easy to use and deploy search engine.",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-meilisearch"
     },
     {
       "name": "Google reCAPTCHA v2",
       "desc": "Google reCAPTCHA v2 plugin",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-google-v2"
-    }
-  ],
-  "zh_CN": [
+    },
     {
-      "name": "Algolia 搜索",
-      "desc": "使用 Algolia 作为搜索引擎.",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-algolia"
+      "name": "Chart Editor",
+      "desc": "Render chart in editor",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-chart"
     },
     {
-      "name": "内容嵌入",
-      "desc": "在内容中嵌入其他网站",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/embed-basic"
+      "name": "WeCom",
+      "desc": "Get user info from WeCom and sync to User Center",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/user-center-wecom"
     },
     {
-      "name": "阿里云CDN",
-      "desc": "通过阿里云CDN提升静态资源加速",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-aliyun"
+      "name": "Code Highlight",
+      "desc": "Highlight code blocks in Markdown content",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/render-markdown-codehighlight"
     },
     {
-      "name": "Redis缓存",
-      "desc": "使用Redis作为缓存",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cache-redis"
+      "name": "Review Basic",
+      "desc": "Generic review rule plugin",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-basic"
     },
     {
-      "name": "Slack 通知",
-      "desc": "发送通知到 Slack",
+      "name": "Slack Notification",
+      "desc": "Send notifications to Slack",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/notification-slack"
     },
     {
-      "name": "图表编辑器",
-      "desc": "在编辑器中渲染图表",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-chart"
+      "name": "Algolia Search",
+      "desc": "Use Algolia as a search engine.",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-algolia"
     },
     {
       "name": "Akismet Anti-Spam",
       "desc": "Akismet Anti-Spam is used to check the content of posts and comments against the Akismet web service to see if they look like spam.",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-akismet"
     },
     {
-      "name": "钉钉连接器",
-      "desc": "用于接入钉钉第三方登录",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-dingtalk"
+      "name": "Apache Connector",
+      "desc": "Connect to Apache Oauth",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-apache"
+    }
+  ],
+  "zh_CN": [
+    {
+      "name": "Redis缓存",
+      "desc": "使用Redis作为缓存",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cache-redis"
     },
     {
-      "name": "通用连接器",
-      "desc": "适用于各种 OAuth 登录的通用插件",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-basic"
+      "name": "公式编辑器",
+      "desc": "在编辑器中渲染公式",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-formula"
     },
     {
       "name": "基础验证码",
       "desc": "默认图形验证码",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-basic"
     },
+    {
+      "name": "Elasticsearch 引擎",
+      "desc": "使用 Elasticsearch 作为搜索引擎",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-elasticsearch"
+    },
     {
       "name": "GitHub 连接器",
       "desc": "用于接入 GitHub 第三方登录",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-github"
     },
+    {
+      "name": "Google 连接器",
+      "desc": "用于接入 Google 第三方登录",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-google"
+    },
+    {
+      "name": "钉钉连接器",
+      "desc": "用于接入钉钉第三方登录",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-dingtalk"
+    },
+    {
+      "name": "阿里云CDN",
+      "desc": "通过阿里云CDN提升静态资源加速",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-aliyun"
+    },
     {
       "name": "阿里云OSS存储",
       "desc": "上传文件到阿里云OSS存储",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/storage-aliyunoss"
     },
     {
-      "name": "Apache 连接器",
-      "desc": "用于接入 Apache Oauth",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-apache"
+      "name": "通用连接器",
+      "desc": "适用于各种 OAuth 登录的通用插件",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-basic"
+    },
+    {
+      "name": "S3 存储",
+      "desc": "上传文件到S3存储",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/storage-s3"
+    },
+    {
+      "name": "Amazon CloudFront",
+      "desc": "通过AWS CDN提升静态资源加速",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-s3"
+    },
+    {
+      "name": "内容嵌入",
+      "desc": "在内容中嵌入其他网站",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/embed-basic"
     },
     {
       "name": "MeiliSearch",
       "desc": "MeiliSearch 是一个强大、快速、开源、易于使用和部署的搜索引擎。",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-meilisearch"
     },
     {
-      "name": "S3 存储",
-      "desc": "上传文件到S3存储",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/storage-s3"
+      "name": "Google reCAPTCHA v2",
+      "desc": "Google reCAPTCHA v2 插件",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-google-v2"
     },
     {
-      "name": "Elasticsearch 引擎",
-      "desc": "使用 Elasticsearch 作为搜索引擎",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-elasticsearch"
+      "name": "图表编辑器",
+      "desc": "在编辑器中渲染图表",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-chart"
     },
     {
-      "name": "Amazon CloudFront",
-      "desc": "通过AWS CDN提升静态资源加速",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/cdn-s3"
+      "name": "企业微信",
+      "desc": "从企业微信获取用户信息并同步到用户中心",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/user-center-wecom"
+    },
+    {
+      "name": "代码高亮",
+      "desc": "高亮显示 Markdown 内容中的代码块",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/render-markdown-codehighlight"
     },
     {
       "name": "基础审核插件",
       "desc": "基础的通用审核插件",
       "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-basic"
     },
     {
-      "name": "公式编辑器",
-      "desc": "在编辑器中渲染公式",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/editor-formula"
+      "name": "Slack 通知",
+      "desc": "发送通知到 Slack",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/notification-slack"
     },
     {
-      "name": "企业微信",
-      "desc": "从企业微信获取用户信息并同步到用户中心",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/user-center-wecom"
+      "name": "Algolia 搜索",
+      "desc": "使用 Algolia 作为搜索引擎.",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/search-algolia"
     },
     {
-      "name": "Google 连接器",
-      "desc": "用于接入 Google 第三方登录",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-google"
+      "name": "Akismet Anti-Spam",
+      "desc": "Akismet Anti-Spam is used to check the content of posts and comments against the Akismet web service to see if they look like spam.",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/reviewer-akismet"
     },
     {
-      "name": "Google reCAPTCHA v2",
-      "desc": "Google reCAPTCHA v2 插件",
-      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/captcha-google-v2"
+      "name": "Apache 连接器",
+      "desc": "用于接入 Apache Oauth",
+      "link": "https://github.com/apache/incubator-answer-plugins/tree/main/connector-apache"
     }
   ]
 }
diff --git a/render-markdown-codehighlight/.eslintrc.cjs b/render-markdown-codehighlight/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
diff --git a/render-markdown-codehighlight/.prettierrc.json b/render-markdown-codehighlight/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "singleQuote": true,
+  "jsxBracketSameLine": true,
+  "printWidth": 80,
+  "endOfLine": "auto"
+}
diff --git a/render-markdown-codehighlight/README.md b/render-markdown-codehighlight/README.md
@@ -0,0 +1,11 @@
+# RenderMarkdownCodehighlight Plugin
+The `RenderMarkdownCodehighlight` plugin improves the readability of code snippets within Markdown content by integrating highlight.js for syntax highlighting. It supports dynamic theme switching, allowing code blocks to adapt seamlessly to either light or dark themes based on your application's current theme. This makes code blocks more visually appealing and easier to read.
+
+### Features
+Dynamic Theme Switching: Automatically switches between light and dark modes for code highlighting based on the selected theme.
+Theme Support: Supports various highlight.js themes, with some themes designed for both light and dark modes, while others are specifically tailored for one mode.
+
+### Theme Types
+theme-all: These themes support both light and dark modes, automatically adjusting based on the application's current theme.
+theme-light: These themes are optimized for light mode and will use default dark mode.
+theme-dark: These themes are designed specifically for dark mode and will use default light mode.