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
2 lines • 14.3 kB
JavaScript
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/KeyString-CI3xuT1-.js","assets/_plugin-vue_export-helper-D1H5elb2.js","assets/i18n.store-Bbsc3Bab.js","assets/chunk-zsgVPwQN.js","assets/preload-helper-CSa8iFbS.js","assets/_plugin-vue_export-helper-DZ3FD-qG.css","assets/socket.service-uJHysVIS.js","assets/redis-state.store-Bg6EmgAE.js","assets/JsonEditorDialog-DP5f8PI5.js","assets/P3xrDialog-Dn_--W-S.js","assets/VAvatar-Bo3xpDUh.js","assets/intersect-DKQyINFq.js","assets/VAvatar-CV-2OiGy.css","assets/VOverlay-CU45m6XG.js","assets/VOverlay-WME7dHtn.css","assets/VToolbar-D9ECjpl2.js","assets/transitions-Bp2Q4Qu5.js","assets/VToolbar-CY3-1Sb0.css","assets/theme-CuJUeSHe.js","assets/P3xrDialog-CwdrCr7C.css","assets/common.store-Cvd7gD49.js","assets/common-DKIejnu1.js","assets/main-command-DtN7VEUA.js","assets/main-command.store-DDvuCXE0.js","assets/overlay.store-FZPs6Gvj.js","assets/redis-state-DodmMOrr.js","assets/JsonEditorDialog-B5hxJ3JW.css","assets/VSwitch-C9JYZCF9.js","assets/VInput-CpVsgFmo.js","assets/VInput-BsP73X2A.css","assets/VSelectionControl-BgUL55dy.js","assets/VSelectionControl-i6FhziSp.css","assets/VSwitch-BaoyDGFB.css","assets/VTooltip-Cv2PsKY_.js","assets/VTooltip-BI1qRHEp.css","assets/key-type-base-CMdmuQhl.js","assets/redis-version-Di-SKPyT.js","assets/JsonViewDialog-BzjsQO41.js","assets/HexMonitor-DXtHaVJJ.js","assets/HexMonitor-CZlHVsO5.css","assets/overlay-DOSGwXRT.js","assets/KeyString-BW-rihQL.css","assets/KeyHash-Cv7cR5YQ.js","assets/humanize-duration-RJgmuULu.js","assets/TtlDialog-CYJm-C1J.js","assets/VTextField-Cly86AKT.js","assets/VTextField-jfL5Oz1E.css","assets/KeyNewOrSetDialog-CONL1dyc.js","assets/VSelect-BKBMb-AS.js","assets/VList-v6BtQFeD.js","assets/ssrBoot-uT1JaM1N.js","assets/VList-CPCflffe.css","assets/VMenu-C1yL2dQE.js","assets/VMenu-AbtjXrI6.css","assets/VSlideGroup-DZJHDEts.js","assets/goto-C5mB5fJa.js","assets/VSlideGroup-9_hX0lAw.css","assets/VSelect-C69cbq7X.css","assets/VTextarea--WL9ldtD.js","assets/VTextarea-DDl63AeD.css","assets/KeyNewOrSetDialog-CEbNqB_Y.css","assets/KeyPagerInline-ClmcJidI.js","assets/KeyPagerInline-DQa0jEMr.css","assets/KeyHash-DKPqJoSQ.css","assets/KeyList-TcACi8Mh.js","assets/key-table-8jYsycoA.css","assets/KeySet-I560XLbi.js","assets/KeyZset-CS1CM6ZQ.js","assets/KeyJson-DzYzpFkJ.js","assets/KeyJson-Lh0j6gdb.css","assets/KeyStream-DQEAz2Fc.js","assets/KeyStream-CUsrenEy.css","assets/KeyTimeseries-Dwr_r_u9.js","assets/esm-fva3bRfm.js","assets/P3xrAccordion-Ch6mG6NP.js","assets/P3xrAccordion-S4URCReT.css","assets/P3xrButton-ChR905DO.js","assets/KeyTimeseries-BYqmevas.css","assets/uPlot-CnsZ1jie.css","assets/KeyProbabilistic-Bjl4sLC4.js","assets/KeyProbabilistic-yFPXpESg.css","assets/KeyVectorset-BLSC0LYT.js","assets/KeyVectorset-B3O1obEK.css"])))=>i.map(i=>d[i]);
import{o as e}from"./chunk-zsgVPwQN.js";import{$ as t,A as n,C as r,Ct as i,D as a,E as o,G as ee,J as s,K as te,M as c,R as ne,T as l,Wt as re,X as ie,Yt as u,ht as d,it as f,j as p,k as m,nt as h,o as ae,t as oe,w as g,y as _}from"./i18n.store-Bbsc3Bab.js";import{r as se}from"./vue-router-DGa7LmVO.js";import{lt as ce,o as v,t as y,w as le,x as b,y as ue}from"./_plugin-vue_export-helper-D1H5elb2.js";import{t as de}from"./VTooltip-Cv2PsKY_.js";import{t as x}from"./preload-helper-CSa8iFbS.js";import{n as fe}from"./theme-CuJUeSHe.js";import{n as pe,t as me}from"./redis-state.store-Bg6EmgAE.js";import"./redis-state-DodmMOrr.js";import"./main-command-DtN7VEUA.js";import{t as he}from"./common.store-Cvd7gD49.js";import"./common-DKIejnu1.js";import{i as S}from"./socket.service-uJHysVIS.js";import{i as C,n as ge,r as _e}from"./main-command.store-DDvuCXE0.js";import{t as w}from"./humanize-duration-RJgmuULu.js";import{t as ve}from"./TtlDialog-CYJm-C1J.js";import{d as T,i as ye,t as be}from"./key-type-base-CMdmuQhl.js";var xe=e(w()),Se={key:0,class:`p3xr-key-loading`},Ce={key:1},we={class:`p3xr-key-actions`},Te={class:`p3xr-key-info`},Ee={class:`p3xr-key-label`},De=[`title`],Oe={class:`p3xr-key-label`},ke={key:0,class:`p3xr-key-value`},Ae={key:1,class:`p3xr-ttl-column`},je={class:`p3xr-ttl-humanized`},Me={class:`p3xr-key-info-row`},Ne={class:`p3xr-key-label`},Pe={class:`p3xr-key-value`},Fe={class:`p3xr-key-info-row`},Ie={class:`p3xr-key-label`},Le={class:`p3xr-key-value`},Re={key:0,class:`p3xr-key-info-row`},ze={class:`p3xr-key-label`},Be={class:`p3xr-key-value p3xr-compression-badges`},Ve={class:`p3xr-badge p3xr-badge-algo`},He={class:`p3xr-key-info-row`},Ue={class:`p3xr-key-label`},We={class:`p3xr-key-value`},Ge={key:0,class:`p3xr-size-pretty`},Ke={key:1},qe={key:1,class:`p3xr-key-info-row p3xr-format-row`},Je={class:`p3xr-key-label p3xr-format-label`},Ye={key:1,class:`p3xr-key-unsupported`},E=y(c({__name:`DatabaseKeyPage`,setup(e){let c=p(()=>x(()=>import(`./KeyString-CI3xuT1-.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41]))),y=p(()=>x(()=>import(`./KeyHash-Cv7cR5YQ.js`),__vite__mapDeps([42,1,2,3,4,5,6,7,43,44,9,10,11,12,13,14,15,16,17,18,19,45,28,29,46,33,34,22,23,20,24,35,21,36,37,8,25,26,47,48,49,50,51,52,53,30,31,54,55,56,57,27,32,58,59,40,60,38,39,61,62,63]))),w=p(()=>x(()=>import(`./KeyList-TcACi8Mh.js`),__vite__mapDeps([64,1,2,3,4,5,6,7,33,13,14,34,35,20,21,22,23,24,37,8,9,10,11,12,15,16,17,18,19,25,26,47,48,45,28,29,46,49,50,51,52,53,30,31,54,55,56,57,27,32,58,59,40,60,38,39,61,62,65]))),E=p(()=>x(()=>import(`./KeySet-I560XLbi.js`),__vite__mapDeps([66,1,2,3,4,5,6,7,33,13,14,34,35,20,21,22,23,24,37,8,9,10,11,12,15,16,17,18,19,25,26,47,48,45,28,29,46,49,50,51,52,53,30,31,54,55,56,57,27,32,58,59,40,60,38,39,61,62,65]))),Xe=p(()=>x(()=>import(`./KeyZset-CS1CM6ZQ.js`),__vite__mapDeps([67,1,2,3,4,5,6,7,33,13,14,34,35,20,21,22,23,24,37,8,9,10,11,12,15,16,17,18,19,25,26,47,48,45,28,29,46,49,50,51,52,53,30,31,54,55,56,57,27,32,58,59,40,60,38,39,61,62,65]))),Ze=p(()=>x(()=>import(`./KeyJson-DzYzpFkJ.js`),__vite__mapDeps([68,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,33,34,35,40,69]))),Qe=p(()=>x(()=>import(`./KeyStream-DQEAz2Fc.js`),__vite__mapDeps([70,1,2,3,4,5,6,7,33,13,14,34,35,20,21,22,23,24,37,8,9,10,11,12,15,16,17,18,19,25,26,47,48,45,28,29,46,49,50,51,52,53,30,31,54,55,56,57,27,32,58,59,40,60,38,39,61,62,71,65]))),D=p(()=>x(()=>import(`./KeyTimeseries-Dwr_r_u9.js`),__vite__mapDeps([72,1,2,3,4,5,6,7,73,48,10,11,12,45,28,16,29,46,49,50,51,52,13,14,53,30,31,54,55,56,57,33,34,35,20,21,22,23,24,74,18,75,76,47,8,9,15,17,19,25,26,27,32,58,59,37,40,60,77,78]))),O=p(()=>x(()=>import(`./KeyProbabilistic-Bjl4sLC4.js`),__vite__mapDeps([79,1,2,3,4,5,6,7,45,28,16,29,11,46,49,10,12,50,51,35,20,21,22,23,24,74,33,13,14,34,18,75,76,25,80]))),$e=p(()=>x(()=>import(`./KeyVectorset-BLSC0LYT.js`),__vite__mapDeps([81,1,2,3,4,5,6,7,45,28,16,29,11,46,49,10,12,50,51,33,13,14,34,35,20,21,22,23,24,36,74,18,75,76,61,62,25,82]))),k=se(),{width:et}=ce(),tt=oe(),A=me(),j=pe(),M=he(),N=_e(),{themeKey:nt}=ae(fe()),P=r(()=>tt.strings),rt=r(()=>et.value>=960),it=r(()=>A.connection?.readonly===!0),F=r(()=>[`dark`,`darkNeu`,`darkoBluo`,`matrix`].includes(nt.value)),I=d(!0),L=d(``),R=d(null),z=d(null),B=d(null),V=d(``),H=d(-1),U=d(`raw`),W=d(0),G=d(!1),K=null,q=!1,J=[];async function Y(e){if(!e){I.value=!1;return}I.value=!0;try{let t=await S({action:`key/get`,payload:{key:e}});if(t.ttl===-2){M.toast(T(P.value?.status?.keyIsNotExisting,{key:e})),C(`database.statistics`);return}R.value=t,V.value=t.type||``,H.value=t.ttl??-1;let n=ye(t.value,t.valueBuffer,t.type);z.value=n.value,B.value=n.valueBuffer,W.value=be(t),q=H.value>-1,at(),X(e)}catch(e){M.generalHandleError(e)}finally{I.value=!1}}function at(){K&&clearInterval(K),!(H.value<=-1)&&(K=setInterval(()=>{H.value--,(H.value<-1||q&&H.value<1)&&(clearInterval(K),K=null,M.toast(T(P.value?.status?.keyIsNotExisting,{key:L.value})),A.redisChanged=!0,C(`database.statistics`))},1e3))}let ot=r(()=>{if(H.value<=-1)return``;let e=j.getHumanizeDurationOptions();return(0,xe.default)(H.value*1e3,{...e,delimiter:` `})});function X(e){let t=`p3xr-theme-styles-tree-key`,n=document.getElementById(t);n||(n=document.createElement(`style`),n.id=t,document.head.appendChild(n));let r=e.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`),i=F.value?`rgba(255,255,255,0.15)`:`rgba(0,0,0,0.15)`;n.textContent=`[data-p3xr-tree-key="${r}"] .p3xr-database-tree-node-label { background-color: ${i}; border-radius: 3px; padding: 0 4px; }`}function st(){document.getElementById(`p3xr-theme-styles-tree-key`)?.remove()}async function ct(){try{await M.confirm({message:T(P.value?.confirm?.deleteKey)}),await S({action:`key/delete`,payload:{key:L.value}}),M.toast(T(P.value?.status?.deletedKey,{key:L.value})),A.redisChanged=!0,C(`database.statistics`),await N.refresh({force:!0})}catch(e){e!==void 0&&M.generalHandleError(e)}}async function Z(){try{let e=await M.prompt({title:T(P.value?.confirm?.rename?.title),placeholder:T(P.value?.confirm?.rename?.placeholder),initialValue:L.value,okLabel:T(P.value?.intention?.rename),cancelLabel:T(P.value?.intention?.cancel)});await S({action:`key/rename`,payload:{key:L.value,keyNew:e}}),M.toast(T(P.value?.status?.renamedKey)),A.redisChanged=!0,await N.refresh({force:!0}),C(`database.key`,{key:e})}catch(e){e!==void 0&&M.generalHandleError(e)}}function Q(){G.value=!0}async function lt(e){if(G.value=!1,e)try{let t=e.model.ttl,n=String(t).trim();n===``||t==null?(await S({action:`key/persist`,payload:{key:L.value}}),await N.refresh({force:!0}),await Y(L.value),M.toast(T(P.value?.status?.persisted))):/^-?\d+$/.test(n)?(await S({action:`key/expire`,payload:{key:L.value,ttl:parseInt(n)}}),await N.refresh({force:!0}),await Y(L.value),M.toast(T(P.value?.status?.ttlChanged))):M.toast(T(P.value?.status?.notInteger))}catch(e){M.generalHandleError(e)}}function ut(e){N.addKey({event:e,node:{key:L.value}})}async function $(){await Y(L.value)}let dt=r(()=>{let e=[];return it.value||(e.push({icon:`mdi-plus`,label:T(P.value?.intention?.addKey),color:`secondary`,click:e=>ut(e)}),e.push({icon:`mdi-delete`,label:T(P.value?.intention?.delete),color:`error`,click:()=>ct()}),e.push({icon:`mdi-timer`,label:T(P.value?.intention?.ttl),color:`primary`,click:()=>Q()}),e.push({icon:`mdi-fingerprint`,label:T(P.value?.intention?.rename),color:`primary`,click:()=>Z()})),e.push({icon:`mdi-refresh`,label:T(P.value?.intention?.reloadKey),color:`secondary`,click:()=>$()}),e}),ft={string:c,hash:y,list:w,set:E,zset:Xe,"ReJSON-RL":Ze,json:Ze,stream:Qe,"TSDB-TYPE":D,timeseries:D,bloom:O,cuckoo:O,topk:O,cms:O,tdigest:O,vectorset:$e},pt=r(()=>ft[V.value]||null),mt=r(()=>{let e=V.value;return e&&![`ReJSON-RL`,`json`,`TSDB-TYPE`,`timeseries`].includes(e)&&!e.startsWith(`MBbloom`)&&!e.startsWith(`TopK`)&&!e.startsWith(`CMSk`)&&!e.startsWith(`TDigest`)&&e!==`vectorset`});return ee(()=>{let e=decodeURIComponent(k.params.key||``);L.value=e,Y(e),J.push(ge(`refresh-key`,()=>$()))}),h(()=>k.params.key,e=>{if(!e)return;let t=decodeURIComponent(e);L.value=t,Y(t)}),h(F,()=>{L.value&&X(L.value)}),te(()=>{K&&clearInterval(K),st(),J.forEach(e=>e())}),(e,r)=>I.value?(s(),a(`div`,Se,[n(ue,{indeterminate:``,size:40})])):R.value?(s(),a(`div`,Ce,[g(`div`,we,[(s(!0),a(_,null,ie(dt.value,e=>(s(),a(_,{key:e.icon},[rt.value?(s(),l(v,{key:0,variant:`flat`,color:e.color,onClick:t=>e.click(t)},{default:f(()=>[n(b,{size:`small`},{default:f(()=>[m(u(e.icon),1)]),_:2},1024),g(`span`,null,u(e.label),1)]),_:2},1032,[`color`,`onClick`])):(s(),l(de,{key:1,text:e.label,location:`top`},{activator:f(({props:t})=>[n(v,ne({ref_for:!0},t,{variant:`flat`,color:e.color,onClick:t=>e.click(t),style:{"min-width":`40px`,width:`40px`,height:`40px`,padding:`0`,"border-radius":`4px`}}),{default:f(()=>[n(b,{size:`small`},{default:f(()=>[m(u(e.icon),1)]),_:2},1024)]),_:2},1040,[`color`,`onClick`])]),_:2},1032,[`text`]))],64))),128))]),g(`div`,Te,[g(`div`,{class:`p3xr-key-info-row p3xr-key-clickable`,onClick:r[0]||=e=>Z()},[g(`strong`,Ee,u(i(T)(P.value?.page?.key?.label?.key))+`:`,1),g(`span`,{class:`p3xr-key-value p3xr-key-ellipsis`,title:L.value},u(L.value),9,De)]),g(`div`,{class:`p3xr-key-info-row p3xr-key-clickable`,onClick:r[1]||=e=>Q()},[g(`strong`,Oe,u(i(T)(P.value?.page?.key?.label?.ttl))+`:`,1),H.value===-1?(s(),a(`span`,ke,u(i(T)(P.value?.page?.key?.label?.ttlNotExpire)),1)):(s(),a(`div`,Ae,[g(`span`,null,u(H.value),1),g(`span`,je,u(ot.value),1)]))]),g(`div`,Me,[g(`strong`,Ne,u(i(T)(P.value?.page?.key?.label?.type))+`:`,1),g(`span`,Pe,u(P.value?.redisTypes?.[V.value]||V.value),1)]),g(`div`,Fe,[g(`strong`,Ie,u(i(T)(P.value?.page?.key?.label?.encoding))+`:`,1),g(`span`,Le,u(R.value.encoding),1)]),R.value.compression?(s(),a(`div`,Re,[g(`strong`,ze,u(i(T)(P.value?.page?.key?.label?.compression))+`:`,1),g(`span`,Be,[g(`span`,Ve,u(R.value.compression.algorithm?.toUpperCase()),1),g(`span`,{class:re([`p3xr-badge`,R.value.compression.ratio>=0?`p3xr-badge-positive`:`p3xr-badge-negative`])},u(R.value.compression.ratio>=0?``:`-`)+u(Math.abs(R.value.compression.ratio))+`% `,3)])])):o(``,!0),g(`div`,He,[g(`strong`,Ue,u(i(T)(P.value?.page?.key?.label?.length))+`:`,1),g(`span`,We,[W.value>=1024?(s(),a(`span`,Ge,`(`+u(i(j).prettyBytes(W.value))+`)\xA0`,1)):o(``,!0),m(u(W.value)+`\xA0`+u(i(T)(P.value?.page?.key?.label?.lengthString)),1),R.value.length?(s(),a(`span`,Ke,`, `+u(R.value.length)+` `+u(i(T)(P.value?.page?.key?.label?.lengthItem)),1)):o(``,!0)])]),mt.value?(s(),a(`div`,qe,[g(`strong`,Je,u(i(T)(P.value?.label?.format))+`:`,1),n(le,{modelValue:U.value,"onUpdate:modelValue":r[2]||=e=>U.value=e,mandatory:``,class:`p3xr-format-toggle`,density:`compact`},{default:f(()=>[n(v,{value:`raw`},{default:f(()=>[...r[4]||=[m(`Raw`,-1)]]),_:1}),n(v,{value:`json`},{default:f(()=>[...r[5]||=[m(`JSON`,-1)]]),_:1}),n(v,{value:`hex`},{default:f(()=>[...r[6]||=[m(`Hex`,-1)]]),_:1}),n(v,{value:`base64`},{default:f(()=>[...r[7]||=[m(`Base64`,-1)]]),_:1})]),_:1},8,[`modelValue`])])):o(``,!0)]),pt.value?(s(),l(t(pt.value),{key:0,response:R.value,value:z.value,"value-buffer":B.value,"key-name":L.value,"value-format":U.value,onRefresh:r[3]||=e=>$()},null,40,[`response`,`value`,`value-buffer`,`key-name`,`value-format`])):(s(),a(`div`,Ye,u(P.value?.page?.key?.probabilistic?.noItems),1)),n(ve,{open:G.value,ttl:H.value===-1?``:H.value,onClose:lt},null,8,[`open`,`ttl`])])):o(``,!0)}}),[[`__scopeId`,`data-v-3caa5539`]]);export{E as default};