diego3g / rocketredis Goto Github PK

View Code? Open in Web Editor NEW

1.9K 1.9K 172.0 1.82 MB

A beautiful Redis GUI :fire: (under development)

License: MIT License

JavaScript 11.37% TypeScript 88.16% HTML 0.47%

rocketredis's Introduction

Diego Fernandes

CTO @Rocketseat.

Enthusiast of the best web & mobile development technologies.

Passionate about education and changing people's lives through programming. More than 200,000 people have already undergone one of my trainings.

"Nothing in this world beats good old persistence. Talent does not surpass. Nothing more common than talented failures. Genius does not overcome. Unrecognized geniuses is practically a cliche. Education does not exceed. The world is full of educated fools. Persistence and determination alone are powerful."

rocketredis's People

Contributors

Stargazers

Watchers

Forkers

iorran carlosdanieldev doli82 joaojlf4 rafaelitajahy vitorlucas henriqueaf stux145 isaacmirandacampos felipeurbansk scriptech tvaccari34 renanbym arthuraraujo alefechorna acmesquita erickbandinelli ruisaraiva19 sirvaizard mariojuniorpro marciopocebon mateushnsoares irk3n-dev pedroguilhermefariaduarte heitorh3 leandher leoferreiralima umutambyi-gad apreczewski claudiohilario mhsscel sswares krzemienski sjoco68 naveenkumarparamasivam369 spyman4032 angelo848 0x7an suvrajeet01 marcusfernandes gpsbird mrjackwang tchigher i6u skyformat99 devenlu kingdomdong wignesh n0r giancarl021 cybernetics filipebsmaia hyankelwin shaunstanislauslau haple andremof morpa delapria guilhermekayan pauloofmeta jizh6311 gabrielsohn renaldodev andrecampll mrg123 limterran yudhaputrama alcantararw natanaelsirqueira mu-l marcosasilva thedemodev gitview josepholiveira muurilo joseviniciusnunes juniorpb filipessant adarshsaraogi tgmarinho marcelobrk eduardoeliasap eklauberg sadpdtchr roaugusto allandiego agonhyseni tools-store higor369 jcavendish lyndon-revue juniarta kairolamarca jimersylee bluesky755 lucasbaquinoo italoiz saurocode bestjex rikyuustudio

rocketredis's Issues

Sugestion

When I have connections the list does not show a scroll bar.

is this project alive

Wonder if exists plan to continue the development

Redis Docker Container

I think is a good Idea create a docker instance of Redis for develop and ensure a common environment.

I search a little and I found this configuration:
https://imasters.com.br/devsecops/docker-dica-rapida-criando-uma-instancia-do-redis-via-docker-compose

What you guys think about it?

I have problems with install material-ui components

ERROR in ./node_modules/@mui/system/ThemeProvider/ThemeProvider.js
Module not found: Error: Can't resolve 'react/jsx-runtime' in '/Users/junielfilappi/Desktop/javascript/cloud-invoice/node_modules/@mui/system/ThemeProvider'
@ ./node_modules/@mui/system/ThemeProvider/ThemeProvider.js 22:18-46
@ ./node_modules/@mui/system/ThemeProvider/index.js
@ ./node_modules/@mui/system/index.js
@ ./node_modules/@mui/material/node/styles/styled.js
@ ./node_modules/@mui/material/node/ListSubheader/ListSubheader.js
@ ./node_modules/@mui/material/node/ListSubheader/index.js
@ ./node_modules/@mui/material/node/index.js
@ ./src/pages/Login/index.tsx
@ ./src/routes/index.tsx
@ ./src/App.tsx
@ multi ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js ./src/App.tsx

Error when commit

It is not possible to commit my functionality github desktop always gives me this error.

Commit failed - exit code 1 received, with output: 'husky > pre-commit (node v12.18.2)
[STARTED] Preparing...
[SUCCESS] Preparing...
[STARTED] Running tasks...
[STARTED] Running tasks for *.{js,jsx,ts,tsx}
[STARTED] Running tasks for package.json
[STARTED] eslint --fix
[STARTED] sort-package-json
[SUCCESS] sort-package-json
[SUCCESS] Running tasks for package.json
[SUCCESS] eslint --fix
[SUCCESS] Running tasks for *.{js,jsx,ts,tsx}
[SUCCESS] Running tasks...
[STARTED] Applying modifications...
[SUCCESS] Applying modifications...
[STARTED] Cleaning up...
[SUCCESS] Cleaning up...
husky > prepare-commit-msg (node v12.18.2)
sh: /dev/tty: No such device or address
husky > prepare-commit-msg hook failed (cannot be bypassed with --no-verify due to Git specs)'

