Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
9508198
RI-7226: fix RiTooltip when content is empty (#4742)
KrumTy Jul 22, 2025
65736aa
electron upgraded from 33.* to 36.* (#4740)
Jul 22, 2025
2e64134
RI-7212: replace EuiFormFieldset with FormFieldset (#4739)
KrumTy Jul 22, 2025
f08ae61
RI-7226: fix RiTooltip when title/content is empty (#4747)
KrumTy Jul 22, 2025
8416742
RI-7236 replace settings icon (#4745)
dantovska Jul 25, 2025
5c86907
RI-7211: replace eui form
pd-redis Jul 25, 2025
030f3f0
RI-7208 replace eui collapsible nav group
pd-redis Jul 25, 2025
907799f
Remove unused PageBreadcrumbs component (#4746)
pd-redis Jul 25, 2025
a061b08
RI-7228 - key details - space is missing between Add / Cancel (#4761)
Jul 28, 2025
c14102f
RI-7239 - Workbench results - the execution time has a broken layout …
Jul 28, 2025
f1d8528
RI-7030 - on workbench page, the text in the executing queries has br…
Jul 28, 2025
1ccfce9
RI-7210 replace eui file picker
pd-redis Jul 29, 2025
7d34422
Fe/feature/ri 7233 key details on web and full screen do not expand…
Jul 29, 2025
d0997b0
RI-7224 - in messages - ACK / CLAIM buttons need space between (#4769)
Jul 29, 2025
16e5768
RI-7213: replace EuiImage with img tag (#4760)
dantovska Jul 29, 2025
7d4f6bc
RI-7209 - Replace EuiFieldText with Input (#4775)
Jul 30, 2025
3016ee7
RI-7214: Replace EUI loading logo with custom bouncing logo component…
dantovska Jul 31, 2025
31b21bb
RI-7235 new navigation (#4777)
pd-redis Jul 31, 2025
37686f6
RI-7207: Replace RUI Button Group with Redis Button Group (#4773)
dantovska Jul 31, 2025
e3cb2d7
Merge remote-tracking branch 'origin/fe/feature/RI-7039-replace-eui' …
KrumTy Jul 31, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .github/actions/install-all-build-libs/action.yml
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ runs:
- name: Setup Node
uses: actions/setup-node@v4.0.4
with:
node-version: '22.11.0'
node-version: '22.12.0'
# disable cache for windows
# https://github.com/actions/setup-node/issues/975
cache: ${{ runner.os != 'Windows' && 'yarn' || '' }}
Expand Down
17 changes: 10 additions & 7 deletions electron-builder.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,9 @@
"files": ["dist", "node_modules", "package.json"],
"artifactName": "Redis-Insight-${os}-${arch}.${ext}",
"compression": "normal",
"npmRebuild": false,
"nodeGypRebuild": false,
"buildDependenciesFromSource": false,
"asarUnpack": ["node_modules/keytar", "node_modules/sqlite3"],
"protocols": [
{
Expand All @@ -24,9 +27,7 @@
"arch": ["x64", "arm64"]
}
],
"notarize": {
"teamId": "UUK47G4BAZ"
},
"notarize": true,
"type": "distribution",
"hardenedRuntime": true,
"darkModeSupport": true,
Expand Down Expand Up @@ -86,7 +87,7 @@
"target": ["nsis"],
"artifactName": "Redis-Insight-${os}-installer.${ext}",
"icon": "resources/icon.ico",
"publisherName": ["Redis Inc.", "Redis Labs Inc."]
"legalTrademarks": "Redis Inc., Redis Labs Inc."
},
"nsis": {
"oneClick": false,
Expand Down Expand Up @@ -117,9 +118,11 @@
"category": "Development",
"artifactName": "Redis-Insight-${os}-${arch}.${ext}",
"desktop": {
"Name": "Redis Insight",
"Type": "Application",
"Comment": "Redis GUI by Redis Ltd"
"entry": {
"Name": "Redis Insight",
"Type": "Application",
"Comment": "Redis GUI by Redis Ltd"
}
}
},
"deb": {
Expand Down
10 changes: 5 additions & 5 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
"package:mac": "yarn build:prod && electron-builder build --mac -p never",
"package:mac:arm": "yarn build:prod && electron-builder build --mac --arm64 -p never",
"package:linux": "yarn build:prod && electron-builder build --linux -p never",
"postinstall": "patch-package && vite optimize -c ./redisinsight/ui/vite.config.mjs && skip-postinstall || (electron-builder install-app-deps && yarn-deduplicate yarn.lock)",
"postinstall": "patch-package && vite optimize -c ./redisinsight/ui/vite.config.mjs && skip-postinstall || yarn-deduplicate yarn.lock",
"test": "jest ./redisinsight/ui -w 1",
"test:api": "yarn --cwd redisinsight/api test",
"test:api:integration": "yarn --cwd redisinsight/api test:api",
Expand Down Expand Up @@ -158,8 +158,8 @@
"csv-parser": "^3.0.0",
"csv-stringify": "^6.4.0",
"dotenv": "^16.4.5",
"electron": "33.2.0",
"electron-builder": "^24.13.3",
"electron": "^36.4.0",
"electron-builder": "^26.0.12",
"electron-builder-notarize": "^1.5.2",
"electron-debug": "^3.2.0",
"electron-devtools-installer": "^3.2.0",
Expand Down Expand Up @@ -254,7 +254,7 @@
"electron-context-menu": "^3.1.0",
"electron-log": "^4.2.4",
"electron-store": "^8.0.0",
"electron-updater": "^6.3.9",
"electron-updater": "^6.6.2",
"file-saver": "^2.0.5",
"formik": "^2.2.9",
"fzstd": "^0.1.0",
Expand All @@ -272,7 +272,7 @@
"monaco-editor": "^0.48.0",
"monaco-yaml": "^5.1.1",
"msgpackr": "^1.10.1",
"node-abi": "^3.71.0",
"node-abi": "^4.12.0",
"pako": "^2.1.0",
"php-serialize": "^4.0.2",
"pickleparser": "^0.2.1",
Expand Down
32 changes: 0 additions & 32 deletions redisinsight/ui/src/assets/img/sidebar/settings.svg

This file was deleted.

32 changes: 0 additions & 32 deletions redisinsight/ui/src/assets/img/sidebar/settings_active.svg

This file was deleted.

Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
import React, { ReactNode } from 'react'
import cx from 'classnames'
import {
RiAccordion,
RiAccordionProps,
} from 'uiSrc/components/base/display/accordion/RiAccordion'

export type RICollapsibleNavGroupProps = Omit<
RiAccordionProps,
'collapsible' | 'content' | 'defaultOpen' | 'title' | 'label'
> & {
title: ReactNode
children: ReactNode
isCollapsible?: boolean
className?: string
initialIsOpen?: boolean
onToggle?: (isOpen: boolean) => void
forceState?: 'open' | 'closed'
}
export const RICollapsibleNavGroup = ({
children,
title,
isCollapsible = true,

Check warning on line 23 in redisinsight/ui/src/components/base/display/collapsible-nav-group/RICollapsibleNavGroup.tsx

View workflow job for this annotation

GitHub Actions / Coverage annotations (🧪 jest-coverage-report-action)

🌿 Branch is not covered

Warning! Not covered branch
className,
initialIsOpen,
onToggle,
forceState,
open,
...rest
}: RICollapsibleNavGroupProps) => (
<RiAccordion
{...rest}
collapsible={isCollapsible}
className={cx(className, 'RI-collapsible-nav-group')}
defaultOpen={initialIsOpen}
open={forceState === 'open' || open}
label={title}
onOpenChange={onToggle}
>
<div className="RI-collapsible-nav-group-content">{children}</div>
</RiAccordion>
)
8 changes: 8 additions & 0 deletions redisinsight/ui/src/components/base/display/image/RiImage.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
import React from 'react'
import { RiImageProps, StyledImage } from './image.styles'

const RiImage = ({ $size, src, alt, ...rest }: RiImageProps) => (
<StyledImage src={src} alt={alt} $size={$size} {...rest} />
)

export default RiImage
37 changes: 37 additions & 0 deletions redisinsight/ui/src/components/base/display/image/image.styles.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
import { HTMLAttributes } from 'react'
import styled, { css } from 'styled-components'

export const SIZES = ['s', 'm', 'l', 'xl', 'original', 'fullWidth'] as const

export const imageSizeStyles = {
s: css`
width: 100px;
`,
m: css`
width: 200px;
`,
l: css`
width: 360px;
`,
xl: css`
width: 600px;
`,
original: css`
width: auto;
`,
fullWidth: css`
width: 100%;
`,
}

export type RiImageSize = (typeof SIZES)[number]

export interface RiImageProps extends HTMLAttributes<HTMLImageElement> {
$size?: RiImageSize
src: string
alt: string
}

export const StyledImage = styled.img<RiImageProps>`
${({ $size = 'original' }) => imageSizeStyles[$size]}
`
7 changes: 6 additions & 1 deletion redisinsight/ui/src/components/base/display/index.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,9 @@
import Loader from './loader/Loader'
import ProgressBarLoader from './progress-bar/ProgressBarLoader'
import RiImage from './image/RiImage'
import RiLoadingLogo from './loading-logo/RiLoadingLogo'

export { Loader, ProgressBarLoader }
export { Loader, ProgressBarLoader, RiImage, RiLoadingLogo }
export { RICollapsibleNavGroup } from './collapsible-nav-group/RICollapsibleNavGroup'

export type { RICollapsibleNavGroupProps } from './collapsible-nav-group/RICollapsibleNavGroup'
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
import React, { HTMLAttributes } from 'react'
import styled, { keyframes } from 'styled-components'

const bounce = keyframes`
0%, 100% {
transform: translateY(0);
}

50% {
transform: translateY(-15px);
}
`

export const SIZES = ['M', 'L', 'XL', 'XXL'] as const

export type RiLoadingLogoSize = (typeof SIZES)[number]

export interface RiLoadingLogoProps extends HTMLAttributes<HTMLImageElement> {
src: string
$size?: RiLoadingLogoSize
$bounceSpeed?: number
alt?: string
}

const Wrapper = styled.div`
display: inline-flex;
align-items: center;
justify-content: center;
`

const BouncingLogo = styled.img<RiLoadingLogoProps>`
width: ${({ theme, $size = 'XL' }) =>

Check warning on line 32 in redisinsight/ui/src/components/base/display/loading-logo/RiLoadingLogo.tsx

View workflow job for this annotation

GitHub Actions / Coverage annotations (🧪 jest-coverage-report-action)

🌿 Branch is not covered

Warning! Not covered branch
theme.components.iconButton.sizes[$size].width};
animation: ${bounce} ${({ $bounceSpeed }) => $bounceSpeed}s ease-in-out
infinite;
`

const RiLoadingLogo = ({
src,
$size = 'XL',

Check warning on line 40 in redisinsight/ui/src/components/base/display/loading-logo/RiLoadingLogo.tsx

View workflow job for this annotation

GitHub Actions / Coverage annotations (🧪 jest-coverage-report-action)

🌿 Branch is not covered

Warning! Not covered branch
$bounceSpeed = 1,
alt = 'Loading logo',
}: RiLoadingLogoProps) => (
<Wrapper>
<BouncingLogo
src={src}
$size={$size}
$bounceSpeed={$bounceSpeed}
alt={alt}
/>
</Wrapper>
)

export default RiLoadingLogo
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
import { ButtonGroup, ButtonGroupProps } from '@redis-ui/components'

export { ButtonGroup }

export type { ButtonGroupProps }
Loading
Loading