@lobehub/chat 0.26.1 → 0.27.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +58 -0
- package/package.json +1 -1
- package/src/pages/chat/[id]/Conversation/ChatList/Plugins/PluginResultRender.tsx +1 -1
- package/src/plugins/Render.ts +3 -0
- package/src/plugins/searchEngine/Render.tsx +86 -0
- package/src/plugins/searchEngine/runner.ts +2 -0
- package/src/plugins/searchEngine/type.ts +5 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,64 @@
|
|
|
2
2
|
|
|
3
3
|
# Changelog
|
|
4
4
|
|
|
5
|
+
### [Version 0.27.1](https://github.com/lobehub/lobe-chat/compare/v0.27.0...v0.27.1)
|
|
6
|
+
|
|
7
|
+
<sup>Released on **2023-07-29**</sup>
|
|
8
|
+
|
|
9
|
+
#### 💄 Styles
|
|
10
|
+
|
|
11
|
+
- **misc**: 优化搜索引擎样式.
|
|
12
|
+
|
|
13
|
+
<br/>
|
|
14
|
+
|
|
15
|
+
<details>
|
|
16
|
+
<summary><kbd>Improvements and Fixes</kbd></summary>
|
|
17
|
+
|
|
18
|
+
#### Styles
|
|
19
|
+
|
|
20
|
+
- **misc**: 优化搜索引擎样式 ([699afb3](https://github.com/lobehub/lobe-chat/commit/699afb3))
|
|
21
|
+
|
|
22
|
+
</details>
|
|
23
|
+
|
|
24
|
+
<div align="right">
|
|
25
|
+
|
|
26
|
+
[](#readme-top)
|
|
27
|
+
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
## [Version 0.27.0](https://github.com/lobehub/lobe-chat/compare/v0.26.1...v0.27.0)
|
|
31
|
+
|
|
32
|
+
<sup>Released on **2023-07-29**</sup>
|
|
33
|
+
|
|
34
|
+
#### ✨ Features
|
|
35
|
+
|
|
36
|
+
- **misc**: 优化搜索引擎插件交互展示.
|
|
37
|
+
|
|
38
|
+
#### 💄 Styles
|
|
39
|
+
|
|
40
|
+
- **misc**: 优化兜底结果展示.
|
|
41
|
+
|
|
42
|
+
<br/>
|
|
43
|
+
|
|
44
|
+
<details>
|
|
45
|
+
<summary><kbd>Improvements and Fixes</kbd></summary>
|
|
46
|
+
|
|
47
|
+
#### What's improved
|
|
48
|
+
|
|
49
|
+
- **misc**: 优化搜索引擎插件交互展示 ([4751084](https://github.com/lobehub/lobe-chat/commit/4751084))
|
|
50
|
+
|
|
51
|
+
#### Styles
|
|
52
|
+
|
|
53
|
+
- **misc**: 优化兜底结果展示 ([9da45d6](https://github.com/lobehub/lobe-chat/commit/9da45d6))
|
|
54
|
+
|
|
55
|
+
</details>
|
|
56
|
+
|
|
57
|
+
<div align="right">
|
|
58
|
+
|
|
59
|
+
[](#readme-top)
|
|
60
|
+
|
|
61
|
+
</div>
|
|
62
|
+
|
|
5
63
|
### [Version 0.26.1](https://github.com/lobehub/lobe-chat/compare/v0.26.0...v0.26.1)
|
|
6
64
|
|
|
7
65
|
<sup>Released on **2023-07-29**</sup>
|
package/package.json
CHANGED
|
@@ -40,7 +40,7 @@ const PluginResult = memo<FunctionMessageProps>(({ content }) => {
|
|
|
40
40
|
<Icon icon={open ? LucideChevronUp : LucideChevronDown} />
|
|
41
41
|
</Flexbox>
|
|
42
42
|
{open && (
|
|
43
|
-
<Highlighter language={'json'} style={{ maxHeight: 200 }}>
|
|
43
|
+
<Highlighter language={'json'} style={{ maxHeight: 200, maxWidth: 600 }}>
|
|
44
44
|
{data}
|
|
45
45
|
</Highlighter>
|
|
46
46
|
)}
|
package/src/plugins/Render.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { PluginRender } from '@/plugins/type';
|
|
2
2
|
|
|
3
|
+
import searchEngine from './searchEngine';
|
|
4
|
+
import SearchEngineRender from './searchEngine/Render';
|
|
3
5
|
import getWeather from './weather';
|
|
4
6
|
import WeatherRender from './weather/Render';
|
|
5
7
|
|
|
6
8
|
export const PluginsRender: Record<string, PluginRender> = {
|
|
7
9
|
[getWeather.name]: WeatherRender,
|
|
10
|
+
[searchEngine.name]: SearchEngineRender,
|
|
8
11
|
};
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { createStyles } from 'antd-style';
|
|
2
|
+
import Link from 'next/link';
|
|
3
|
+
import { memo } from 'react';
|
|
4
|
+
import { Flexbox } from 'react-layout-kit';
|
|
5
|
+
|
|
6
|
+
import { PluginRenderProps } from '@/plugins/type';
|
|
7
|
+
|
|
8
|
+
import { Result } from './type';
|
|
9
|
+
|
|
10
|
+
const useStyles = createStyles(({ css, token, cx }) => {
|
|
11
|
+
const title = css`
|
|
12
|
+
margin-top: 4px;
|
|
13
|
+
font-size: 16px;
|
|
14
|
+
`;
|
|
15
|
+
return {
|
|
16
|
+
container: css`
|
|
17
|
+
:not(:last-child) {
|
|
18
|
+
border-bottom: 1px solid ${token.colorBorder};
|
|
19
|
+
}
|
|
20
|
+
`,
|
|
21
|
+
desc: css`
|
|
22
|
+
color: ${token.colorTextTertiary};
|
|
23
|
+
`,
|
|
24
|
+
displayLink: css`
|
|
25
|
+
color: ${token.colorTextQuaternary};
|
|
26
|
+
`,
|
|
27
|
+
favicon: css`
|
|
28
|
+
border-radius: 50%;
|
|
29
|
+
`,
|
|
30
|
+
link: css`
|
|
31
|
+
&:hover {
|
|
32
|
+
.${cx(title)} {
|
|
33
|
+
text-decoration: underline;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
`,
|
|
37
|
+
title,
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
const Render = memo<PluginRenderProps<Result>>(({ content }) => {
|
|
42
|
+
const { styles } = useStyles();
|
|
43
|
+
return (
|
|
44
|
+
<Flexbox>
|
|
45
|
+
{content.map((item, index) => (
|
|
46
|
+
<Flexbox
|
|
47
|
+
className={styles.container}
|
|
48
|
+
distribution={'space-between'}
|
|
49
|
+
horizontal
|
|
50
|
+
key={item.link}
|
|
51
|
+
padding={12}
|
|
52
|
+
>
|
|
53
|
+
<Flexbox>
|
|
54
|
+
<Link className={styles.link} href={item.link!} target={'_blank'}>
|
|
55
|
+
<Flexbox>
|
|
56
|
+
<Flexbox align={'center'} gap={12} horizontal>
|
|
57
|
+
{item.favicon && (
|
|
58
|
+
<img
|
|
59
|
+
alt={item.title || item.link}
|
|
60
|
+
className={styles.favicon}
|
|
61
|
+
height={24}
|
|
62
|
+
src={item.favicon}
|
|
63
|
+
width={24}
|
|
64
|
+
/>
|
|
65
|
+
)}
|
|
66
|
+
<Flexbox>
|
|
67
|
+
<Flexbox className={styles.desc}>{item.source}</Flexbox>
|
|
68
|
+
<Flexbox className={styles.displayLink}>{item.displayed_link}</Flexbox>
|
|
69
|
+
</Flexbox>
|
|
70
|
+
</Flexbox>
|
|
71
|
+
<Flexbox align={'baseline'} gap={2} horizontal>
|
|
72
|
+
<div>{index + 1}.</div>
|
|
73
|
+
<Flexbox className={styles.title}>{item.title}</Flexbox>
|
|
74
|
+
</Flexbox>
|
|
75
|
+
</Flexbox>
|
|
76
|
+
</Link>
|
|
77
|
+
<Flexbox className={styles.desc}>
|
|
78
|
+
{item.date ? `${item.date} - ${item.content}` : item.content}
|
|
79
|
+
</Flexbox>
|
|
80
|
+
</Flexbox>
|
|
81
|
+
</Flexbox>
|
|
82
|
+
))}
|
|
83
|
+
</Flexbox>
|
|
84
|
+
);
|
|
85
|
+
});
|
|
86
|
+
export default Render;
|
|
@@ -30,6 +30,8 @@ const fetchResult: PluginRunner<{ keywords: string }, Result> = async ({ keyword
|
|
|
30
30
|
return results.map((r) => ({
|
|
31
31
|
content: r.snippet,
|
|
32
32
|
date: r.date,
|
|
33
|
+
displayed_link: r.displayed_link,
|
|
34
|
+
favicon: r.favicon,
|
|
33
35
|
link: r.link,
|
|
34
36
|
source: r.source,
|
|
35
37
|
title: r.title,
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
export type OrganicResults = OrganicResult[];
|
|
2
2
|
|
|
3
3
|
export interface SearchItem {
|
|
4
|
-
content
|
|
4
|
+
content: string;
|
|
5
5
|
date?: string;
|
|
6
|
-
|
|
6
|
+
displayed_link?: string;
|
|
7
|
+
favicon?: string;
|
|
8
|
+
link: string;
|
|
7
9
|
source?: string;
|
|
8
|
-
title
|
|
10
|
+
title: string;
|
|
9
11
|
}
|
|
10
12
|
export type Result = SearchItem[];
|
|
11
13
|
|