Connection list

It should be able to connect to a save connection to see its details like how many keys are stored inside of each included databases.

The user may connect just by double clicking the connection inside the connection list on the sidebar.

After that, a loading indicator should be shown during the connection process and after all that the user will get a visual feedback about the connection status.

Red background: Connection failed
Purple background: Connection successful

If the connection fails, the user can retry it clicking a button, otherwise, the user can see all of the databases inside the connection and how many keys there are inside of each one.

Layout: https://www.figma.com/file/YRor24p0TmTxcjl5L86jGb/Rocket-Redis?node-id=1%3A2

Refactor test connection

Currently the Test connection feature check the connection simply by trying to connect to the database instance, but it seems that even when we provide a wrong password the connection test passes.

We need to find an way to test if the connection really works.

I think one good method is to execute the ping Redis command (https://redis.io/commands/ping) that returns pong and if this command works, then we're connected.

Suggestion: group keys with the same "namespace"

Hello. First of all, this is great! I really love the app's design. It doesn't look like a thing from the 90's like most Redis related tools.

Namespacing things with separators (like semicolons) would make visually searching for a set of keys easier. It could be with folders, like this:

If I knew any Electron I could try to help, but JS is not really my cup of tea :)

Thanks guys.

A Few ... Suggestions

Cute interface; however, I've not tried it. I'm leaving these suggestions not for me but for you in case you want this thing to be more than a fancy connection manager.

Write up some goals for the product. What is the intention for its existence? What problems will it try to solve and what problems will it not try to solve?
Write some documentation.
Consider usability (perhaps you've done this already; however, I wouldn't know since I've not used it)
Consider what happens when a person stores several connections and wants to move those settings to another computer (i.e. dotfiles)
How will you deal with dotfiles (i.e. XDG?)
Proxies, TLS, etc
Keyboard shortcuts (think, slack)
Automation & Scripting (will this be useful for repetitive tasks?)

That's all I can think of for now. Hope it helps.

Add packaging to Mac/Windows/Linux

It should be able to generate the executables for each operation system (Mac/Windows/Linux).

References: https://www.electron.build

Check NPM dependencies cache in Github Workflows

Currently, the npm install inside dependencies is taking too long to execute even without new dependencies.

[RFC] Project design and tasks

Hello everyone!

I started working on the project UI, at first i got the connection list so we can already add all of the functionalities around it.

Layout (work in progress):
https://www.figma.com/file/YRor24p0TmTxcjl5L86jGb/Rocket-Redis?node-id=0%3A1

Later today i'll create tasks inside the project tab here inside Github: https://github.com/diego3g/rocketredis/projects/1?add_cards_query=is%3Aopen

Feel free to use this issue to discuss about design and features inside Rocket Redis.

Thanks all for the contribution until now 💜

UI bug identified on Windows 10

Diego, I identified unexpected behavior in the top bar on Windows 10.

The configuration applied in the electron/main.ts file had no effect on Windows.

Error when running the project

After cloning the project and installing all dependencies, both yarn dev commands that should be unique to execute the project or yarn dev:reactand yarn dev:electron that would run each environment individually, don't work on MacOS. The Electron application is instantiated , but the application interface isn't open. Is there a step missing that is not clear? I looked at the video on YouTube, where the project was demonstrated to see the steps and I found no differences.

Feature: Add save connection option

We should add this issue on the TO-DO list task where user can save the current connection instances.

It's not showing databases

It's not showing any database for me 🤔, i have tested with others redis management softwares like Redily and it's working fine.
I'm on Windows 10 1809

Integrate CI

It would be great to have CI in the project, we can use github actions or circleCI. Perhaps it is not yet the right time to implement this, but it would be very good.

Can not save connection

After test connection successfully, I can not save the connection. Nothing happen when I click save button!

Windows 10
Node 12

README-to have more details about the repository

we could add some more brief details about the repository in which it could be included in the README File.

Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED

yarn dev command resulting in the following error...

pm-run-all -p dev:react electron:serve
$ wait-on http-get://localhost:4000/ && npm run dev:electron
$ cross-env NODE_ENV=development webpack-dev-server --config webpack/react.webpack.js
ℹ ｢wds｣: Project is running at http://localhost:4000/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /home/asaas/dev/projects/gui-redis/dist/renderer
ℹ ｢wds｣: 404s will fallback to /index.html
node:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/home/asaas/dev/projects/gui-redis/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/asaas/dev/projects/gui-redis/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/home/asaas/dev/projects/gui-redis/node_modules/webpack/lib/NormalModule.js:471:10)
    at /home/asaas/dev/projects/gui-redis/node_modules/webpack/lib/NormalModule.js:503:5
    at /home/asaas/dev/projects/gui-redis/node_modules/webpack/lib/NormalModule.js:358:12
    at /home/asaas/dev/projects/gui-redis/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/home/asaas/dev/projects/gui-redis/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at Array.<anonymous> (/home/asaas/dev/projects/gui-redis/node_modules/loader-runner/lib/LoaderRunner.js:205:4) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'

