26 |
27 | {
30 | setHiddenDialog(false);
31 | }} />
32 |
33 |
40 |
)
41 | }
--------------------------------------------------------------------------------
/api/parser/redisparser_suggestion_visitor_test.go:
--------------------------------------------------------------------------------
1 | package parser
2 |
3 | import (
4 | "fmt"
5 | "testing"
6 |
7 | "github.com/antlr/antlr4/runtime/Go/antlr"
8 | "github.com/stretchr/testify/suite"
9 | )
10 |
11 | type SuggestionRedisParserVisitorSuite struct {
12 | suite.Suite
13 | }
14 |
15 | func (sut *SuggestionRedisParserVisitorSuite) SetupTest() {
16 |
17 | }
18 |
19 | func (sut *SuggestionRedisParserVisitorSuite) TestVisitCommand() {
20 | input := antlr.NewInputStream("")
21 | lexer := NewRedisLexer(input)
22 | stream := antlr.NewCommonTokenStream(lexer, 0)
23 | p := NewRedisParser(stream)
24 | p.BuildParseTrees = true
25 |
26 | redisErrorStrategy := &RedisErrorStrategy{}
27 | p.SetErrorHandler(redisErrorStrategy)
28 | p.Command()
29 |
30 | sut.Assert().GreaterOrEqual(len(redisErrorStrategy.Expects), 1)
31 | fmt.Println(redisErrorStrategy.Expects)
32 | }
33 |
34 | func (sut *SuggestionRedisParserVisitorSuite) TestVisitClientCommand() {
35 | input := antlr.NewInputStream("CLIENT")
36 | lexer := NewRedisLexer(input)
37 | stream := antlr.NewCommonTokenStream(lexer, 0)
38 | p := NewRedisParser(stream)
39 | p.BuildParseTrees = true
40 |
41 | //redisErrorStrategy := &RedisErrorStrategy{}
42 | //p.SetErrorHandler(redisErrorStrategy)
43 | redisErrorListener := &SuggestionRedisErrorListener{}
44 | p.RemoveErrorListeners()
45 | p.AddErrorListener(redisErrorListener)
46 | p.Command()
47 |
48 | sut.Assert().GreaterOrEqual(len(redisErrorListener.ExpectedTokens), 1)
49 | fmt.Println(redisErrorListener.ExpectedTokens)
50 | }
51 |
52 | func TestConnectionSuite(t *testing.T) {
53 | suite.Run(t, new(SuggestionRedisParserVisitorSuite))
54 | }
55 |
--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "redis-web-manager",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@craco/craco": "^6.4.3",
7 | "@fluentui/react": "^8.44.0",
8 | "@fluentui/react-hooks": "^8.5.4",
9 | "@fluentui/react-icons-mdl2": "^1.2.8",
10 | "@fluentui/theme-samples": "^8.4.6",
11 | "@monaco-editor/react": "^4.4.5",
12 | "@types/lodash": "^4.14.170",
13 | "@types/node": "^16.7.13",
14 | "@types/react": "^17.0.20",
15 | "@types/react-dom": "^17.0.13",
16 | "@types/uuid": "^8.3.4",
17 | "dayjs": "^1.10.4",
18 | "i18next": "^20.2.1",
19 | "monaco-editor": "^0.33.0",
20 | "react": "^17.0.2",
21 | "react-dom": "^17.0.2",
22 | "react-i18next": "^11.8.13",
23 | "react-scripts": "5.0.0",
24 | "recharts": "^2.0.9",
25 | "rxjs": "^7.5.2",
26 | "typescript": "^4.4.2",
27 | "web-vitals": "^2.1.0"
28 | },
29 | "devDependencies": {
30 | "@testing-library/jest-dom": "^5.11.4",
31 | "@testing-library/react": "^11.1.0",
32 | "@testing-library/user-event": "^12.1.10",
33 | "@types/jest": "^27.0.1",
34 | "monaco-editor-webpack-plugin": "^7.0.1"
35 | },
36 | "scripts": {
37 | "start": "craco start",
38 | "build": "craco build && cp -r ./build/** ../desktop/web/build",
39 | "test": "craco test",
40 | "eject": "react-scripts eject"
41 | },
42 | "eslintConfig": {
43 | "extends": [
44 | "react-app",
45 | "react-app/jest"
46 | ]
47 | },
48 | "browserslist": {
49 | "production": [
50 | ">0.2%",
51 | "not dead",
52 | "not op_mini all"
53 | ],
54 | "development": [
55 | "last 1 chrome version",
56 | "last 1 firefox version",
57 | "last 1 safari version"
58 | ]
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/web/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
15 |
16 |
25 |
67 |
68 |
75 |
76 | );
77 | }
--------------------------------------------------------------------------------
/web/src/services/connection.service.ts:
--------------------------------------------------------------------------------
1 | import { defaultService } from "./api.service";
2 |
3 |
4 | export interface Connection {
5 | id: string,
6 | name: string,
7 | host: string,
8 | port: number,
9 | addrs?: Array{props.children}
69 |
74 |
33 |
34 | setSearchVisible(true)} />
35 |
36 |
37 | {searchVisible && setSearchVisible(false)} setInitialFocus={true}>
38 |
39 |
40 | setCondition({ ...condition, pattern: v || '' })}
42 | onKeyDown={(ev: KeyboardEvent) => {
43 | if (ev.key === 'Enter') {
44 | handleSearch(ev);
45 | }
46 | }} />
47 |
48 | { setCondition({ ...condition, count: v ? Number(v) : 0 }); }}
50 | onKeyDown={(ev: KeyboardEvent) => {
51 | if (ev.key === 'Enter') {
52 | handleSearch(ev);
53 | }
54 | }}
55 | />
56 |
57 |
58 |
59 | setSearchVisible(false)} />
60 |
61 |
62 |
64 |
65 |
66 | }
67 |
)
68 | }
--------------------------------------------------------------------------------
/web/src/App.tsx:
--------------------------------------------------------------------------------
1 | import { Theme, ThemeProvider } from '@fluentui/react';
2 | import React, { useEffect, useMemo, useState } from 'react';
3 | import { I18nextProvider } from 'react-i18next';
4 | import './App.css';
5 | import { ErrorMessageBar } from './components/common/ErrorMessageBar';
6 | import { Loading } from './components/common/Loading';
7 | import { MainTab } from './components/MainTab';
8 | import { ConfigEvent, ConfigEventAction, IConfigEvent } from './events/ConfigEvent';
9 | import i18n from './i18n';
10 | import './RegisterIcons';
11 | import { Config, getConfig, setConfig } from './services/config.service';
12 | import { getCustomTheme } from './themes';
13 |
14 | function App() {
15 | const [_config, _setConfig] = useState
39 |
40 | setSearchVisible(true)} />
41 |
42 |
43 | {searchVisible && setSearchVisible(false)} setInitialFocus={true}>
44 |
45 |
46 | setCondition({ ...condition, pattern: v || '' })}
48 | onKeyDown={(ev: KeyboardEvent) => {
49 | if (ev.key === 'Enter') {
50 | handleSearch(ev);
51 | }
52 | }} />
53 |
54 | { setCondition({ ...condition, count: Number(v) }); }}
56 | onKeyDown={(ev: KeyboardEvent) => {
57 | if (ev.key === 'Enter') {
58 | handleSearch(ev);
59 | }
60 | }}
61 | />
62 |
63 |
64 |
65 | setSearchVisible(false)} />
66 |
67 |
68 |
70 |
71 |
72 | }
73 |
)
74 | }
--------------------------------------------------------------------------------
/web/src/components/ZsetKeyCursorSearch.tsx:
--------------------------------------------------------------------------------
1 | import { ActionButton, Callout, IconButton, Stack, TextField, TooltipHost, useTheme } from '@fluentui/react';
2 | import React, { KeyboardEvent, MouseEvent, useEffect, useState } from 'react';
3 | import { useTranslation } from 'react-i18next';
4 |
5 | export interface IZsetKeyCursorProps {
6 | id: string
7 | onSearch: (pattern: string, count: number) => void
8 | length: number
9 | defaultMatchPattern: string
10 | defaultCount: number
11 | }
12 |
13 | export const ZsetKeySearch = (props: IZsetKeyCursorProps) => {
14 | const { id, onSearch, length, defaultMatchPattern, defaultCount } = props;
15 |
16 | const theme = useTheme(),
17 | { t } = useTranslation();
18 |
19 | const textFieldStyles = {
20 | fieldGroup: { borderColor: theme.palette.neutralQuaternaryAlt }
21 | };
22 |
23 | const [searchVisible, setSearchVisible] = useState(false),
24 | [condition, setCondition] = useState({ pattern: defaultMatchPattern, count: defaultCount, length });
25 |
26 | useEffect(() => {
27 | setCondition(condition => {
28 | return { ...condition, length: props.length };
29 | })
30 | }, [props])
31 |
32 | const handleSearch = (ev: MouseEvent
39 |
40 | setSearchVisible(true)} />
41 |
42 |
43 | {searchVisible && setSearchVisible(false)} setInitialFocus={true}>
44 |
45 |
46 | setCondition({ ...condition, pattern: v || '' })}
48 | onKeyDown={(ev: KeyboardEvent) => {
49 | if (ev.key === 'Enter') {
50 | handleSearch(ev);
51 | }
52 | }} />
53 |
54 | { setCondition({ ...condition, count: Number(v) }); }}
56 | onKeyDown={(ev: KeyboardEvent) => {
57 | if (ev.key === 'Enter') {
58 | handleSearch(ev);
59 | }
60 | }}
61 | />
62 |
63 |
64 |
65 | setSearchVisible(false)} />
66 |
67 |
68 |
70 |
71 |
72 | }
73 |
)
74 | }
--------------------------------------------------------------------------------
/web/src/components/settings/AppSettings.tsx:
--------------------------------------------------------------------------------
1 | import { ContextualMenu, ContextualMenuItemType, Icon } from '@fluentui/react';
2 | import React, { useRef, useState } from 'react';
3 | import { useTranslation } from 'react-i18next';
4 | import { ConfigEvent, ConfigEventAction } from '../../events/ConfigEvent';
5 | import { supportedLanguages } from '../../locales/resources';
6 | import { Config } from '../../services/config.service';
7 | import { AboutDialog } from './AboutDialog';
8 |
9 | export interface IAppSettings {
10 | config: Config
11 | }
12 |
13 | export const AppSettings = (props: IAppSettings) => {
14 | const { t } = useTranslation(),
15 | [aboutDialogHidden, setAboutDialogHidden] = useState(true),
16 | [showContextualMenu, setShowContextualMenu] = useState(false),
17 | linkRef = useRef(null);
18 |
19 | const handleChangeLanguage = (language: string) => {
20 | ConfigEvent.next({ action: ConfigEventAction.Language, params: language })
21 | }
22 |
23 | const handleChangeTheme = (theme: string) => {
24 | ConfigEvent.next({ action: ConfigEventAction.Theme, params: theme })
25 | }
26 |
27 | return (<>
28 | {/* settings */}
29 | {
30 | e.stopPropagation();
31 | e.preventDefault();
32 | setShowContextualMenu(true);
33 | }}>
34 | handleChangeTheme('light') },
43 | { key: 'darkTheme', text: t('Theme-Dark'), title: t('Theme-Dark'), onClick: () => handleChangeTheme('dark') },
44 | { key: 'WordTheme', text: t('Theme-Word'), title: t('Theme-Word'), onClick: () => handleChangeTheme('word') },
45 | { key: 'TeamsTheme', text: t('Theme-Teams'), title: t('Theme-Teams'), onClick: () => handleChangeTheme('teams') },
46 | ],
47 | },
48 | },
49 | {
50 | key: 'localeLanguage', text: t('Language'), iconProps: { iconName: 'LocaleLanguage', style: { lineHeight: '14px' } }, subMenuProps: {
51 | items: Object.keys(supportedLanguages).map(v => {
52 | return { key: v, text: supportedLanguages[v], onClick: () => handleChangeLanguage(v) }
53 | }),
54 | },
55 | },
56 | { key: 'divider_about', itemType: ContextualMenuItemType.Divider },
57 | {
58 | key: 'about', id: 'settingAbout', text: t('About'), iconProps: { iconName: 'Info', style: { lineHeight: '14px' } }, onClick: () => {
59 | setAboutDialogHidden(false);
60 | }
61 | },
62 | ]}
63 | hidden={!showContextualMenu}
64 | target={linkRef}
65 | onItemClick={() => { setShowContextualMenu(false) }}
66 | onDismiss={() => { setShowContextualMenu(false) }}
67 | />
68 |
69 | {/* about dialog */}
70 | setAboutDialogHidden(true)} />
71 |
72 |
73 | )
74 |
75 | }
--------------------------------------------------------------------------------
/web/src/services/websocket.service.ts:
--------------------------------------------------------------------------------
1 | import { filter, first, lastValueFrom, ReplaySubject, Subject, retry } from 'rxjs';
2 | import { WebSocketSubject } from 'rxjs/webSocket';
3 | import { v1 as uuidv1 } from 'uuid';
4 |
5 | const JSONRPC_VERSION = '2.0'
6 |
7 | export interface IJSONRPCRequest {
8 | jsonrpc?: string
9 | method: string
10 | params?: Array
4 |
5 | # RedisWebManager
6 |
7 | [](https://github.com/slowrookie/redis-web-manager/blob/master/LICENSE)
8 | [](https://github.com/slowrookie/redis-web-manager/actions/workflows/release.yml)
9 | 
10 | [](https://hub.docker.com/r/slowrookie/redis-web-manager)
11 |
12 |
13 | 简体中文 | [English](README.md)
14 |
15 | Redis Web Manager 是一款使用 React & Golang 开发的应用同时提供桌面版和Web版，用于管理Redis，支持多平台。
16 |
17 | ## 介绍
18 | - [项目截图](#项目截图)
19 | - [下载](#下载与安装)
20 | - [项目结构](#项目结构)
21 | - [相关仓库](#相关仓库)
22 | - [维护者](#维护者)
23 | - [如何贡献](#如何贡献)
24 | - [使用许可](#使用许可)
25 |
26 | ## 项目截图
27 |
28 | 
29 | 
30 | 
31 | 
32 | ## 下载与安装
33 |
34 | [Release](https://github.com/slowrookie/redis-web-manager/releases)
35 |
36 | 桌面应用包名：
37 | * `Windows`: RedisWebManager_windows_amd64.exe
38 | * `Linux` : RedisWebManager_amd64.AppImage
39 | * `MacOS`: RedisWebManager.dmg
40 |
41 | Web应用服务名:
42 | * `Windows`:
43 | * redis-web-manager_${version}-server.2_windows_amd64.tar.gz
44 | * redis-web-manager_${version}-server.2_windows_arm64.tar.gz
45 | * `Linux`:
46 | * redis-web-manager_${version}-server.2_linux_amd64.tar.gz
47 | * redis-web-manager_${version}-server.2_linux_arm64.tar.gz
48 | * `MacOS`:
49 | * redis-web-manager_${version}-server.2_darwin_amd64.tar.gz
50 | * redis-web-manager_${version}-server.2_darwin_arm64.tar.gz
51 | * `Docker`:
52 | * https://hub.docker.com/r/slowrookie/redis-web-manager
53 | ```shell
54 | docker run --rm -d -p 63790:63790/tcp slowrookie/redis-web-manager:latest
55 | ```
56 |
57 |
58 | ## 项目结构
59 |
60 | - `api` 主要功能逻辑
61 | - `web` 前端项目文件
62 | - `desktop` 桌面应用构建相关
63 | - `server` 服务应用构建相关
64 |
65 | ## 相关仓库
66 |
67 | - [microsoft/fluentui](https://github.com/microsoft/fluentui)
68 | - [wails2](https://github.com/wailsapp/wails)
69 | - [go-redis/redis](https://github.com/go-redis/redis)
70 |
71 | ## 维护者
72 |
73 | [@slowrookie](https://github.com/slowrookie)
74 |
75 | ## 如何贡献
76 |
77 | 欢迎你的加入！[提一个 Issue](https://github.com/slowrookie/redis-web-manager/issues/new) 或者提交一个 Pull Request。
78 |
79 | ## 特别感谢
80 |
81 |
82 | 特别感谢 JetBrains 提供许可支持！
83 |
84 | 
85 |
86 |
62 |
64 |
83 |
85 |
4 |
5 | # RedisWebManager
6 |
7 | [](https://github.com/slowrookie/redis-web-manager/blob/master/LICENSE)
8 | [](https://github.com/slowrookie/redis-web-manager/actions/workflows/release.yml)
9 | 
10 | [](https://hub.docker.com/r/slowrookie/redis-web-manager)
11 |
12 |
13 | English | [简体中文](README.zh_CN.md)
14 |
15 | Redis Web Manager is an application developed with React & Golang that provides both desktop and web versions for managing Redis and supports multiple platforms.
16 |
17 | ## Introduction
18 | - [Project Screenshot](#Project-screenshot)
19 | - [Download & Install](#Download--install)
20 | - [Project Structure](#Project-structure)
21 | - [Related Efforts](#Related-efforts)
22 | - [Maintainers](#Maintainers)
23 | - [Contributing](#Contributing)
24 | - [License](#License)
25 |
26 | ## Project Screenshot
27 |
28 |
29 |
30 |
31 |
32 |
33 | ## Download & Install
34 |
35 | [Release](https://github.com/slowrookie/redis-web-manager/releases)
36 |
37 | Desktop：
38 | * `Windows`: RedisWebManager_windows_amd64.exe
39 | * `Linux` : RedisWebManager_amd64.AppImage
40 | * `MacOS`: RedisWebManager.dmg
41 |
42 | Web Server:
43 | * `Windows`:
44 | * redis-web-manager_${version}-server.2_windows_amd64.tar.gz
45 | * redis-web-manager_${version}-server.2_windows_arm64.tar.gz
46 | * `Linux`:
47 | * redis-web-manager_${version}-server.2_linux_amd64.tar.gz
48 | * redis-web-manager_${version}-server.2_linux_arm64.tar.gz
49 | * `MacOS`:
50 | * redis-web-manager_${version}-server.2_darwin_amd64.tar.gz
51 | * redis-web-manager_${version}-server.2_darwin_arm64.tar.gz
52 | * `Docker`:
53 | * https://hub.docker.com/r/slowrookie/redis-web-manager
54 | ```shell
55 | docker run --rm -d -p 63790:63790/tcp slowrookie/redis-web-manager:latest
56 | ```
57 |
58 |
59 | ## Project Structure
60 |
61 | - `api` main function logic
62 | - `web` frontend project
63 | - `desktop` desktop build
64 | - `server` web server build
65 |
66 | ## Related Efforts
67 |
68 | - [microsoft/fluentui](https://github.com/microsoft/fluentui)
69 | - [wails2](https://github.com/wailsapp/wails)
70 | - [go-redis/redis](https://github.com/go-redis/redis)
71 |
72 | ## Maintainers
73 |
74 | [@slowrookie](https://github.com/slowrookie)
75 |
76 | ## Contributing
77 |
78 | Welcome to join us! [Open an issue](https://github.com/slowrookie/redis-web-manager/issues/new) or submit PRs.
79 |
80 | ## Special Thanks
81 |
82 |
83 | Special thanks to JetBrains for licensing support！
84 |
85 |
86 |
87 |
97 |
98 |
99 | {lines && lines.map((line, i) =>
100 |
101 | {line.type === "I" && (<>
102 | {`${line.db} >`}
103 |
104 | {line.disabled ? ({line.command}) :
105 | (
106 | <>
107 |
108 |
109 | )}
110 |
111 | )}
112 |
113 | {line.type === "O" && )}
118 |
119 |
120 |
121 | )
122 | }
--------------------------------------------------------------------------------
/web/src/components/command/Suggestion.tsx:
--------------------------------------------------------------------------------
1 | import { Callout, CheckboxVisibility, DetailsList, DetailsListLayoutMode, DirectionalHint, FocusZone, FocusZoneDirection, SelectionMode, TextField } from '@fluentui/react';
2 | import { useId } from '@fluentui/react-hooks';
3 | import React, { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';
4 | import { Connection, suggestions } from '../../services/connection.service';
5 |
6 | export interface ISuggestionProps {
7 | connection: Connection,
8 | onChange?: (command?: string) => void
9 | onSearch: (command?: string) => void
10 | errorMessage?: string
11 | }
12 |
13 |
14 | export const Suggestion = (props: ISuggestionProps) => {
15 |
16 | const [command, setCommand] = useState
114 |
}
116 |
117 | {line.ret}
115 |
71 | setCalloutVisible(false)}
87 | setInitialFocus={false}
88 | hidden={!isCalloutVisible}
89 | calloutMaxHeight={300}
90 | style={{ width: 295 }}
91 | target={`#${searchBoxId}`}
92 | directionalHint={DirectionalHint.bottomLeftEdge}
93 | isBeakVisible={false}
94 | >
95 |
96 | {
108 | return item
109 | }
110 | }]}
111 | items={expects} />
112 |
113 |
114 |
115 |
116 |
117 | }
--------------------------------------------------------------------------------
/web/src/components/lua/Luas.tsx:
--------------------------------------------------------------------------------
1 | import { CheckboxVisibility, DefaultButton, Depths, DetailsList, DetailsListLayoutMode, PrimaryButton, Selection, SelectionMode, Spinner, SpinnerSize, Stack, TooltipHost, useTheme } from '@fluentui/react';
2 | import React, { useCallback, useEffect, useState } from 'react';
3 | import { useTranslation } from 'react-i18next';
4 | import { Connection } from '../../services/connection.service';
5 | import { deleteLua, loadLuas, Lua } from '../../services/lua.service';
6 | import { ErrorMessageBar } from '../common/ErrorMessageBar';
7 | import { Scripting } from './Scripting';
8 |
9 |
10 | export interface ILuaProps {
11 | connection: Connection
12 | }
13 |
14 | export const Luas = (props: ILuaProps) => {
15 | const { connection } = props;
16 |
17 | const theme = useTheme(),
18 | [loading, setLoading] = useState(false),
19 | { t } = useTranslation(),
20 | [luas, setLuas] = useState
99 | {
106 | _setLua({ ..._lua, script: v || '' })
107 | }}
108 | onMount={(editor, monaco) => {
109 | editorRef.current = editor;
110 | }}
111 | />
112 |
113 |