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 • 13.6 kB
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/KeyString-DttImX3_.js","assets/_plugin-vue_export-helper-67n0yneU.js","assets/i18n.store-B4krJCIS.js","assets/chunk-jRWAZmH_.js","assets/preload-helper-CuEPMksA.js","assets/_plugin-vue_export-helper-DZ3FD-qG.css","assets/index-CBO402jT.js","assets/socket.service-B85kYQEM.js","assets/redis-state.store-DPDs81ZS.js","assets/VAvatar-CWsj2Yoz.js","assets/intersect-S1v67Xz0.js","assets/VAvatar-CV-2OiGy.css","assets/VTextField-C3PCrz6s.js","assets/VInput-Btl5IEmc.js","assets/transitions-Cq94g8U3.js","assets/VInput-BsP73X2A.css","assets/VTextField-jfL5Oz1E.css","assets/VList-CldQCa9W.js","assets/ssrBoot-Bys71iXp.js","assets/VList-CPCflffe.css","assets/VOverlay-DBR-wZS8.js","assets/VOverlay-WME7dHtn.css","assets/VSelectionControl-D0uMNsJg.js","assets/VSelectionControl-i6FhziSp.css","assets/VSlideGroup-pSBkrdpT.js","assets/goto-C41QEYpA.js","assets/VSlideGroup-9_hX0lAw.css","assets/VToolbar-B_KQ_Dfu.js","assets/VToolbar-CY3-1Sb0.css","assets/VTooltip-UUcBbF8q.js","assets/VTooltip-BI1qRHEp.css","assets/framework-BEkjqRQC.js","assets/common.store-C_dWn4yG.js","assets/main-command.store-8Rm0brAR.js","assets/overlay.store-CDszzlsU.js","assets/index-CV0T2vsW.css","assets/JsonEditorDialog-CdnlZOlI.js","assets/JsonEditorDialog-B5hxJ3JW.css","assets/key-type-base-LvSh6VCU.js","assets/redis-version-BOZyuHOZ.js","assets/JsonViewDialog-CF2ki0pj.js","assets/HexMonitor-B8nJtZMF.js","assets/HexMonitor-CZlHVsO5.css","assets/KeyString-BW-rihQL.css","assets/KeyHash-Cfi35lQX.js","assets/humanize-duration-DOAUYqNt.js","assets/TtlDialog-DccDVyS5.js","assets/KeyNewOrSetDialog-ea4_RQ1e.js","assets/KeyNewOrSetDialog-CEbNqB_Y.css","assets/KeyPagerInline-BQ9AtO8M.js","assets/KeyPagerInline-DQa0jEMr.css","assets/KeyHash-DKPqJoSQ.css","assets/KeyList-BGB_FN_6.js","assets/key-table-8jYsycoA.css","assets/KeySet-B2wWeKpy.js","assets/KeyZset-BDBtDDM9.js","assets/KeyJson-BMTjBx2N.js","assets/KeyJson-Lh0j6gdb.css","assets/KeyStream-CXiEcB87.js","assets/KeyStream-CUsrenEy.css","assets/KeyTimeseries-C-LOqMiz.js","assets/esm-BVDWg050.js","assets/P3xrAccordion-5b82nQm5.js","assets/P3xrAccordion-S4URCReT.css","assets/KeyTimeseries-BYqmevas.css","assets/uPlot-CnsZ1jie.css","assets/KeyProbabilistic-CpTugvD1.js","assets/KeyProbabilistic-yFPXpESg.css","assets/KeyVectorset-Bm9JLMXk.js","assets/KeyVectorset-B3O1obEK.css"])))=>i.map(i=>d[i]); import{o as e}from"./chunk-jRWAZmH_.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-B4krJCIS.js";import{lt as se,o as v,t as y,w as ce,x as b,y as le}from"./_plugin-vue_export-helper-67n0yneU.js";import{t as ue}from"./VTooltip-UUcBbF8q.js";import{t as x}from"./preload-helper-CuEPMksA.js";import{n as de,t as fe}from"./redis-state.store-DPDs81ZS.js";import{t as pe}from"./common.store-C_dWn4yG.js";import{i as S}from"./socket.service-B85kYQEM.js";import{i as C,n as me,r as he}from"./main-command.store-8Rm0brAR.js";import{b as ge,o as _e}from"./index-CBO402jT.js";import{t as w}from"./humanize-duration-DOAUYqNt.js";import{t as ve}from"./TtlDialog-DccDVyS5.js";import{d as T,i as ye,t as be}from"./key-type-base-LvSh6VCU.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-DttImX3_.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,42,43]))),y=p(()=>x(()=>import(`./KeyHash-Cfi35lQX.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,22,23,24,25,26,27,28,29,30,31,32,33,34,35,45,46,38,39,40,36,37,47,48,41,42,49,50,51]))),w=p(()=>x(()=>import(`./KeyList-BGB_FN_6.js`),__vite__mapDeps([52,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,38,40,36,37,47,48,41,42,49,50,53]))),E=p(()=>x(()=>import(`./KeySet-B2wWeKpy.js`),__vite__mapDeps([54,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,38,40,36,37,47,48,41,42,49,50,53]))),Xe=p(()=>x(()=>import(`./KeyZset-BDBtDDM9.js`),__vite__mapDeps([55,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,38,40,36,37,47,48,41,42,49,50,53]))),Ze=p(()=>x(()=>import(`./KeyJson-BMTjBx2N.js`),__vite__mapDeps([56,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,57]))),Qe=p(()=>x(()=>import(`./KeyStream-CXiEcB87.js`),__vite__mapDeps([58,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,38,40,36,37,47,48,41,42,49,50,59,53]))),D=p(()=>x(()=>import(`./KeyTimeseries-C-LOqMiz.js`),__vite__mapDeps([60,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,61,38,62,63,47,36,37,40,48,64,65]))),O=p(()=>x(()=>import(`./KeyProbabilistic-CpTugvD1.js`),__vite__mapDeps([66,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,38,62,63,67]))),$e=p(()=>x(()=>import(`./KeyVectorset-Bm9JLMXk.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,27,28,29,30,31,32,33,34,35,38,39,62,63,49,50,69]))),k=ge(),{width:et}=se(),tt=oe(),A=fe(),j=de(),M=pe(),N=he(),{themeKey:nt}=ae(_e()),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(me(`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(le,{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(ue,{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(ce,{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};