Electron updater and Hazel

Currently we have enabled the Electron Updater in the project, but does it work without a server to store the application bundles?

I saw this project today and i'm trying to find if it fit our needs here with the auto updates: https://github.com/vercel/hazel

Problem with menu

I saw that we are creating a menu in main.ts (electron) but this menu is not showing in Windows/linux (because of the custom Header). It only shows in Mac because MacOS handles different the menu.

The idea is to only show in MacOS or it is suppose to show in others platform?

If the answer is for all plataforms, I am thinking on fixing it putting the menu in the Header component but we don't a layout for it (one with the menu).
Some insights would be good, so I can work on it.

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	`@types/ioredis`
npm	`@types/yup`
npm	`eslint-plugin-node`
npm	`eslint-plugin-standard`
npm	`i18next-electron-language-detector`
npm	`npm-run-all`

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

chore(deps): update dependency electron to v22 [security]
chore(deps): update babel monorepo (@babel/core, @babel/plugin-transform-runtime, @babel/preset-env, @babel/preset-react, @babel/preset-typescript, @babel/runtime)
chore(deps): update dependency @types/node to v12.20.55
chore(deps): update dependency commitizen to v4.3.0
chore(deps): update dependency eslint-plugin-import to v2.29.1
chore(deps): update dependency prettier to v2.8.8
chore(deps): update react monorepo (@types/react, @types/react-dom, eslint-plugin-react-hooks, react, react-dom, react-refresh)
Click on this checkbox to rebase all open PRs at once

Detected dependencies

docker-compose

docker-compose.yml

redis 6.0

github-actions

.github/workflows/build.yml

actions/checkout v1

actions/setup-node v1

actions/cache v2

samuelmeuli/action-electron-builder v1

.github/workflows/lint.yml

actions/checkout v2

actions/setup-node v1

bahmutov/npm-install v1

.github/workflows/test.yml

actions/checkout v2

actions/setup-node v1

bahmutov/npm-install v1

.github/workflows/tsc.yml

actions/checkout v2

actions/setup-node v1

bahmutov/npm-install v1

npm

package.json

@babel/runtime 7.10.5

@unform/core 2.1.3

@unform/web 2.1.3

electron-store 5.2.0

electron-updater 4.3.4

i18next 19.6.3

i18next-electron-language-detector 0.0.10

i18next-fs-backend 1.0.7

ioredis 4.17.3

npm-run-all 4.1.5

polished 3.6.5

react 16.13.1

react-contextmenu 2.14.0

react-dom 16.13.1

react-i18next 11.7.0

react-icons 3.10.0

react-modal 3.11.2

react-resizable 1.10.1

react-spring 8.0.27

react-use 15.3.3

react-virtual 2.2.1

recoil 0.0.10

styled-components 5.1.1

uuidv4 6.2.0

wait-on 5.2.1

yup 0.29.2

@babel/core 7.10.5

@babel/plugin-transform-runtime 7.10.5

@babel/preset-env 7.10.4

@babel/preset-react 7.10.4

@babel/preset-typescript 7.10.4

@commitlint/cli 9.1.2

@commitlint/config-conventional 9.1.2

@commitlint/core 9.1.2

@pmmmwh/react-refresh-webpack-plugin 0.4.1

@testing-library/react 10.4.9

@types/ioredis 4.17.2

@types/jest 26.0.7

@types/node 12.19.12

@types/react 16.9.41

@types/react-dom 16.9.8

@types/react-modal 3.10.6

@types/react-resizable 1.7.2

@types/styled-components 5.1.1

