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
96 lines • 14 kB
JavaScript
import{O as e}from"./Box-CXFf6N2h.js";import{a as t}from"./i18n.store-fGbhAfs-.js";var n=48,r={display:`inline-flex`,alignItems:`center`,justifyContent:`center`,width:24,height:24,fontSize:20,lineHeight:`24px`,verticalAlign:`middle`},i={...r,fontSize:18};function a(e,t){let a=t.includes(`0,0,0`)?`0, 0, 0`:`255, 255, 255`,o={color:`inherit !important`,letterSpacing:`0.1px !important`,textTransform:`uppercase`,height:36,minHeight:36,minWidth:`auto`,padding:`0 4px`,margin:`0 4px`,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,whiteSpace:`nowrap`,gap:0,borderRadius:`4px`,"&:hover":{backgroundColor:`rgba(${a}, 0.15) !important`},"&.Mui-focusVisible":{backgroundColor:`rgba(${a}, 0.15) !important`},"&:active":{backgroundColor:`rgba(${a}, 0.25) !important`},"& .MuiTouchRipple-child":{backgroundColor:`rgba(${a}, 0.3) !important`},"& .MuiSvgIcon-root, & i.fa, & i.fas, & i.far, & i.fab":{marginRight:4,marginLeft:0},"& .MuiSvgIcon-root:only-child, & i:only-child":{marginRight:0}},s={borderRadius:`4px !important`,color:`inherit !important`,margin:`0 2px`,"&:hover":{backgroundColor:`rgba(${a}, 0.15) !important`,borderRadius:`4px !important`},"&.Mui-focusVisible":{backgroundColor:`rgba(${a}, 0.15) !important`,borderRadius:`4px !important`},"&:active":{backgroundColor:`rgba(${a}, 0.25) !important`,borderRadius:`4px !important`},"& .MuiTouchRipple-root":{borderRadius:`4px !important`},"& .MuiTouchRipple-child":{borderRadius:`4px !important`,backgroundColor:`rgba(${a}, 0.3) !important`}};return{MuiCssBaseline:{styleOverrides:`
body.p3xr-no-main-scroll { overflow: hidden; }
body.p3xr-no-main-scroll #p3xr-layout-content { overflow: hidden; }
body.p3xr-no-main-scroll #p3xr-monitoring-content { overflow: hidden; }
body.p3xr-theme-dark { color-scheme: dark; }
body.p3xr-theme-light { color-scheme: light; }
[data-color-scheme="dark"] { color-scheme: dark; }
[data-color-scheme="light"] { color-scheme: light; }
body.p3xr-theme-dark ::selection { color: white; background: black; }
body.p3xr-theme-light fieldset { border-color: rgba(0, 0, 0, 0.5); }
body.p3xr-theme-dark fieldset { border-color: rgba(255, 255, 255, 0.25); }
body.p3xr-no-animation *,
body.p3xr-no-animation *::before,
body.p3xr-no-animation *::after {
animation-duration: 0ms !important;
transition-duration: 0ms !important;
transition-delay: 0ms !important;
}
body.p3xr-no-animation .fa-spin {
animation-duration: 2s !important;
}
.p3xr-console-content-output-item:before {
content: "> ";
opacity: 0.5;
}
.p3xr-console-content-output-item pre {
font-family: 'Roboto Mono', monospace;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
/* Top margin creates the blank line between "> keys *" and the
first result line; bottom margin is the gap before the next
prompt. Matches Angular's browser default pre margin. */
margin: 1em 0;
}
.p3xr-console-ai-result {
display: block;
}
#p3xr-console-content {
font-family: 'Roboto Mono', monospace;
font-size: 13px;
text-align: center;
}
#p3xr-console-content-output {
min-width: calc(100% - 20px);
text-align: left;
overflow: auto;
}
#p3xr-console-content-output pre {
font-family: 'Roboto Mono', monospace;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
/* Blank line between "> keys *" and the result (top margin) and
before the next prompt (bottom). Same as Angular's browser default. */
margin: 1em 0;
}
#p3xr-console-input {
display: block;
width: 100%;
box-sizing: border-box;
font-family: 'Roboto Mono', monospace;
resize: none;
overflow-y: hidden;
outline: none;
max-height: 90px;
}
.p3xr-key-type-actions {
display: flex; flex-wrap: wrap; justify-content: flex-end;
align-items: center; gap: 8px; padding: 4px 8px;
}
.p3xr-key-type-content { padding: 8px 16px 24px; }
.p3xr-key-type-display { padding: 8px; }
.p3xr-key-type-editor { width: 100%; }
.p3xr-key-type-editor textarea { font-family: 'Roboto Mono', monospace; font-size: 13px; }
.p3xr-key-type-buffer-info { padding: 8px; opacity: 0.7; font-style: italic; }
.p3xr-json-tree-key { color: var(--p3xr-json-key-color, inherit); }
.p3xr-json-tree-value-string { color: var(--p3xr-json-value-string, #0b7500); }
.p3xr-json-tree-value-number { color: var(--p3xr-json-value-number, #1a01cc); }
.p3xr-json-tree-value-boolean { color: var(--p3xr-json-value-boolean, #c41a16); }
.p3xr-json-tree-value-null { color: var(--p3xr-json-value-null, #808080); font-style: italic; }
.p3xr-console-hint {
font-family: 'Roboto Mono', monospace;
font-size: 12px;
padding: 2px 6px;
opacity: 0.6;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.p3xr-pager-input::-webkit-outer-spin-button,
.p3xr-pager-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
`},MuiButton:{styleOverrides:{root:{height:36,minHeight:36,fontSize:`14px`,padding:`0 6px`,textTransform:`uppercase`,letterSpacing:`0.1px`,borderRadius:`4px`,gap:`3px`,"& .MuiSvgIcon-root":{marginRight:`4px`},"& .MuiSvgIcon-root:only-child":{marginRight:0}}}},MuiToolbar:{styleOverrides:{root:{minHeight:`${n}px !important`,height:n,"& i.fa, & i.fas, & i.far, & i.fab":r,"& i.fa-power-off":i,"& i.fa-donate":i}}},MuiAppBar:{styleOverrides:{root:{backgroundColor:e,color:t,"& .MuiButton-root":o,"& .MuiIconButton-root":s}}}}}function o(t){return e({typography:{fontFamily:`Roboto, 'Helvetica Neue', sans-serif`,h1:{letterSpacing:`normal`},h2:{letterSpacing:`normal`},h3:{letterSpacing:`normal`},h4:{letterSpacing:`normal`},h5:{letterSpacing:`normal`},h6:{letterSpacing:`normal`},subtitle1:{letterSpacing:`normal`},subtitle2:{letterSpacing:`normal`},body1:{letterSpacing:`normal`},body2:{letterSpacing:`normal`},button:{letterSpacing:`normal`},caption:{letterSpacing:`normal`},overline:{letterSpacing:`normal`}},p3xr:{accordionBg:t.accordionBg,accordionColor:t.accordionColor,strongBg:t.strongBg,strongColor:`rgba(255,255,255,0.87)`,inputBorderColor:t.inputBorderColor,inputBg:t.inputBg,inputColor:t.inputColor,treeBranchColor:t.treeBranchColor,commonWarnColor:t.commonWarnColor,treecontrolIconColor:t.treecontrolIconColor,matSysPrimary:t.matSysPrimary},palette:{mode:t.mode,primary:{main:t.primary,contrastText:t.primaryText},secondary:{main:t.accent,contrastText:t.accentText},error:{main:t.warn,contrastText:t.warnText},success:{main:t.success,contrastText:t.successText},warning:{main:t.warn,contrastText:t.warnText},background:{default:t.bodyBg,paper:t.contentBg},divider:t.mode===`dark`?`rgba(255,255,255,0.12)`:`rgba(0,0,0,0.12)`,action:{hover:t.hoverBg,selected:t.selectedBg}},components:{...a(t.toolbarBg,t.toolbarColor),MuiDialog:{styleOverrides:{paper:{backgroundColor:t.dialogBg,backgroundImage:`none`}}}}})}var s={enterprise:o({mode:`light`,toolbarBg:`#424242`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#212121`,accordionBg:`#9e9e9e`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#3f51b5`,primaryText:`#fff`,accent:`#1976d2`,accentText:`#fff`,warn:`#d32f2f`,warnText:`#fff`,success:`#4caf50`,successText:`#fff`,bodyBg:`#e0e0e0`,contentBg:`#fafafa`,dialogBg:`#ffffff`,borderColor:`#424242`,hoverBg:`rgba(0,0,0,0.1)`,selectedBg:`rgba(0,0,0,0.1)`,linkColor:`#1a73e8`,inputBorderColor:`#9e9e9e`,inputBg:`white`,inputColor:`black`,treeBranchColor:`#343dff`,commonWarnColor:`#03a9f4`,treecontrolIconColor:`rgba(0,0,0,0.87)`,matSysPrimary:`#005faf`}),light:o({mode:`light`,toolbarBg:`#37474f`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#263238`,accordionBg:`#b0bec5`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#673ab7`,primaryText:`#fff`,accent:`#9c27b0`,accentText:`#fff`,warn:`#d32f2f`,warnText:`#fff`,success:`#4caf50`,successText:`#fff`,bodyBg:`#cfd8dc`,contentBg:`#eceff1`,dialogBg:`#cfd8dc`,borderColor:`#37474f`,hoverBg:`rgba(0,0,0,0.1)`,selectedBg:`rgba(0,0,0,0.1)`,linkColor:`#1a73e8`,inputBorderColor:`#b0bec5`,inputBg:`white`,inputColor:`black`,treeBranchColor:`#a900a9`,commonWarnColor:`#607d8b`,treecontrolIconColor:`rgba(0,0,0,0.87)`,matSysPrimary:`#6750a4`}),redis:o({mode:`light`,toolbarBg:`#c62828`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#b71c1c`,accordionBg:`#ef9a9a`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#212121`,primaryText:`rgba(255,255,255,0.87)`,accent:`#757575`,accentText:`#fff`,warn:`#ffc107`,warnText:`#fff`,success:`#4caf50`,successText:`#fff`,bodyBg:`#ffcdd2`,contentBg:`#fafafa`,dialogBg:`#ffffff`,borderColor:`#c62828`,hoverBg:`rgba(0,0,0,0.1)`,selectedBg:`rgba(0,0,0,0.1)`,linkColor:`#1a73e8`,inputBorderColor:`#ef9a9a`,inputBg:`white`,inputColor:`black`,treeBranchColor:`#964900`,commonWarnColor:`#f44336`,treecontrolIconColor:`rgba(0,0,0,0.87)`,matSysPrimary:`#b0294b`}),dark:o({mode:`dark`,toolbarBg:`#424242`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#212121`,accordionBg:`#9e9e9e`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#7986cb`,primaryText:`rgba(0,0,0,0.87)`,accent:`#2196f3`,accentText:`rgba(0,0,0,0.87)`,warn:`#ff9800`,warnText:`rgba(0,0,0,0.87)`,success:`#4caf50`,successText:`rgba(0,0,0,0.87)`,bodyBg:`#212121`,contentBg:`#303030`,dialogBg:`#424242`,borderColor:`#424242`,hoverBg:`rgba(255,255,255,0.1)`,selectedBg:`rgba(255,255,255,0.1)`,linkColor:`#82b1ff`,inputBorderColor:`#9e9e9e`,inputBg:`rgba(64,64,64,1)`,inputColor:`white`,treeBranchColor:`#bec2ff`,commonWarnColor:`#9fa8da`,treecontrolIconColor:`rgba(255,255,255,0.7)`,matSysPrimary:`#9ecaff`}),darkNeu:o({mode:`dark`,toolbarBg:`#37474f`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#263238`,accordionBg:`#90a4ae`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#00bcd4`,primaryText:`rgba(0,0,0,0.87)`,accent:`#2196f3`,accentText:`rgba(0,0,0,0.87)`,warn:`#ffeb3b`,warnText:`rgba(0,0,0,0.87)`,success:`#4caf50`,successText:`rgba(0,0,0,0.87)`,bodyBg:`#263238`,contentBg:`#303030`,dialogBg:`#424242`,borderColor:`#37474f`,hoverBg:`rgba(255,255,255,0.1)`,selectedBg:`rgba(255,255,255,0.1)`,linkColor:`#82b1ff`,inputBorderColor:`#90a4ae`,inputBg:`rgba(64,64,64,1)`,inputColor:`white`,treeBranchColor:`#bec2ff`,commonWarnColor:`#2196f3`,treecontrolIconColor:`rgba(255,255,255,0.7)`,matSysPrimary:`#54d7eb`}),darkoBluo:o({mode:`dark`,toolbarBg:`#1a237e`,toolbarColor:`rgba(255,255,255,0.87)`,strongBg:`#1a237e`,accordionBg:`#3f51b5`,accordionColor:`#fff`,primary:`#7986cb`,primaryText:`rgba(0,0,0,0.87)`,accent:`#2196f3`,accentText:`rgba(0,0,0,0.87)`,warn:`#ff9800`,warnText:`rgba(0,0,0,0.87)`,success:`#4caf50`,successText:`rgba(0,0,0,0.87)`,bodyBg:`#283593`,contentBg:`#303030`,dialogBg:`#424242`,borderColor:`#1a237e`,hoverBg:`rgba(255,255,255,0.1)`,selectedBg:`rgba(255,255,255,0.1)`,linkColor:`#82b1ff`,inputBorderColor:`#3f51b5`,inputBg:`rgba(64,64,64,1)`,inputColor:`white`,treeBranchColor:`#bec2ff`,commonWarnColor:`#03a9f4`,treecontrolIconColor:`rgba(255,255,255,0.7)`,matSysPrimary:`#cfbcff`}),matrix:o({mode:`dark`,toolbarBg:`#76ff03`,toolbarColor:`rgba(0,0,0,0.87)`,strongBg:`#33691e`,accordionBg:`#76ff03`,accordionColor:`rgba(0,0,0,0.87)`,primary:`#76ff03`,primaryText:`rgba(0,0,0,0.87)`,accent:`#c6ff00`,accentText:`rgba(0,0,0,0.87)`,warn:`#00c853`,warnText:`rgba(0,0,0,0.87)`,success:`#76ff03`,successText:`rgba(0,0,0,0.87)`,bodyBg:`#1b5e20`,contentBg:`#303030`,dialogBg:`#424242`,borderColor:`#76ff03`,hoverBg:`rgba(255,255,255,0.1)`,selectedBg:`rgba(255,255,255,0.1)`,linkColor:`#82b1ff`,inputBorderColor:`#76ff03`,inputBg:`rgba(64,64,64,1)`,inputColor:`white`,treeBranchColor:`#76ff03`,commonWarnColor:`#4caf50`,treecontrolIconColor:`rgba(255,255,255,0.7)`,matSysPrimary:`#a1d45b`})},c=[`dark`,`darkNeu`,`darkoBluo`,`matrix`],l=[`light`,`enterprise`,`dark`,`darkNeu`,`darkoBluo`,`matrix`,`redis`];function u(e){return c.includes(e)}s.enterprise,s.dark;var d=`p3xr-theme`,f=`auto`;function p(){return typeof window<`u`&&window.matchMedia?.(`(prefers-color-scheme: dark)`).matches}function m(e){if(e.startsWith(`p3xrTheme`)){let t=e.replace(`p3xrTheme`,``);return t.charAt(0).toLowerCase()+t.slice(1)}return e}function h(){try{let e=localStorage.getItem(d)||f;return e===f?f:m(e)}catch{return f}}function g(e){if(typeof document>`u`)return;let t=u(e);document.documentElement.setAttribute(`data-color-scheme`,t?`dark`:`light`),document.body.classList.toggle(`p3xr-theme-dark`,t),document.body.classList.toggle(`p3xr-theme-light`,!t)}function _(e){return e===f?p()?`dark`:`enterprise`:e}var v=t(e=>{let t=h(),n=t===f,r=_(t);return g(r),{isAuto:n,themeKey:r,storedValue:t,setTheme:t=>{let n=t===f,r=n?_(f):t;try{localStorage.setItem(d,t)}catch{}g(r);try{window.parent?.postMessage({type:`p3x-theme-change`,dark:u(r)},`*`)}catch{}e({isAuto:n,themeKey:r,storedValue:t})}}});typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).addEventListener(`change`,()=>{let{isAuto:e}=v.getState();if(e){let e=p()?`dark`:`enterprise`;g(e),v.setState({themeKey:e})}});export{s as i,l as n,u as r,v as t};