UNPKG

p3x-redis-ui-material

Version:

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

1 lines • 3.18 kB
import{i as e}from"./rolldown-runtime-aKtaBQYM.js";import{it as t,t as n}from"./Box-CN-vzd2M.js";import{n as r,o as i}from"./i18n.store-cEFY1tQT.js";import{t as a}from"./ListItem-yYGw6TjL.js";import{r as o}from"./redis-state.store-DegzWxJZ.js";import{J as s,U as c,n as l,t as u}from"./index-B6abhTyw.js";import{t as d}from"./P3xrAccordion-DoDeoAbj.js";var f=e(i()),p=t(),m={display:`flex`,width:`100%`,gap:2,alignItems:`center`},h={flex:`1 1 auto`,minWidth:0,fontWeight:700},g={flex:`0 1 60%`,minWidth:0,textAlign:`right`},_=({label:e,value:t})=>(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(a,{children:(0,p.jsxs)(n,{sx:m,children:[(0,p.jsx)(n,{sx:h,children:e}),(0,p.jsx)(n,{sx:g,children:t})]})}),(0,p.jsx)(s,{})]});function v(){let e=r(e=>e.strings),t=o(e=>e.version),i=o(e=>e.connection),v=o(e=>e.info),y=o(e=>e.modules),b=l(),x=(0,f.useMemo)(()=>u(),[e]),S=!!i,C=v?.server?.redis_version,w=(y||[]).map(e=>e.name),T=(0,f.useMemo)(()=>{let t=e?.language||{};return Object.keys(t).sort().map(e=>({code:e,name:t[e]}))},[e]);return(0,p.jsxs)(n,{sx:{pb:1},children:[b&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(d,{title:e?.label?.keyboardShortcuts,accordionKey:`info-shortcuts`,children:(0,p.jsx)(c,{disablePadding:!0,children:x.map(e=>(0,p.jsxs)(n,{children:[(0,p.jsx)(a,{children:(0,p.jsxs)(n,{sx:m,children:[(0,p.jsx)(n,{sx:h,children:(0,p.jsx)(n,{component:`kbd`,sx:{fontFamily:`'Roboto Mono', monospace`,fontSize:12,border:1,borderColor:`divider`,borderRadius:`4px`,px:1,py:.25,minWidth:70,textAlign:`center`,bgcolor:`action.hover`,display:`inline-block`},children:e.key})}),(0,p.jsx)(n,{sx:g,children:e.description})]})}),(0,p.jsx)(s,{})]},e.key))})}),(0,p.jsx)(`br`,{})]}),(0,p.jsx)(d,{title:e?.label?.about,accordionKey:`info-about`,children:(0,p.jsxs)(c,{disablePadding:!0,children:[(0,p.jsx)(_,{label:e?.label?.version,value:t}),S&&(0,p.jsx)(_,{label:e?.label?.redisVersion,value:C}),S&&w.length>0&&(0,p.jsx)(_,{label:e?.label?.modules,value:w.join(`, `)}),(0,p.jsx)(_,{label:`GitHub`,value:(0,p.jsx)(`a`,{href:`https://github.com/patrikx3/redis-ui`,target:`_blank`,rel:`noreferrer`,style:{color:`inherit`},children:`patrikx3/redis-ui`})}),(0,p.jsx)(_,{label:e?.title?.donate,value:(0,p.jsx)(`a`,{href:`https://www.paypal.me/patrikx3`,target:`_blank`,rel:`noreferrer`,style:{color:`inherit`},children:`PayPal`})}),(0,p.jsx)(_,{label:e?.intention?.githubChangelog,value:(0,p.jsx)(`a`,{href:`https://github.com/patrikx3/redis-ui/blob/master/change-log.md#change-log`,target:`_blank`,rel:`noreferrer`,style:{color:`inherit`},children:`change-log.md`})})]})}),(0,p.jsx)(`br`,{}),(0,p.jsx)(d,{title:`${e?.label?.supportedLanguages} (${T.length})`,accordionKey:`info-languages`,children:(0,p.jsx)(c,{disablePadding:!0,children:T.map(e=>(0,p.jsxs)(n,{children:[(0,p.jsx)(a,{children:(0,p.jsxs)(n,{sx:m,children:[(0,p.jsx)(n,{sx:h,children:(0,p.jsx)(n,{component:`kbd`,sx:{fontFamily:`'Roboto Mono', monospace`,fontSize:11,border:1,borderColor:`divider`,borderRadius:`4px`,px:1,py:.25,minWidth:50,textAlign:`center`,bgcolor:`action.hover`,display:`inline-block`},children:e.code})}),(0,p.jsx)(n,{sx:g,children:e.name})]})}),(0,p.jsx)(s,{})]},e.code))})})]})}export{v as default};