@types/yup 0.29.3

@typescript-eslint/eslint-plugin 3.10.1

@typescript-eslint/parser 3.10.1

babel-loader 8.1.0

commitizen 4.1.2

cross-env 7.0.2

cz-conventional-changelog 3.2.0

electron 11.1.0

electron-builder 22.8.0

eslint 7.5.0

eslint-config-prettier 6.11.0

eslint-config-standard 14.1.1

eslint-import-resolver-typescript 2.0.0

eslint-plugin-import 2.22.0

eslint-plugin-import-helpers 1.1.0

eslint-plugin-node 11.1.0

eslint-plugin-prettier 3.1.4

eslint-plugin-promise 4.2.1

eslint-plugin-react 7.22.0

eslint-plugin-react-hooks 4.0.8

eslint-plugin-standard 4.0.1

html-webpack-plugin 4.3.0

husky 4.2.5

jest 26.1.0

json-schema-typed 7.0.3

lint-staged 10.2.11

prettier 2.0.5

react-refresh 0.8.3

rimraf 3.0.2

sort-package-json 1.44.0

ts-jest 26.4.4

typescript 3.9.7

webpack 4.44.0

webpack-cli 3.3.12

webpack-dev-server 3.11.0

Check this box to trigger a request for Renovate to run again on this repository

Add connection actions (edit, delete, etc...)

It should be able to execute some common operation with saved connections.

Connect/disconnect;
Edit settings;
Refresh;
Delete connection;

If not connected, the connect option will be available, otherwise the disconnect option will be visible.

The edit button must open the same modal used to create a connection but with the fields filled saving the connection in the end.

The refresh must be visible only after connected, this option refreshes all databases inside the connection and each individual key count.

The delete connection will delete permanently the connection from the store, it would be great to confirm with the user before the final delete, something like writing the name of the connection to delete or writing DELETE.

All of these options should be available when the user clicks with the right mouse button in a connection.

Layout: https://www.figma.com/file/YRor24p0TmTxcjl5L86jGb/Rocket-Redis?node-id=15%3A13

Travis implementation for automation test & build.

we could also have the automation build & test pipeline for this repository using Travis CI and CD.

Files versioned by error?

Looking at the project, I found some files that I believe are not right.

First strange file in the project is yarn-error.log and then the presence of yarn.lock and package-lock.json.

What is the correct package manager?

Build Commands

Commands to build the app to windows, mac, linux

UI: New Fonts

@diego3g can we come up with some new font style for this app. if yes let me know so i can work on this.

Mutiplos server

Como eu faço pra add vairos server ?

Add React Hooks ESLint plugin

We should add eslint-plugin-react-hooks (https://www.npmjs.com/package/eslint-plugin-react-hooks).

Multi-Language Support

It would be great and necessary to have support for multiple languages

List database keys

It should be able to user list database keys when a database is selected in the sidebar.

After connected, user can select a database from the sidebar and see all of its content.

The database keys must be grouped for every : included in the key, like a graph.

For example, the keys:

cache:provider:1
cache:provider:2

Will be converted in groups like:

cache > provider > keys 1 and 2

So if the user want to see the keys 1 and 2, he needs to click on cache group, then the provider and then the list of keys will be available.

It should also be able to user filter the keys by its name, a simple matching filter.

Layout: https://www.figma.com/file/YRor24p0TmTxcjl5L86jGb/Rocket-Redis?node-id=1%3A2

Add tooltip to inputs with validation errors

The form validation errors are not shown anywhere. It looks like we're missing a tooltip on the input icon.

Save connection

Currently we are not able to store connections neither connect to the database to list keys inside of it.

We need to implement the "Save connection" feature after the user clicks on "Save" button inside the "Create connection" modal.

The connection must be stored for later access;
The connection password must be stored securely (https://github.com/sindresorhus/electron-store#encryptionkey);

For now we'll only allow simple server/port connections, no SSH/TLS.

Layout: https://www.figma.com/file/YRor24p0TmTxcjl5L86jGb/Rocket-Redis?node-id=27%3A156

Error execute yarn dev

Error when executing yarn dev

npm WARN lifecycle The node binary used for scripts is /tmp/yarn--1595973395396-0.20066777516086587/node but npm is using /home/saymon/.nvm/versions/node/v12.17.0/bin/node itself. Use the --scripts-prepend-node-path option to include the path for the node binary npm was executed with.

System:
Windows 10 Pro with WSL 2