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 • 9.54 kB
import{A as e,C as t,D as n,E as r,I as i,K as a,Kt as ee,M as o,Nt as s,T as c,Tt as l,Y as u,Z as d,Zt as f,_ as p,_t as m,at as h,g,k as _,lt as v,q as te,rt as ne,t as re,u as y,w as b,y as x,z as S}from"./i18n.store-Bn0-vXNV.js";import{t as C,x as w}from"./_plugin-vue_export-helper-CSr60JSh.js";import{t as ie}from"./redis-state.store-CQLjozNg.js";import{t as ae}from"./common.store-DX84iTfT.js";import{i as T}from"./socket.service-CjKV3Am8.js";import{C as E,D,d as O,i as k,w as A,x as j}from"./index-fkAw1zcW.js";import{d as M,r as oe,u as se}from"./key-type-base-Cl54f8nF.js";import{t as ce}from"./redis-version-D5h1AGvN.js";import{t as le}from"./KeyPagerInline-LkN0dDcU.js";import{t as N}from"./P3xrAccordion-DE_gxTXw.js";i(),v(),y(),s();var ue={class:`p3xr-key-type-content`},de={style:{display:`flex`,width:`100%`}},fe={style:{flex:`1`,"font-weight":`500`}},pe={style:{"word-break":`break-all`}},me={class:`p3xr-key-table-header`},he={style:{flex:`50%`}},ge={style:{flex:`20%`}},_e={style:{flex:`30%`,"text-align":`right`,display:`flex`,"justify-content":`flex-end`,"align-items":`center`}},P={style:{flex:`50%`,overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},F={style:{flex:`20%`,"font-family":`'Roboto Mono', monospace`}},ve={style:{flex:`30%`,"text-align":`right`,"white-space":`nowrap`}},ye={key:0,style:{padding:`16px`}},be={class:`p3xr-vs-controls`},xe={style:{padding:`16px`}},Se={class:`p3xr-vs-controls`},Ce={style:{display:`flex`,width:`100%`}},we={style:{flex:`1`,"font-weight":`500`}},I=C(o({__name:`KeyVectorset`,props:{response:{},value:{},valueBuffer:{},keyName:{},valueFormat:{}},emits:[`refresh`],setup(i,{emit:o}){let s=i,v=o,y=t(()=>re().strings),C=ie(),I=t(()=>C.connection?.readonly===!0),L=ae(),R=m([]),z=m(oe(0)),B=m([]),V=m(!1),H=m(``),U=m(``),W=m(10),G=m(``),K=m(``),q=m(!1),J=null,Te=t(()=>ce(C.info?.server?.redis_version).isAtLeast(8,2)),Y=t(()=>{try{let e;if(typeof s.value==`object`&&s.value!==null&&!ArrayBuffer.isView(s.value)?e=s.value:typeof s.value==`string`?e=JSON.parse(s.value):ArrayBuffer.isView(s.value)&&(e=JSON.parse(new TextDecoder().decode(s.value))),e&&typeof e==`object`)return Object.entries(e).map(([e,t])=>({key:e,value:t}))}catch{}return[]});a(()=>X()),te(()=>clearInterval(J)),ne(V,e=>{clearInterval(J),e&&(J=setInterval(()=>{v(`refresh`),X()},1e4))});async function X(){try{let e=await T({action:`vectorset/elements`,payload:{key:s.keyName}});R.value=e.elements||[],z.value=se(z.value,R.value.length)}catch{R.value=[]}}function Z(e){z.value=e}async function Q(){if(K.value.trim())try{let e=await T({action:`vectorset/sim`,payload:{key:s.keyName,mode:`element`,element:K.value.trim(),count:W.value,filter:G.value.trim()||void 0}});B.value=e.results||[],L.toast(M(y.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function Ee(){if(K.value.trim())try{let e=K.value.split(`,`).map(Number),t=await T({action:`vectorset/sim`,payload:{key:s.keyName,mode:`vector`,values:e,count:W.value,filter:G.value.trim()||void 0}});B.value=t.results||[],L.toast(M(y.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function De(e){try{let t=await T({action:`vectorset/sim`,payload:{key:s.keyName,mode:`element`,element:e,count:W.value}});B.value=t.results||[],L.toast(M(y.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function Oe(e){try{let t=(await T({action:`vectorset/getattr`,payload:{key:s.keyName,element:e}})).attributes;L.toast(t&&Object.keys(t).length>0?`${e}: ${JSON.stringify(t)}`:`${e}: ${M(y.value?.page?.key?.vectorset?.noAttributes)}`)}catch(e){e?.message&&L.toast(e.message)}}async function $(){if(!(!H.value.trim()||!U.value.trim()))try{await T({action:`vectorset/add`,payload:{key:s.keyName,element:H.value.trim(),values:U.value.split(`,`).map(Number)}}),L.toast(M(y.value?.page?.key?.vectorset?.addedSuccessfully)),H.value=``,U.value=``,v(`refresh`),X()}catch(e){L.toast(e.message)}}async function ke(e){try{await L.confirm({message:M(y.value?.confirm?.delete)}),await T({action:`vectorset/remove`,payload:{key:s.keyName,element:e}}),L.toast(M(y.value?.page?.key?.vectorset?.deletedSuccessfully)),v(`refresh`),X()}catch(e){e?.message&&L.toast(e.message)}}return(t,i)=>(u(),n(`div`,ue,[i[19]||=b(`br`,null,null,-1),e(N,{title:l(M)(y.value?.page?.key?.vectorset?.info),"accordion-key":`vs-info`},{actions:h(()=>[e(k,{icon:V.value?`mdi-checkbox-marked`:`mdi-checkbox-blank-outline`,label:l(M)(y.value?.label?.autoRefresh),breakpoint:1280,color:`inherit`,onClick:i[0]||=p(e=>V.value=!V.value,[`stop`])},null,8,[`icon`,`label`]),V.value?r(``,!0):(u(),c(k,{key:0,icon:`mdi-refresh`,label:l(M)(y.value?.intention?.refresh),breakpoint:1280,color:`inherit`,onClick:i[1]||=p(e=>{v(`refresh`),X()},[`stop`])},null,8,[`label`]))]),default:h(()=>[e(E,{density:`compact`},{default:h(()=>[(u(!0),n(x,null,d(Y.value,(t,i)=>(u(),n(x,{key:t.key},[e(A,null,{default:h(()=>[b(`div`,de,[b(`span`,fe,f(t.key),1),b(`span`,pe,f(String(t.value)),1)])]),_:2},1024),i<Y.value.length-1?(u(),c(D,{key:0})):r(``,!0)],64))),128))]),_:1})]),_:1},8,[`title`]),i[20]||=b(`br`,null,null,-1),e(N,{title:l(M)(y.value?.page?.key?.vectorset?.elements)+` (${R.value.length})`,"accordion-key":`vs-elements`},{default:h(()=>[e(le,{paging:z.value,onPageChanged:Z},null,8,[`paging`]),b(`div`,me,[b(`span`,he,f(l(M)(y.value?.page?.key?.vectorset?.element)),1),b(`span`,ge,f(l(M)(y.value?.page?.key?.vectorset?.score)),1),b(`span`,_e,[I.value?r(``,!0):(u(),c(O,{key:0,text:l(M)(y.value?.intention?.add),location:`top`},{activator:h(({props:t})=>[e(w,S(t,{style:{cursor:`pointer`,color:`inherit`},onClick:i[2]||=e=>q.value=!q.value}),{default:h(()=>[...i[15]||=[_(`mdi-plus`,-1)]]),_:1},16)]),_:1},8,[`text`]))])]),(u(!0),n(x,null,d(R.value.slice(z.value.startIndex,z.value.startIndex+z.value.pageCount),(t,a)=>(u(),n(`div`,{key:t.element,class:ee([`p3xr-vs-row`,{"p3xr-vs-odd":a%2==0}])},[b(`span`,P,f(t.element),1),b(`span`,F,f(t.score?.toFixed(4)),1),b(`span`,ve,[e(O,{text:`Find similar`,location:`top`},{activator:h(({props:n})=>[e(w,S({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>{K.value=t.element,De(t.element)}}),{default:h(()=>[...i[16]||=[_(`mdi-magnify`,-1)]]),_:1},16,[`onClick`])]),_:2},1024),e(O,{text:l(M)(y.value?.page?.key?.vectorset?.attributes),location:`top`},{activator:h(({props:n})=>[e(w,S({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>Oe(t.element)}),{default:h(()=>[...i[17]||=[_(`mdi-information`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),I.value?r(``,!0):(u(),c(O,{key:0,text:l(M)(y.value?.intention?.delete),location:`top`},{activator:h(({props:n})=>[e(w,S({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-error))`},onClick:e=>ke(t.element)}),{default:h(()=>[...i[18]||=[_(`mdi-delete`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]))])],2))),128)),!I.value&&q.value?(u(),n(`div`,ye,[b(`div`,be,[e(j,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:l(M)(y.value?.page?.key?.vectorset?.elementName),modelValue:H.value,"onUpdate:modelValue":i[3]||=e=>H.value=e,onKeyup:i[4]||=g(e=>$(),[`enter`])},null,8,[`label`,`modelValue`]),e(j,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:l(M)(y.value?.page?.key?.vectorset?.vectorValues),placeholder:`0.1, 0.2, 0.3`,modelValue:U.value,"onUpdate:modelValue":i[5]||=e=>U.value=e,onKeyup:i[6]||=g(e=>$(),[`enter`])},null,8,[`label`,`modelValue`]),e(k,{icon:`mdi-plus`,label:l(M)(y.value?.intention?.add),raised:``,color:`primary`,onClick:i[7]||=e=>$()},null,8,[`label`])])])):r(``,!0)]),_:1},8,[`title`]),i[21]||=b(`br`,null,null,-1),e(N,{title:l(M)(y.value?.page?.key?.vectorset?.similaritySearch),"accordion-key":`vs-sim`},{default:h(()=>[b(`div`,xe,[b(`div`,Se,[e(j,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:l(M)(y.value?.page?.key?.vectorset?.searchTerm),modelValue:K.value,"onUpdate:modelValue":i[8]||=e=>K.value=e,onKeyup:i[9]||=g(e=>Q(),[`enter`])},null,8,[`label`,`modelValue`]),e(j,{density:`compact`,variant:`outlined`,"hide-details":``,type:`number`,style:{width:`80px`,"max-width":`80px`},label:l(M)(y.value?.page?.key?.vectorset?.count),modelValue:W.value,"onUpdate:modelValue":i[10]||=e=>W.value=e,modelModifiers:{number:!0}},null,8,[`label`,`modelValue`]),Te.value?(u(),c(j,{key:0,density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`150px`},label:l(M)(y.value?.page?.key?.vectorset?.filter),placeholder:`attr == 'value'`,modelValue:G.value,"onUpdate:modelValue":i[11]||=e=>G.value=e,onKeyup:i[12]||=g(e=>Q(),[`enter`])},null,8,[`label`,`modelValue`])):r(``,!0),e(k,{icon:`mdi-account`,label:l(M)(y.value?.page?.key?.vectorset?.byElement),raised:``,color:`primary`,onClick:i[13]||=e=>Q()},null,8,[`label`]),e(k,{icon:`mdi-code-array`,label:l(M)(y.value?.page?.key?.vectorset?.byVector),raised:``,color:`primary`,onClick:i[14]||=e=>Ee()},null,8,[`label`])]),B.value.length>0?(u(),n(x,{key:0},[e(D,{class:`my-2`}),e(E,{density:`compact`},{default:h(()=>[(u(!0),n(x,null,d(B.value,(t,i)=>(u(),n(x,{key:i},[e(A,null,{default:h(()=>[b(`div`,Ce,[b(`span`,we,f(t.element),1),b(`span`,null,f(t.score),1)])]),_:2},1024),i<B.value.length-1?(u(),c(D,{key:0})):r(``,!0)],64))),128))]),_:1})],64)):r(``,!0)])]),_:1},8,[`title`])]))}}),[[`__scopeId`,`data-v-d64c748c`]]);export{I as default};