From 6963085295ef7cf3c9db5b70833da5aa5f682317 Mon Sep 17 00:00:00 2001 From: Rainnny7 Date: Sun, 21 Apr 2024 19:51:30 -0400 Subject: [PATCH] Update search ui --- Frontend/bun.lockb | Bin 339104 -> 339216 bytes Frontend/package.json | 2 +- Frontend/src/app/api/docs/search/route.ts | 28 +-- Frontend/src/app/common/search.ts | 14 -- .../components/docs/search/search-dialog.tsx | 195 +++++++----------- .../components/docs/search/search-input.tsx | 37 ---- Frontend/src/app/components/docs/sidebar.tsx | 4 +- Frontend/src/app/components/ui/command.tsx | 158 ++++++++++++++ 8 files changed, 239 insertions(+), 199 deletions(-) delete mode 100644 Frontend/src/app/common/search.ts delete mode 100644 Frontend/src/app/components/docs/search/search-input.tsx create mode 100644 Frontend/src/app/components/ui/command.tsx diff --git a/Frontend/bun.lockb b/Frontend/bun.lockb index f936f112c84b5e54d95713d44c5f6fe4205cf4bf..c881f871cba43d60d018656c25ced0e302e7381d 100644 GIT binary patch delta 21856 zcmeHvcUTq2*Z=O_y~2tJ2uK&Pp(02TFN%8YvA4t)g9a6qL`B7}37D9~6w@|3!HyA2 z@{L`wC2G*9!G;|>_J+O2_WPWjSwz0*o9FjD@B3HoazBYTvGZB>ifQg z&-HXk@{y#}&M3PAzm+A)1NdOBB>4lMKwcI&f1V_{1Dj+>k`wSNU}<0!klK|4dID$7 zmn021MW6%ZUf`#rJ+&JFtRhL>Q+*anQh5mCAn*pB2Ok7{13YyY4J-rn1^NM>{lpzQ z0VKUAKTA>t;0o~M*q=b^NdM8LYRceWB`FY0Hy|1NdNKEQB#=7mDX=Awyp95rp1hQg zCJsoQw*k5V=OHSF-ZDw@1wRTrMJ*mk?Rqcg&b0(WuB6sku9tKx=XM&=qbM$2$)j3Q zZ{!vnpOh&{E|B&EQmnjyrGXuR)XVUMVaW-@P`8$QF#t%h>#uVCJ8O8abAU8g6W8(j zW@ujue4xI=Eifo+J+EB^B%h}NsaIzpjctmql?hBq`kl8K9zP_$_rL_Hp71FWSQ1); z5(g!O_U$cI2JZ|$VPwMK;mPPv^wnz<*XshLv6%dm)x5WBKv&3*0;$(5pcilv5MHIE zI%M(ryZwhqAn?@jaqwk6T90rKc5C$)S8LphOXuo|?soZWeUW?3lubF@wbcTX z_VKX|Oc*&B6D=ixC)XPbYy-&XdL29k;3SajhMeN9wt}ZXEC5owSiwKv!|OfI@cPKJ zJOCd8Y2X(ir=+_Bqy^x9&KPG(>TU=q0E-0rp67Ip_f$V*P_|u3t zLO`MHo789cu*AU$WmRW>FjU*WBe0?A6>gx(|iBjwYeP4WE=a@rqPf)4`j zEy3IQJIKbcQz56d>E$RJ`|2^s$*ViSO281kkx#JC1x+^caXqBvA#H(HG`8>+6MVc} z!aduZI{jx1`l1@<-2G^dne*Ql1Q8_ineQ<0~e~)cHztJO4`Xu|)A6y?T8Si|d zWkr2qwHEr#s#U%Jt}@`>(6P;>i5FbUPjPUwELhd2VOHtgi}WGYyd7ti9+)$!)%x%C zIaRAV{@Ql<=QpFbozT6jmDd|qtEx|`R^GAZ7tMCtI!~UcJ65l{BBuJeRBJe#lJ%fE zHmk#2N$Q{nEUzce)u;W(u7Yi@2iRgY_n#!Gi=mcR+omOgYsI-{Hf`-ZNoohqqUSBL zS=wdjZ?CsIW=K*~LnFSfO?wQkg~6q_uxU-^OHwDUA8XSVfU9e8@zFLdPjIrH*E~jD zfKK%|TdZ{`N)7b5=vZwDO79t_$dNh=C8=it$H0*zXpFiNizMmY0De)kU|x*4(vrg5FmNL1^=y`POY~_=8(7?y>PMG0(2|x)lHG72FV<#V46eQ&S1VS# ziV|-V)XJu{UB)L0U17Mh!F4bl(r$pGcv>iLv=5gT4%z{5T$2J*X$9uaXh&Rca6H&~ z&1}}y;NH;#>c(niR`Q-LdU{HX3Z{!5&?;8jf>Lv%o4hESR%Mmh4Nc;BaM7qMt;Zve zmVu)@Qj8d11y|4Dg3@F3w6%8a!%S`o^)WW<7I1a-xF)gMGn8m4YHlHLSo z)zhPG^6z@?I=k$r`>eNX$!pDF1jX9qWqKN9*C3;Cp{>oP)mq1gT|y56_YF82HqU@v z;2MHM@0jzD^(GgeY?I&DeSWiRhasy44b||&X@exi@YZQDj$kOB+(jMSJG=_1bpsp) zNYR5@+qCH4IOm`TO|)s_z|k!G>G8d6+B$GFP)9uo3+)*=>OiIWlWXf~8}0HqJ$IvB z+wi+2)kY1LGjiiLxVm~k$5^?Bp0>#@C+fMI?An}-eElGyF`P5t$aOxrvYYtetVTbH z;OZIukY)xrnk3%tl&G^BR{S<|-;r&7Y;wGw`-ffo8L~FeH!@JZuXoR~%Wd>D{O_yh zX4$Q8XJJhGiL6*{Axh*m!UwNUf@^NbBewAVWj(&O%{mC&yCk>nLaCcks=SrN!7TPHnUk8uRk7L2nVzdy$DFTREmJ*=xG;MyDGhxghuQODO@n{2*~V4e`! zdEh7yu=io1TmeV>f@CCn%uez=piZnd2_=#%v@KZ=f$M3=YwdbzHG`uKn)|vJ9AzI* z74~f!!nkqJWTi5W!L`7;j@8E#&}BXGr9DE zHZ27lEhdZyBiIHm930R22L+lz?QL4resfNdp>mR*yW6gUA7Rs0T#FY6&P&>>Z39JOdmhnh_W4J#aBba)zFeq)0Bu zKHm!*%?XAxAjT0)XE4TS5!|u}1 zX3YWD*f^#5pDT#k)EGxFbqyuDlK()Qexg>abvG~JS|56zI|MV>ycU4#W=zF%l=${X zxzYLppGZD+(eo;ZlK<(KhS5 z;2IkzkGUv`tz=(}BN#hxf=g9rJ@>TTy5y>{x^OJKhZ5xq_LT4X6&LE zRxV2K7;WLcH9B9kvQ9^-lQF>Z*UiubVRwF;IC8=I14=CnXO5%9UB>#gRJoxaJ!4mI zz;UDfER=YFj9m{LpN({6Zq1wKVIjUnjAH?lhmMYcYhxG)zGb?YzSO3D46d8uFgW>` z?sLJeh2A!!L9>?(4q1t)|AJD1W7<7%Jo|C1(L(N+mq#3D&}ZF<^OyEgnG-~C(q;pM1OaoNAzkjjMr8>-@Kw zySPuVt^tRA0^=<4*xZMM@@;Y}z58{$_6uZu>X8_l^Aj_&NCay#ILvSBSZk@LG#auo z040hckHEYFj<(3t;A$1rc|0r3wE*{~F_8G)HtTe7IGMuUEtJHnLkwe|^MwHGi(*tT zSim@}XQT9v(U_bJmSizq7@qur-u*WA9mw8-MhQK>t4&M7Z7Yvj-dLNwL-)C3*D6?K zamJ?<9RjW?^s)EC;!1Ea;IM1q3~)`Ka}1x zYO$}&$910vcC7~Pb}6fk3x+lv+#BGq!y}Jt<9?Z9$+^$L(Q@V7Zg6oXXSLzpxgqV6 z+9;GLtu*7hvJ6}_I2@dCnZE@N1Hr+jVo4qdeq`wZt^u?#23#q@bS^M_9UN}3qGRQ{ zE7JaM?UJHOl5|Xwq!Pe9pbR_%B>4p({z;edpF8jg&;h8RlIk7kKY^rI61)}Y0wg=G zqMne79zyOZcpnwdWvHP)1Z21(koYP?sbiTaj6>adllZwsVP zVWj$YLQd!gzL%Q9J4%4S1%lx~QXB!qKWU7>4}j#*$3SxMQ=kPn2}mD8YWF#i3{L}U zz@LEBZV}KIm<6Qve+t||@u!A=0ZRjq04da0fzH`& z=nZ*eAbkkQ(WZhYB)hGEFex=_Clopeg~CV;J3&qkzA5l6Aa&eT@ZEqaiz_92RfAND z1N$nZX75rn_FH8+m>sVyJEoB7KB7%=NG>FZdP36gC-}lhdIN-dE<$LXVKr@k1chrvfRM6M^_AeNO)gB>80Ur1y=$?|?L!3#~{$ z()|_xQM#-Kl82cjEP|Ate~S8TqMnfSw*y^)M+Bb>B!`a!$$`^A`Vf+Sp1?D;M8z2( zrCC0(3ecV6CXk9gf+w`F--2a&pp11Z#D$UU2ap;tP}KkbAlWG|+7pt!3W5jLH3m`< z0#d9bu(D7fBzYAe1)`eZs{>20xT?bc2(V-~3P>M9YF10|#Ua&4qn^yh2t7iwQ&;eW zq!%mX^#$KR)C2j(*GLEoBPBvBAuo*7K^tMHEs(Z}cY&pV1A#QrLxA)lq^TVt`2R+c zd1IkKI;r@NJf0x%BY__SX{4V5se>>}E#!HEzX&9IDc4XSPj3jk zE$|+YI({VhCqU}pnUGuPLWK_@>6HMI;|>BHMLi+OH6XQj5_~Bj`c08sP#^>DTp*Pd z3SNTu6&N6}yugY;+I>QRWH?mF!v#hG=|e~ZtSzt(kov1{@R8F$l4l5cVI=u{$jboN0LlIapmF8-O*9~+P;CNIgUtf}5b~`+ zawHo_%kzM!KM14`A=MuPQY20YIU!Bec_7)nAn>9C76moP7m9?Wa9!|(Way^gZ)WDW z%YOf!)_9ozJ*^c!r6Elu;wfMLJ+1wFTKo63MmsA$bb6yrH5y2}`@g5Pe@|=wp4R?7 zt^FUI)^cmeJ2Tp();pNeeC55^OTj;0T=V$$gz#}U&Y!4LL;Z1fy_y+&JRT+G*U#Cy z;_2583sS1RFKxQ}Fmu&_{NOINJa)&;`TOCW^Vqy(>6yzj;91uFpxl+U*e^S?RR`qO z@_Dw51P@8zc}Q+;xhS&==j1MI;Q>fGpM>PH%;uhiq}xHcG%ImRZe_VDvreZVaXdt3 zPC+MMW|q^CtRYFlX-IC!Y&l5=945gKA$ZQx_d{@r1XhgMB3oFe1F-tz2}qm|LZVoh?-58^oP^|qBam1v>@Si$BuOaj zS{y8FUoIpIPeBrW6cWwCJ~|3Xx6_cECyA4VMIM91F%Ob^sna^1Wwv*t4vk-W)9S~%WJ|{o<#2UOBcT?=vo0d2A zy^$*0`<}(ox^fMkV`j$pwftlyp_Y(5Fmdp3Jn_n$Jj4>au-bXLE5c_B&USPqqYK+b zA=?TW-OSJ(!ew^LTj}FT4*}`3SExIqT#Y6AC|}k$ZzRr$Do<1$7B?4Xg{&-OyM*kV zkkMnR)hxnSaj!o^SigWO{G-1BlhTFkl2E5-oC_eM+r!I3=7(~0<^*3QM3$?vU;UK! zo@dYtd7$C4OyjBv%3*H)=p_rS=>evbsER=OXVFV3A;S}S=|7N>2hKtkg>o|%4-;~W z%n|;IUG`iB6>1(VRGOjOHgiXSa#$%DkGdV``Y$AEkn%-@3qtD(as!nC(F3uwpmQLa zg$p2x{3Xz3&=r`^iF`zfzE?2fU-d=GlMEBPIBeuaH}PV9wN=fP<{e+N55}_dVuI*Q$5zPlH#61 zC!IPVI{DNF(c`f4pdb)Ei5kT)m+^^`HRQyv0QrW^rffp&r@ zOZI^1#(Dv0A!re3F=)91zJ*(X!b*@1nhIi|A3%NG=_E#M9&N8sY)wQYfu|dTTnaDcF_?r#d1=<7J z3(5iQ1MLSL038G!0v!gO!n*AXN&wNyTMS$RqNmtHLBl|!Kx05-LE}IlfZhWQ1PuZW z22DqT&5)()(o7V3LqK00bOAL3y#ZACLP7(@>c9+pU# zK-WMcARhywgY37UDWIt!21)}>15F3b0i}a}0{sH|59n9WV$c%MQqXeH3eZZ>TF^Ss z`VtaLs;)Q(Yy`6jv>EgV=pg7_I3R;2vCpe3H7hTN`}EDg2oSzXkY-_+oq(-CZ9()M z(P!*Lb)`vkb+irvg@I~<=y5f^7nR-x(SuJ9SoH*5LU|`>H)sIs9HNAz(DyF%9ZfuD zpbRpz9C`@^`GF##mIM?1L3>c%3(5h#4^x9cgF(rlgJ?S*R2J<=fFB7O1sVfnuBQDk7l7Yls5usd*1|F z3!?peD~R^%Yp~syeOE(yzZyM|Pe!Y5pe`VKGPWHq(l;EmZjCBROutP&-^@8 zNs;BdOslEXl+Up`HI=A{i%{}JBM*=}$OTjyLw$eL_N)%SyQ=D+Guwc z{7`f}1T+XlZGu7P3dxD5x(m$NuK4wP4E6%(3Fr~%A?N|sav3%pi7|V z;$wDq12P)lSeU*FybPkQsQ!w~1~*d5gb$swd|eF6pmPdxVJF-mE1Ic1=pips zwXkQdXh6|7QQHhki};qbKR~)vZbqW1MyNU z%ph3KFPyps5#61syipLsLNOD=6+;q%EY!%iknQpXMn#N7|1ULu#blUar6xBKW>@o9 zt;a_E)b#oG=!vYuN~L3A56c%F-JEqwUDjcZ5=uXC@nTn(E4J6qxH-e!er4@)5W;^l z(}RCy<#(DhY=(mm_oZQ$w?r*w_0}rh{^l=hOO;G$;6EVn0ncW-vExZ<=3&tYh#>o$ zztG+AAmh=Pquqby?IX~B$rrnRHhCdx!ownY4STjhi8R9>wTykZ7mmI> zU~}QUBJ5@+m}`tDs-@Toc-gQSNk&VQHQfAiW)~T*Ifr$Yvv>bcykGCKrR8$A6C*KQ zf7PB*G@}ad8O4vw-~8dU`9rQ3)67TgUHm5V(yFGlWlVmN!4wIP7(~$>&2+3#>b$fi z6zreHPiN8Cn5(PEzG?RI^0fYs!!NS9id%7F>cqD0Z~oGJL+G7GwP$8cvdBoyu-Y%K zB1Jr5r}q>|l>ePvC=w63BwLlEM48UKZkGSy1QcAk3hlzQrHY6b8mEI;>TJ^iER;$I zl)dsmcJF`^6>a{e{Qj)pn|;;vYCmJqM?{82NanA~XWg06*sH<#882!UvABaul$^!B z1NfOgbD#fY#kT!Jzy3gM8+gcdjh#BE`1qN>i*Gn*;0~XM1Me9M)Pv;2+z-K!7klH7 z($=qXCjZ&%M`hdnUgy-NOVF#ucbQ1G4%j-zbSZzi9a1n{W@+?qFV24 z12Sq0s}&Xvqq|6X4!d|5CyP5Q`UspfUr;dBHMLPx+~Q^y`9mCa!Xm?Q!#nec(qEp) zthpGIGpj=o$OaKiW9hjtwTP`J$YKX`l~r)&%cH34!s2gYaJ@Dee-oPee*GUN4c&j7 zjs~^DA}C6|*f=P#Qpc2batd2^0?Ota0kV@P|1_wh_KfzBhzQF0wJh&Ax;W0-o`jzH zhJlJTy0tx+(DkbqdJb#?Da^{^y$&x`WBj*E*7mo^6moh%S&6xkp*}2xK$tzidV!06 zb@#8f$34fjCL04V?d@cbVb9NeQ9;l8wMXCb@4Uot)5s7jt4ZpM*mD}T`GSM-U(TA` z=}922P#CtMC*txCyMIlGyeAQ7)6IVvO|#WYV|-0trI~UHndQtno>C^rU$gzEkQH+? zKR>PH%W|vCQD>A;t6%sY{uApiY3EX1{Ac0X8zH8s1>1NLlVSdvxnHh*dFRlW^A@=m zngk)G&EG>OeB~bdefEmpNU3lv2V}`g=6nh9G=E-Q;{0v*&WguK%Kfm&7$n_g)(8rg z=X=;YmlSVz^X&y)hF>4k{kdnBMJ~fWyQD-_d~2`qr%eT~IY{2n`Ip5Oms>{m8YhIU z>;!dXz8@js!^@+Fbbvch>AO7DX#I<}!le#A;rFFoLzb zf~7T$EhDZe%O>tE7IhVxajZYV05+XqB-=wUohjF_ADC~S@N`|ae(X1ce?+I~lFluw zSw~VZUvJSlH!q}2VC%6^5C@yaY&I#F@3UCbaQ5!j(gt(y!l5pKmrWZ?D)~CiY&hHs5FSe$lnmf!!i|J($yV z>^A0GD{3xiu<61ly=iX^$EJV*Av<*gjeD_2H_+I8fyKqe zW4`NpW+=|1J)?nN8fgU!N33AKKr#F=VSq@=-x6wL+Mc>AE9lKH{J;Y5C_c4{*~@4jhTGCOl!X2WnKTt##o*|G;PC^Wbw*_S=05sYJP9~Q0S z1Nnwc#y}7hqp@gZfJX`3UA}DAhebZb;0s&xK_DlPZDD8;yXAmbi8zX31+gznLpY8F zJVH#qInOtxxut(xJ7V(sh9YPff*0!u1rc^O@e%rpWV2t0kXLp`7_zf`628q+o&iJ% zhp^bcVcmRh#@^c3P((D&FgtM% z*&wL!2#CQN)8NCCA?h{BU|}v#u-Td~J#ostJEhxdr=f;xk(4dwTSHvi?Cer+Sk=#8 zI9-*+J;BXsG1vk60306P?b8}UFUXv{%o=Gh9DH`*X#A=HtZZaDO@H5|g zvheok&$^`rWeT6_;5!ty1PamSi&DI+Tnsw-?X-%*wHQ3nxx!xvvj57cBWHcvqpx&4()_7i*hUg9ViU?BD&`wuq&jy;&VA#{aW6U-wmxMu zpTkM>4Ki2a7hCHOpMOy3Az$vZ94N>R>?-M*Z=mrw@KuxF=V#{&y=Y|Zlt9zNvMNSD zXG%JF{y%p{Fyp4IM+Hw;K01*=d_MhNJtiYUMH0Rk3$M0qE)tRTB7t7s^u$v52SQ_e z^ism5f+ohI=f+u>s`{conuUTW7@M3}Pj}cdRgK~vl~oZyv02<<@^jo^7+Zj7E_^9) z*RW}rF*ZM=q1dMkRl}SZqv%aoTFyF_fIo)ko-DP5s+t>@kyAc?=6iVjn@<>d>4+up zMIO-n7MfUL*GNnnMWLbly?Pysk#OH$tM||BiJkDps0&}YJlSbC4AAJzql9tBy}&lp z&dGNozMU9jdSQT9vBsJ@!^{?8Q_OPV9ttjsVqE{APFOL{0zPshw%HRa8OzLkqf+fQ zV?)Ab-v~qC>D~p0JLB3-3&xoCVrDRd?Lm@FEoJ0eG1qU=rI<0Xc^2a_rLxEx<3bQ+ zZvA}EH?M7lxBJ&!`_tGBx|oQKR)pq7){6b-0UJseMR9E`)+=$nFSrs3cj8$i7qrY~ zJqY+lvypuRCi)dwj77E=&&$2A8HfECRP9Qm3KV8Ks$jpm$WFLmJsMY&D4B1ImM2fx zyRND?-B;hNB{I{-Tp`9jSa>5~Z#-+!M?abAwXg8->F`;GKoI-Rmgo@$wbv*$8q_f*@8{>tGvV7`N@ zWWD+mmdM{OGUf{32HU%8S3yQ_0pAQT7RzE7XrpUoq#IBtWVrM+I@wC$2+fnwh4+g%MW%{W7<%2BH z7YS;}I!WHlY2kKF5h@UzD_bs`8XnKJK`>U&j1+L)3Tmw{J?PdV} zKmeb;nNb01Ws4@2=ltXa@qy}GPx^wYW@t@drQ|JYyUfMg)JbyYM?2Ipa%RF#^&Oc#+=c!s#KKL( zC4+6BqqfRyvQPa~W~0lir7{B#sHM7U+e7f@3HV%MwL+{FSho;sdCj{9m!)P-2(bpr F{|_Y;wyppG delta 22068 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 => { - const query: string | null = request.nextUrl.searchParams.get("query"); // The query to search for - - // Ensure the query is valid - if (!query || query.length < 3 || query.length > 64) { - return new NextResponse( - JSON.stringify({ error: "Invalid query given" }), - { status: 400 } - ); - } - - // Return the results of the search - return new NextResponse( - JSON.stringify( - DOCS_SEARCH_INDEX.search(query, { limit: 5 }).map( - (result: FuseResult) => { - return { - slug: result.item.slug, - title: result.item.title, - summary: result.item.summary, - }; - } - ) - ) - ); + return new NextResponse(JSON.stringify(getDocsContent())); }; diff --git a/Frontend/src/app/common/search.ts b/Frontend/src/app/common/search.ts deleted file mode 100644 index 180abec..0000000 --- a/Frontend/src/app/common/search.ts +++ /dev/null @@ -1,14 +0,0 @@ -import Fuse from "fuse.js"; -import { getDocsContent } from "@/lib/mdxUtils"; - -/** - * The fuse index for searching the docs. - */ -export const DOCS_SEARCH_INDEX: Fuse = new Fuse( - getDocsContent(), - { - keys: ["title", "summary"], - includeScore: true, - threshold: 0.5, - } -); diff --git a/Frontend/src/app/components/docs/search/search-dialog.tsx b/Frontend/src/app/components/docs/search/search-dialog.tsx index 1fe3c58..3c97ee1 100644 --- a/Frontend/src/app/components/docs/search/search-dialog.tsx +++ b/Frontend/src/app/components/docs/search/search-dialog.tsx @@ -1,146 +1,103 @@ "use client"; +import { ReactElement, useEffect, useState } from "react"; import { - AnchorHTMLAttributes, - ChangeEvent, - HTMLAttributes, - ReactElement, - useState, -} from "react"; -import { - DialogClose, - DialogDescription, - DialogFooter, - DialogHeader, - DialogTitle, -} from "@/components/ui/dialog"; + CommandDialog, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, +} from "@/components/ui/command"; +import { MagnifyingGlassIcon } from "@heroicons/react/24/outline"; import { Input } from "@/components/ui/input"; -import { Button } from "@/components/ui/button"; -import { Label } from "@/components/ui/label"; -import Link from "next/link"; +import { useRouter } from "next/navigation"; +import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime"; /** - * Content for the search dialog. + * The dialog for quickly searching the docs. * * @return the content jsx */ -const SearchDialogContent = (): ReactElement => { - const [label, setLabel] = useState(undefined); +const QuickSearchDialog = (): ReactElement => { + const [open, setOpen] = useState(false); const [results, setResults] = useState( undefined ); // The search results + const router: AppRouterInstance = useRouter(); - /** - * Search the docs with the given query. - */ - const search = async ( - event: ChangeEvent - ): Promise => { - const query: string = event.target.value; // Get the query to search for - const tooShort: boolean = query.length < 3; - - // No query or too short - if (!query || tooShort || query.length > 64) { - // Display warning - if (query) { - setLabel( - tooShort - ? "Please enter at least 3 characters" - : "Your input is too long" - ); - } - setResults(undefined); - return; + // Fetch the default results when the page loads + useEffect((): void => { + if (!results) { + const fetchDefaults = async () => { + const response: Response = await fetch("/api/docs/search"); // Search the docs + // setLabel(undefined); // Clear the label + setResults((await response.json()) as DocsContentMetadata[]); + }; + fetchDefaults(); } - const response: Response = await fetch( - `/api/docs/search?query=${query}` - ); // Search the docs - setLabel(undefined); // Clear the label - setResults((await response.json()) as DocsContentMetadata[]); - }; + }, [results]); // Render the contents return ( <> - {/* Header */} - - Quick Search - - Quickly find the documentation you're looking for by - typing in a few terms. - - - {/* Query Input */} -
- - setOpen(true)}> +
+
- - {/* Results */} -
- {results?.length === 0 && ( -

No Results

- )} - {results?.map( - ( - result: DocsContentMetadata, - index: number - ): ReactElement => ( - - ) - )} +
- {/* Footer */} - - - - - + {/* Dialog */} + + {/* Input */} + + + {/* Results */} + + + No results were found. + + + + {results?.map( + ( + result: DocsContentMetadata, + index: number + ): ReactElement => ( + + router.push(`/docs/${result.slug}`) + } + > +

+ {result.title} +

+

+ {result.summary} +

+ + ) + )} + + + ); }; -/** - * The props for a search result entry. - */ -type SearchResultEntryProps = { - /** - * The search result to display. - */ - result: DocsContentMetadata; -}; - -/** - * A search result entry. - * - * @param result the result to display - * @param props the additional props - * @return the result jsx - */ -const SearchResultEntry = ({ - result, - ...props -}: AnchorHTMLAttributes & - SearchResultEntryProps): ReactElement => ( - -

{result.title}

-

{result.summary}

- -); - -export default SearchDialogContent; +export default QuickSearchDialog; diff --git a/Frontend/src/app/components/docs/search/search-input.tsx b/Frontend/src/app/components/docs/search/search-input.tsx deleted file mode 100644 index 9257cff..0000000 --- a/Frontend/src/app/components/docs/search/search-input.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import { ReactElement } from "react"; -import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"; -import { Input } from "@/components/ui/input"; -import { MagnifyingGlassIcon } from "@heroicons/react/24/outline"; -import SearchDialogContent from "@/components/docs/search/search-dialog"; - -/** - * The quick search component. - * - * @return the search jsx - */ -const QuickSearch = (): ReactElement => ( - - - {/* Button to open search */} -
- -
- - - - - - - -); -export default QuickSearch; diff --git a/Frontend/src/app/components/docs/sidebar.tsx b/Frontend/src/app/components/docs/sidebar.tsx index 88a194f..1fd7d56 100644 --- a/Frontend/src/app/components/docs/sidebar.tsx +++ b/Frontend/src/app/components/docs/sidebar.tsx @@ -4,7 +4,7 @@ import { cn } from "@/lib/utils"; import { capitalize } from "@/lib/stringUtils"; import { minecrafter } from "@/font/fonts"; import { getDocsContent } from "@/lib/mdxUtils"; -import QuickSearch from "@/components/docs/search/search-input"; +import QuickSearchDialog from "@/components/docs/search/search-dialog"; /** * The sidebar for the docs page. @@ -24,7 +24,7 @@ const Sidebar = ({ activeSlug }: { activeSlug: string }): ReactElement => {
{/* Quick Search */} - + {/* Links */}
diff --git a/Frontend/src/app/components/ui/command.tsx b/Frontend/src/app/components/ui/command.tsx new file mode 100644 index 0000000..e4ad011 --- /dev/null +++ b/Frontend/src/app/components/ui/command.tsx @@ -0,0 +1,158 @@ +"use client"; + +import * as React from "react"; +import { type DialogProps } from "@radix-ui/react-dialog"; +import { Command as CommandPrimitive } from "cmdk"; +import { Search } from "lucide-react"; + +import { cn } from "@/lib/utils"; +import { Dialog, DialogContent } from "@/app/components/ui/dialog"; + +const Command = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +Command.displayName = CommandPrimitive.displayName; + +interface CommandDialogProps extends DialogProps {} + +const CommandDialog = ({ children, ...props }: CommandDialogProps) => { + return ( + + + + {children} + + + + ); +}; + +const CommandInput = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( +
+ + +
+)); + +CommandInput.displayName = CommandPrimitive.Input.displayName; + +const CommandList = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); + +CommandList.displayName = CommandPrimitive.List.displayName; + +const CommandEmpty = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>((props, ref) => ( + +)); + +CommandEmpty.displayName = CommandPrimitive.Empty.displayName; + +const CommandGroup = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); + +CommandGroup.displayName = CommandPrimitive.Group.displayName; + +const CommandSeparator = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +CommandSeparator.displayName = CommandPrimitive.Separator.displayName; + +const CommandItem = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); + +CommandItem.displayName = CommandPrimitive.Item.displayName; + +const CommandShortcut = ({ + className, + ...props +}: React.HTMLAttributes) => { + return ( + + ); +}; +CommandShortcut.displayName = "CommandShortcut"; + +export { + Command, + CommandDialog, + CommandInput, + CommandList, + CommandEmpty, + CommandGroup, + CommandItem, + CommandShortcut, + CommandSeparator, +};