@lobehub/chat 0.116.0 → 0.116.1

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 0.116.1](https://github.com/lobehub/lobe-chat/compare/v0.116.0...v0.116.1)
+
+<sup>Released on **2023-12-26**</sup>
+
+#### 💄 Styles
+
+- **misc**: Support slider and select plugin setting render.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Support slider and select plugin setting render, closes [#819](https://github.com/lobehub/lobe-chat/issues/819) ([3190b44](https://github.com/lobehub/lobe-chat/commit/3190b44))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 0.116.0](https://github.com/lobehub/lobe-chat/compare/v0.115.13...v0.116.0)
 
 <sup>Released on **2023-12-26**</sup>

package/README.md

@@ -37,6 +37,7 @@ Supports one-click free deployment of your private ChatGPT/LLM web application.
 [![][share-reddit-shield]][share-reddit-link]
 [![][share-weibo-shield]][share-weibo-link]
 [![][share-mastodon-shield]][share-mastodon-link]
+[![][share-linkedin-shield]][share-linkedin-link]
 
 <sup>Pioneering the new age of thinking and creating. Built for you, the Super Individual.</sup>
 
@@ -626,6 +627,8 @@ This project is [MIT](./LICENSE) licensed.
 [pr-welcome-link]: https://github.com/lobehub/lobe-chat/pulls
 [pr-welcome-shield]: https://img.shields.io/badge/🤯_pr_welcome-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
 [profile-link]: https://github.com/lobehub
+[share-linkedin-link]: https://linkedin.com/feed
+[share-linkedin-shield]: https://img.shields.io/badge/-share%20on%20linkedin-black?labelColor=black&logo=linkedin&logoColor=white&style=flat-square
 [share-mastodon-link]: https://mastodon.social/share?text=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source,%20extensible%20(Function%20Calling),%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT/LLM%20web%20application.%20https://github.com/lobehub/lobe-chat%20#chatbot%20#chatGPT%20#openAI
 [share-mastodon-shield]: https://img.shields.io/badge/-share%20on%20mastodon-black?labelColor=black&logo=mastodon&logoColor=white&style=flat-square
 [share-reddit-link]: https://www.reddit.com/submit?title=Check%20this%20GitHub%20repository%20out%20%F0%9F%A4%AF%20LobeChat%20-%20An%20open-source%2C%20extensible%20%28Function%20Calling%29%2C%20high-performance%20chatbot%20framework.%20It%20supports%20one-click%20free%20deployment%20of%20your%20private%20ChatGPT%2FLLM%20web%20application.%20%23chatbot%20%23chatGPT%20%23openAI&url=https%3A%2F%2Fgithub.com%2Flobehub%2Flobe-chat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.116.0",
+  "version": "0.116.1",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -140,6 +140,7 @@
     "@testing-library/jest-dom": "^6",
     "@testing-library/react": "^14",
     "@types/chroma-js": "^2",
+    "@types/json-schema": "^7.0.15",
     "@types/lodash": "^4",
     "@types/lodash-es": "^4",
     "@types/node": "^20",

package/src/features/PluginSettings/PluginSettingRender.tsx

@@ -1,16 +1,20 @@
-import { Input, InputNumber, Switch } from 'antd';
+import { Input, InputNumber, Select, Slider, Switch } from 'antd';
+import { JSONSchema7Type } from 'json-schema';
 import { memo } from 'react';
 
 interface PluginSettingsProps {
   defaultValue?: any;
+  enum?: JSONSchema7Type[];
   format?: string;
+  maximum?: number;
+  minimum?: number;
   onChange: (value: any) => void;
   props?: any;
   type?: 'string' | 'number' | 'boolean';
 }
 
 const PluginSettingRender = memo<PluginSettingsProps>(
-  ({ type, defaultValue, onChange, format, props }) => {
+  ({ type, defaultValue, enum: enumItems, onChange, format, minimum, maximum, props }) => {
     switch (type) {
       case 'string': {
         switch (format) {
@@ -26,6 +30,19 @@ const PluginSettingRender = memo<PluginSettingsProps>(
             );
           }
         }
+
+        if (enumItems) {
+          return (
+            <Select
+              defaultValue={defaultValue}
+              onChange={onChange}
+              options={enumItems.map((i) =>
+                typeof i === 'string' ? { label: i, value: i } : (i as any),
+              )}
+            />
+          );
+        }
+
         return (
           <Input
             {...props}
@@ -36,7 +53,10 @@ const PluginSettingRender = memo<PluginSettingsProps>(
           />
         );
       }
+
       case 'number': {
+        if (typeof minimum === 'number' || typeof maximum === 'number')
+          return <Slider defaultValue={defaultValue} max={maximum} min={minimum} {...props} />;
         return (
           <InputNumber
             {...props}

package/src/features/PluginSettings/index.tsx

@@ -15,8 +15,11 @@ export const transformPluginSettings = (pluginSettings: PluginSchema) => {
 
   return Object.entries(pluginSettings.properties).map(([name, i]) => ({
     desc: i.description,
+    enum: i.enum,
     format: i.format,
-    label: i.title,
+    label: i.title || name,
+    maximum: i.maximum,
+    minimum: i.minimum,
     name,
     tag: name,
     type: i.type,
@@ -63,7 +66,10 @@ const PluginSettingsConfig = memo<PluginSettingsConfigProps>(({ schema, id }) =>
         >
           <PluginSettingRender
             defaultValue={pluginSetting[item.name]}
+            enum={item.enum}
             format={item.format}
+            maximum={item.maximum}
+            minimum={item.minimum}
             onChange={(value) => {
               updatePluginSettings(id, { [item.name]: value });
             }}