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

2 lines • 12.8 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/KeyString-DY0RaPa1.js","assets/i18n.store-Bkc9i0ZB.js","assets/rolldown-runtime-DAXXjFlN.js","assets/preload-helper-Cpp8KLTa.js","assets/_plugin-vue_export-helper-BZ1AqotW.js","assets/_plugin-vue_export-helper-DZ3FD-qG.css","assets/redis-state.store-6nwmGrRG.js","assets/common.store-yJBdXfWc.js","assets/overlay.store-BBYRGnlo.js","assets/socket.service-CwqYs11N.js","assets/index-BNz7Rlxf.js","assets/VOverlay-Cl7c4uSy.js","assets/VOverlay-WME7dHtn.css","assets/VAvatar-BCS__XGa.js","assets/intersect-CJJ4t_Gt.js","assets/VAvatar-CV-2OiGy.css","assets/goto-0oK6dUZ-.js","assets/transitions-DNsx9b04.js","assets/VInput-Bgb3Hi_U.js","assets/VInput-BsP73X2A.css","assets/index-vgfz7Gxx.css","assets/key-type-base-COna9PL5.js","assets/redis-version-D5h1AGvN.js","assets/JsonEditorDialog-qO_9GIFK.js","assets/JsonEditorDialog-B5hxJ3JW.css","assets/JsonViewDialog-DFmNO6gL.js","assets/HexMonitor-Bg_4eWTr.js","assets/HexMonitor-CZlHVsO5.css","assets/KeyString-BW-rihQL.css","assets/KeyHash-BxOs-uvX.js","assets/TtlDialog-CVfiEnKc.js","assets/KeyNewOrSetDialog-BuqDvXgd.js","assets/KeyNewOrSetDialog-CEbNqB_Y.css","assets/KeyPagerInline-BJ2uIwfG.js","assets/KeyPagerInline-DQa0jEMr.css","assets/KeyHash-DKPqJoSQ.css","assets/KeyList-Bu62mXbN.js","assets/key-table-8jYsycoA.css","assets/KeySet-DUZBQuv0.js","assets/KeyZset-CVB7GqQw.js","assets/KeyJson-gExy4wsi.js","assets/KeyJson-Lh0j6gdb.css","assets/KeyStream-BZ8cs03e.js","assets/KeyStream-CUsrenEy.css","assets/KeyTimeseries-DkSmKX2O.js","assets/esm-2StPq51h.js","assets/P3xrAccordion-HdyTZEnI.js","assets/P3xrAccordion-S4URCReT.css","assets/KeyTimeseries-BYqmevas.css","assets/uPlot-CnsZ1jie.css","assets/KeyProbabilistic-jK0cS90j.js","assets/KeyProbabilistic-yFPXpESg.css","assets/KeyVectorset-CsEewXBZ.js","assets/KeyVectorset-B3O1obEK.css","assets/KeyArray-BE9pT4Gn.js"])))=>i.map(i=>d[i]); import{o as e}from"./rolldown-runtime-DAXXjFlN.js";import{A as t,C as n,D as r,E as i,I as a,K as ee,Kt as te,M as o,Nt as s,T as c,Tt as l,Y as u,Z as ne,Zt as d,_t as f,at as p,et as re,j as m,k as h,lt as g,o as ie,q as ae,rt as _,t as oe,w as v,y,z as se}from"./i18n.store-Bkc9i0ZB.js";import{lt as ce,o as b,t as x,w as le,x as S,y as ue}from"./_plugin-vue_export-helper-BZ1AqotW.js";import{t as C}from"./preload-helper-Cpp8KLTa.js";import{n as de,t as fe}from"./redis-state.store-6nwmGrRG.js";import{t as pe}from"./common.store-yJBdXfWc.js";import{i as w}from"./socket.service-CwqYs11N.js";import{M as me,c as he,d as ge,l as T,s as _e,u as ve}from"./index-BNz7Rlxf.js";import{d as E,i as ye,m as D,t as be}from"./key-type-base-COna9PL5.js";import{t as xe}from"./TtlDialog-CVfiEnKc.js";a(),s(),g();var Se=e(D()),Ce={key:0,class:`p3xr-key-loading`},we={key:1},Te={class:`p3xr-key-actions`},Ee={class:`p3xr-key-info`},De={class:`p3xr-key-label`},Oe=[`title`],ke={class:`p3xr-key-label`},Ae={key:0,class:`p3xr-key-value`},je={key:1,class:`p3xr-ttl-column`},Me={class:`p3xr-ttl-humanized`},Ne={class:`p3xr-key-info-row`},Pe={class:`p3xr-key-label`},Fe={class:`p3xr-key-value`},Ie={class:`p3xr-key-info-row`},Le={class:`p3xr-key-label`},Re={class:`p3xr-key-value`},ze={key:0,class:`p3xr-key-info-row`},Be={class:`p3xr-key-label`},Ve={class:`p3xr-key-value p3xr-compression-badges`},He={class:`p3xr-badge p3xr-badge-algo`},Ue={class:`p3xr-key-info-row`},We={class:`p3xr-key-label`},Ge={class:`p3xr-key-value`},Ke={key:0,class:`p3xr-size-pretty`},qe={key:1},Je={key:1,class:`p3xr-key-info-row p3xr-format-row`},Ye={class:`p3xr-key-label p3xr-format-label`},Xe={key:1,class:`p3xr-key-unsupported`},O=x(o({__name:`DatabaseKeyPage`,setup(e){let a=m(()=>C(()=>import(`./KeyString-DY0RaPa1.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]))),o=m(()=>C(()=>import(`./KeyHash-BxOs-uvX.js`),__vite__mapDeps([29,2,1,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,30,22,25,23,24,31,32,26,27,33,34,35]))),s=m(()=>C(()=>import(`./KeyList-Bu62mXbN.js`),__vite__mapDeps([36,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,25,23,24,31,22,32,26,27,33,34,37]))),g=m(()=>C(()=>import(`./KeySet-DUZBQuv0.js`),__vite__mapDeps([38,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,25,23,24,31,22,32,26,27,33,34,37]))),x=m(()=>C(()=>import(`./KeyZset-CVB7GqQw.js`),__vite__mapDeps([39,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,25,23,24,31,22,32,26,27,33,34,37]))),D=m(()=>C(()=>import(`./KeyJson-gExy4wsi.js`),__vite__mapDeps([40,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,23,24,41]))),O=m(()=>C(()=>import(`./KeyStream-BZ8cs03e.js`),__vite__mapDeps([42,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,25,23,24,31,22,32,26,27,33,34,43,37]))),k=m(()=>C(()=>import(`./KeyTimeseries-DkSmKX2O.js`),__vite__mapDeps([44,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,31,22,23,24,25,32,45,46,47,48,49]))),A=m(()=>C(()=>import(`./KeyProbabilistic-jK0cS90j.js`),__vite__mapDeps([50,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,46,47,51]))),Ze=m(()=>C(()=>import(`./KeyVectorset-CsEewXBZ.js`),__vite__mapDeps([52,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,22,33,34,46,47,53]))),Qe=m(()=>C(()=>import(`./KeyArray-BE9pT4Gn.js`),__vite__mapDeps([54,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,8,20,21,25,23,24,31,22,32,26,27,33,34,37]))),j=me(),{width:$e}=ce(),et=oe(),M=fe(),N=de(),P=pe(),F=he(),{themeKey:tt}=ie(ve()),I=n(()=>et.strings),nt=n(()=>$e.value>=960),rt=n(()=>M.connection?.readonly===!0),L=n(()=>[`dark`,`darkNeu`,`darkoBluo`,`matrix`].includes(tt.value)),R=f(!0),z=f(``),B=f(null),V=f(null),H=f(null),U=f(``),W=f(-1),G=f(`raw`),K=f(0),q=f(!1),J=null,Y=!1,X=[];async function Z(e){if(!e){R.value=!1;return}R.value=!0;try{let t=await w({action:`key/get`,payload:{key:e}});if(t.ttl===-2){P.toast(E(I.value?.status?.keyIsNotExisting,{key:e})),T(`database.statistics`);return}B.value=t,U.value=t.type||``,W.value=t.ttl??-1;let n=ye(t.value,t.valueBuffer,t.type);V.value=n.value,H.value=n.valueBuffer,K.value=be(t),Y=W.value>-1,it(),ot(e)}catch(e){P.generalHandleError(e)}finally{R.value=!1}}function it(){J&&clearInterval(J),!(W.value<=-1)&&(J=setInterval(()=>{W.value--,(W.value<-1||Y&&W.value<1)&&(clearInterval(J),J=null,P.toast(E(I.value?.status?.keyIsNotExisting,{key:z.value})),M.redisChanged=!0,T(`database.statistics`))},1e3))}let at=n(()=>{if(W.value<=-1)return``;let e=N.getHumanizeDurationOptions();return(0,Se.default)(W.value*1e3,{...e,delimiter:` `})});function ot(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=L.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 P.confirm({message:E(I.value?.confirm?.deleteKey)}),await w({action:`key/delete`,payload:{key:z.value}}),P.toast(E(I.value?.status?.deletedKey,{key:z.value})),M.redisChanged=!0,T(`database.statistics`),await F.refresh({force:!0})}catch(e){e!==void 0&&P.generalHandleError(e)}}async function lt(){try{let e=await P.prompt({title:E(I.value?.confirm?.rename?.title),placeholder:E(I.value?.confirm?.rename?.placeholder),initialValue:z.value,okLabel:E(I.value?.intention?.rename),cancelLabel:E(I.value?.intention?.cancel)});await w({action:`key/rename`,payload:{key:z.value,keyNew:e}}),P.toast(E(I.value?.status?.renamedKey)),M.redisChanged=!0,await F.refresh({force:!0}),T(`database.key`,{key:e})}catch(e){e!==void 0&&P.generalHandleError(e)}}function ut(){q.value=!0}async function dt(e){if(q.value=!1,e)try{let t=e.model.ttl,n=String(t).trim();n===``||t==null?(await w({action:`key/persist`,payload:{key:z.value}}),await F.refresh({force:!0}),await Z(z.value),P.toast(E(I.value?.status?.persisted))):/^-?\d+$/.test(n)?(await w({action:`key/expire`,payload:{key:z.value,ttl:parseInt(n)}}),await F.refresh({force:!0}),await Z(z.value),P.toast(E(I.value?.status?.ttlChanged))):P.toast(E(I.value?.status?.notInteger))}catch(e){P.generalHandleError(e)}}function ft(e){F.addKey({event:e,node:{key:z.value}})}async function Q(){await Z(z.value)}let pt=n(()=>{let e=[];return rt.value||(e.push({icon:`mdi-plus`,label:E(I.value?.intention?.addKey),color:`secondary`,click:e=>ft(e)}),e.push({icon:`mdi-delete`,label:E(I.value?.intention?.delete),color:`error`,click:()=>ct()}),e.push({icon:`mdi-timer`,label:E(I.value?.intention?.ttl),color:`primary`,click:()=>ut()}),e.push({icon:`mdi-fingerprint`,label:E(I.value?.intention?.rename),color:`primary`,click:()=>lt()})),e.push({icon:`mdi-refresh`,label:E(I.value?.intention?.reloadKey),color:`secondary`,click:()=>Q()}),e}),mt={string:a,hash:o,list:s,set:g,zset:x,"ReJSON-RL":D,json:D,stream:O,"TSDB-TYPE":k,timeseries:k,bloom:A,cuckoo:A,topk:A,cms:A,tdigest:A,vectorset:Ze,array:Qe},$=n(()=>mt[U.value]||null),ht=n(()=>{let e=U.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(j.params.key||``);z.value=e,Z(e),X.push(_e(`refresh-key`,()=>Q()))}),_(()=>j.params.key,e=>{if(!e)return;let t=decodeURIComponent(e);z.value=t,Z(t)}),_(L,()=>{z.value&&ot(z.value)}),ae(()=>{J&&clearInterval(J),st(),X.forEach(e=>e())}),(e,n)=>R.value?(u(),r(`div`,Ce,[t(ue,{indeterminate:``,size:40})])):B.value?(u(),r(`div`,we,[v(`div`,Te,[(u(!0),r(y,null,ne(pt.value,e=>(u(),r(y,{key:e.icon},[nt.value?(u(),c(b,{key:0,variant:`flat`,color:e.color,onClick:t=>e.click(t)},{default:p(()=>[t(S,{size:`small`},{default:p(()=>[h(d(e.icon),1)]),_:2},1024),v(`span`,null,d(e.label),1)]),_:2},1032,[`color`,`onClick`])):(u(),c(ge,{key:1,text:e.label,location:`top`},{activator:p(({props:n})=>[t(b,se({ref_for:!0},n,{variant:`flat`,color:e.color,onClick:t=>e.click(t),style:{"min-width":`40px`,width:`40px`,height:`40px`,padding:`0`,"border-radius":`4px`}}),{default:p(()=>[t(S,{size:`small`},{default:p(()=>[h(d(e.icon),1)]),_:2},1024)]),_:2},1040,[`color`,`onClick`])]),_:2},1032,[`text`]))],64))),128))]),v(`div`,Ee,[v(`div`,{class:`p3xr-key-info-row p3xr-key-clickable`,onClick:n[0]||=e=>lt()},[v(`strong`,De,d(l(E)(I.value?.page?.key?.label?.key))+`:`,1),v(`span`,{class:`p3xr-key-value p3xr-key-ellipsis`,title:z.value},d(z.value),9,Oe)]),v(`div`,{class:`p3xr-key-info-row p3xr-key-clickable`,onClick:n[1]||=e=>ut()},[v(`strong`,ke,d(l(E)(I.value?.page?.key?.label?.ttl))+`:`,1),W.value===-1?(u(),r(`span`,Ae,d(l(E)(I.value?.page?.key?.label?.ttlNotExpire)),1)):(u(),r(`div`,je,[v(`span`,null,d(W.value),1),v(`span`,Me,d(at.value),1)]))]),v(`div`,Ne,[v(`strong`,Pe,d(l(E)(I.value?.page?.key?.label?.type))+`:`,1),v(`span`,Fe,d(I.value?.redisTypes?.[U.value]||U.value),1)]),v(`div`,Ie,[v(`strong`,Le,d(l(E)(I.value?.page?.key?.label?.encoding))+`:`,1),v(`span`,Re,d(B.value.encoding),1)]),B.value.compression?(u(),r(`div`,ze,[v(`strong`,Be,d(l(E)(I.value?.page?.key?.label?.compression))+`:`,1),v(`span`,Ve,[v(`span`,He,d(B.value.compression.algorithm?.toUpperCase()),1),v(`span`,{class:te([`p3xr-badge`,B.value.compression.ratio>=0?`p3xr-badge-positive`:`p3xr-badge-negative`])},d(B.value.compression.ratio>=0?``:`-`)+d(Math.abs(B.value.compression.ratio))+`% `,3)])])):i(``,!0),v(`div`,Ue,[v(`strong`,We,d(l(E)(I.value?.page?.key?.label?.length))+`:`,1),v(`span`,Ge,[K.value>=1024?(u(),r(`span`,Ke,`(`+d(l(N).prettyBytes(K.value))+`)\xA0`,1)):i(``,!0),h(d(K.value)+`\xA0`+d(l(E)(I.value?.page?.key?.label?.lengthString)),1),B.value.length?(u(),r(`span`,qe,`, `+d(B.value.length)+` `+d(l(E)(I.value?.page?.key?.label?.lengthItem)),1)):i(``,!0)])]),ht.value?(u(),r(`div`,Je,[v(`strong`,Ye,d(l(E)(I.value?.label?.format))+`:`,1),t(le,{modelValue:G.value,"onUpdate:modelValue":n[2]||=e=>G.value=e,mandatory:``,class:`p3xr-format-toggle`,density:`compact`},{default:p(()=>[t(b,{value:`raw`},{default:p(()=>[...n[4]||=[h(`Raw`,-1)]]),_:1}),t(b,{value:`json`},{default:p(()=>[...n[5]||=[h(`JSON`,-1)]]),_:1}),t(b,{value:`hex`},{default:p(()=>[...n[6]||=[h(`Hex`,-1)]]),_:1}),t(b,{value:`base64`},{default:p(()=>[...n[7]||=[h(`Base64`,-1)]]),_:1})]),_:1},8,[`modelValue`])])):i(``,!0)]),$.value?(u(),c(re($.value),{key:0,response:B.value,value:V.value,"value-buffer":H.value,"key-name":z.value,"value-format":G.value,onRefresh:n[3]||=e=>Q()},null,40,[`response`,`value`,`value-buffer`,`key-name`,`value-format`])):(u(),r(`div`,Xe,d(I.value?.page?.key?.probabilistic?.noItems),1)),t(xe,{open:q.value,ttl:W.value===-1?``:W.value,onClose:dt},null,8,[`open`,`ttl`])])):i(``,!0)}}),[[`__scopeId`,`data-v-f4ea1002`]]);export{O as default};