From 7a78ca5acdbe5e765b821ad92e94d421054b73b1 Mon Sep 17 00:00:00 2001 From: Dagan Date: Mon, 6 Nov 2023 19:06:50 +0200 Subject: [PATCH 1/3] Added live code preview and updated screenshots --- assets/img/Screen_Shot_code_2023-11-06.png | Bin 0 -> 12269 bytes assets/img/Screen_Shot_preview_2023-11-06.png | Bin 0 -> 20379 bytes package-lock.json | 288 +- package.json | 1 + src/App.js | 40 +- yarn.lock | 5253 ++++++++--------- 6 files changed, 2922 insertions(+), 2660 deletions(-) create mode 100644 assets/img/Screen_Shot_code_2023-11-06.png create mode 100644 assets/img/Screen_Shot_preview_2023-11-06.png diff --git a/assets/img/Screen_Shot_code_2023-11-06.png b/assets/img/Screen_Shot_code_2023-11-06.png new file mode 100644 index 0000000000000000000000000000000000000000..4b4a468f76a3b3d3dce3a9b37027a22f73cb26df GIT binary patch literal 12269 zcmch73piBk+qY8e656{R6|y@~iK$JEnxazCE_9Y0Muf^?9LnUhrjk@DMJR_PMJ0rC z8fKB4Lr4x|jKd5DGs6rs*36oj?_ux%`@Qe={=fHq_y7B@&&B1MXP#%R_1yRUyYJuq zd)D1!R_4l!S1p#4lT$uyao~iU+(JlBZa(^xJQ#7ZbeIqR&GSEDzJFd<-4+t~u*k>4 z)?ZFeY1!=GJh_CV6<|8~*wIr5Wipxh=}V|YDn!J5foO6XnV6d43lJ_}$mIz*;CFJG zJvlu+Bc9+31TzSVO2)wqL_94-1T!Me

ijnGy)4Qt2pXQY=PC#wVmQ*~mC|c#NC< zRm|W>`-jE~%c_#nvTodcQbeg57#`~ylHhI%vKqtBS0lG?7riz zowSn<9-nKQIXvO_F1poO*VB%k{o~R&l+WPI|Z!)03+pEo&$Hs`(1IC+h7`7J+s z#`#i{TY|JN;#1MWJ5dR3oxN2JtuHcilG5JSHMf6jr{0TBni0!vV}(`SsNZYk;2pu| zPSh?ASXXxUabi_{OGTw4ty_J+hNFILhI(*ppYG zyWPDE)})m928m5hKVf(2g#D%X=NW?|?3Mw^n_4krgxxbD`OqkqN@XIEn8%+Q8RJaw zg-qaS9>1SCGBqs_qmsVCVa~+l0CR-Hot#0CekQB8pV>nnq|yhd^!_OjD`1jDf}*Hc zEap!MsJ#P&Ocrx^OpKy0-{u-0wo%mFGEYtS;uVstA+jcVG>hs^qSoJhCzGAM;zA_K zJ{auX{JYG3o$RJQS?l`Vy?cE&iGGoj+tP6Oz`j%0lGwDn@cJ=_Z~f11QI2{W+)`S* zXpN04fAg~iPZn(3ylC^&dV-1UqO;Zxpe~UPlH37QH~{xA(Anru4dOgxy#;BDweF?1&|8DzYmQov+K{Y!eVC!tYZ` z{8xn-Cuq;}VT%kjtx1ab8i6`dLAy+=!CLOkZxVIsS&<%GuK!4)L|QKsG+=y`zM#F9 z@mx2J*D1cP&sMC)I%bb@YYR8kBv6-!$+w($rRCEw)-fNm^$v-JausltVz)O%&sa^%3@^;S6B=*2kxOe-mO^rKELj>RTkN@qD{d zZ{HEsjHqhE^2MW7Q`w@iHp$vxE3H zcqwtMThX1ta>FPEzX=S_iia)ol@yf854*ovRaa8veA495$rIxQ6uG@)mBY>?I%6r0 zDmgn((a~`--j6s_ovdu9OsOh@GQjpS9-}&(CGk_2kw#&Bw!ZdL)n!XoKT3~UUB{(` zF@;uw5=HOzgFg}Z)06tu(>$fZvjR*A{hmh?x0Ay+f5CuGA6mKJrVZ`Y=k%_F6IHG&7OoO&^a!k&>fVpP zHE%{}A7d(po6kHPGNitw^Y`(Bb>Bk1X+3{HH?nwwo<{Zh2MYDYCof=c2cpu{*pA2a z3-;$HFfT%E(^5V8xS9BE6IO+=f8TCb*2)oAYV!>IoDoJwJ<%# ze$eiA8PLC$H(2106(F4?&(B&eq%irhLJC+(vsBKqr*pWAj>xMkKqizfQft7~|<4c8((~@jUY>Q~W&u!C|=0zEI>dEfJht9MKpNl?(u~lEB z->acm(}IUw6`^TN@KEo`hol=Pr(PyZhYHrIN=2r;u3+nxvV~U1%EIWnH5Bcu%7nhO z=fy&o?DK_k9q)U0s#@=nv~=)POhhd0V14nzqBHHIII?iO#=ZeJ^VFSNhMo&p;*bigHtsTDG==eQOwXT6Q5XW$Xv*|nTlYmg0sMw!CbIVI_Z6Yt{d|NQuDIGd%v zTX-LxpE3LsPdo^r9}9nj%Qvms%(R}Fv7Y&2joz{rF?J!6yUns!mk9fy8z)Z%@N`M_ znOscS(5IAh>);dtYW+;0#!xptcucJt2#vElUQzk_z0+!H}pOGOfJ%8zAjs|B{ z9k+SrSv;Qf!@bP6>`74DGGNl!D96rA5R2K5d@R*&f|wT?Ss zQyCwsh{@3w+QJh}$<4A-{1e)AI<^kuGvvI1G?@uI?GSHB36@ERrLA4#@iZATH^**m za5yTxheyKkQw*xQsq7Mw6Vjp%)#d!bwYz-=y5X<37I`ZqO?wJFAa**$n@Ou>3*`pCO4QZC8RV$H4^&Hr*!NUdha*a0zE%+kPAfW;6e>tTLZM0 zUWmFD(PeR_6N+SU>0Ri0YM!l5wO#1V%0( z1g3Ub*;~no7h?pg3u5XXBB7Fo4P_k90Ir_2x2$WN3lC|dm6iy*Br$4nPDdjz=DUK` zZn3#+rYV`kvzB$mRFR~C_;_0T>Vexo)3M6R5)il1&XBuo0N*RK$q{$RhO%-P`h0xOWe2GC@qyns$tq zEJKDWGs}WCq^}2MJQQmMDb0E^^#oK|Lt=WEPU@Mm;MH3xE{LRhSVm>cMeDAM&NHt$v5(}Pmek}b_t`LI5T}Zc!hGEG;OYvDPlCyNM^Z{ChfSZR z(f!|?qoBbQF}YXTldt`bQhxVcAS(V*7|Iof%5c4taC&eJjv^CNgkFTJ<4Q>%)XR!m z5mk`5L|rzeywlBE)tQdSy?7~CmPV1ImZ413i6)|yZWcIwf=Lu zy>2(6h`-jMI?q0ZST+%c)hcnBs>GCv_n5ZI*{5g+Hk0u){fQ50lY#x_1d*bA&wNwS zXUiJS2--&`h$80qEavWzE-jsSo+y1LSNJ(tQ>wuIoul-9VjZ`H)uWZDUBc2{FQKoxjO-`Bu5(D_$u3BSR6wRjr;{cy!;e(<(w-K~L&<(H!AP96~Exdnk! z%IrLYL!VqXTn|?ippIAY(Nr_)uXbu0a)k+~f*sH9mcJ34_=_HV9X+JM6Thg73XV5Z zQm^BQ#D3q_XuK#ot61!C*7PHFAJH22L)aB-pfBaV;QB_e>KXmojt!>1w5kr=Q_5SZt}U!z^KTDCHIR1jVe*98j-3`MvaK(=_`jK^S%g#Y<6%narDtos1 zm@u%NI|Ss9W)OehzztL_P2CJxjyJ~hG{*gg%ywVX5{-EEJ^vl9>N6{_aW^TqjiEb@ z8_!io9X+;f=|-i$1;1 z*WK$5<7KTvGqDY+kj!pe9!!jE-7@m-G(OWp-s zNY!#V>;1to_ESJFdkuNpm96N9z?q5u%jYH2ewM}3)NM}2Zou8~bVOuPV12Qp7Ycj6MMgDqO>>f*xV2U95zKwN+55p~lwg^Mp%P?aRCoWo)9{e7EqFv*@xcy?7hE&ky8+xUmd=bfNG$lnR`x4@D(=IVm`dulOBieR*n8*&61?rI?r zO%Am6;%4fo6K#9GRtIPckm(kUq+h_4T7oRn!{OBM8kqgg0G>>h2&bwi_4_D@wJGWvNNa0~bD zkoeMrNTj=aG~IutF5f*Jc|eN0edgB6h`h!DD~9^R$EZS#P6B3lhXHqU#0F<5(JdZT z6W(tu-vs+4fn*V!KKOe<*LQxMLn_>0tP`ec8GtMEZASyNTUi**HNgHU7oq0{jF@Vo zhlpiluAtpbh^XU=GDUL_AVWEMkF4(WEJ7L;{qva-=fl{@c7c-l5hyH_k4vcuck{9Q zofhITo>ur^SmG@j$+D&MS~N5b!G&@BHG62DWiL(pQ#~d{jQp7{YWZFF&`UMYSe7aI z{U+<(9`LToB@dsX3MV19bMs*%;k&^~cH+_C`F#m>gsq!k@t&hl|Cwldp8}6;vpVMy zemXo2qzOv~QQKyxXyNSU4GLBMPPvF^=JrD?2X~R$2iC$!FHM`JzSqf=r=e*8v!|O? zh#T&>)Dn=q+m7vFkG*a@M-?LK3E14Kd6=+(1qf~0bg@Xuu8!dI0u{9E>2v+&Z32_w zciyWuI000Pnb_htL7Ki#g+xKx&*vM<4|ZxZPAa*^)I{jz4-b??Mn+EAk(a{5dL2k8 zH@IUZ#r_&M)-e|SyaR+YmU^(Q+3RQb7>xUx%h-BdhUPPpVe-roVbNCtY+G*8QNcaQbYLDzfXSYViu>#Z0-U(aTc32I`?L~d9 zi;NoqvsQ?MZz=v zqZ#^+tGkC%$D)WwXj*BASKhXWfcAqp(T6oKjZMOQJ(&`vdf1=nwi`pQh1)xxbeKxpVYP0439u+tQ}&LuBH?NY*XFC)wjt5-*f&q{iR5 z+%d0IE$Plqzgz2`v(dm#C21DP&o7!J`fjw^{1IKI(|R-`bIZ`tF)2vIpv2Ewvc=bg zg_fW4wuL(A4V&~pzI+B8*f_1Gv#UurnQ$*^fVYU6*seJl2$Am&POCS83LHE{G%@b^ zz?ldd!7eempje!?tRVBRD{@EeR!Fsy_DfGB&?9_p0a72)otp0s+0eU}szSfU|Do$i zDsrs%o*7YY0!WJC;Zk(XC=GUF?TI|{?y4AO{4Zzh~L;GU3^wPGWZ99?obTrf2_LymH=+(iq z#SSE|k}3|!(}9mco<;>RO3GH-jhc1#P|#)Wy&>PB!0(|Av({Ii^9;zb7YrNS4G98| zWk{b{G+pOy-k)nz&;rGRvAP{?+ifHB$;&c71gukzDyfJF2yam|HUsyMrMrD7VeKa! z?a8L?n)!A?v0_wd_z)C!3GqtUI+_@@=T#;A)&TapNgXnY#v9x5G>+C0G^l~g)bn;V zN9MQWp(Y?D&l-9hC!nr(Pn_1P-xk5)oceucVm&1)n#uTc7cZ(e5bxouI^VwMDGeX| zix2iC0HLXlYIW%}-q;XuEg}?&H&*c81n85u*59FrD%cj(0CwDlQB&AGs@toXaC4cl zC3w_k!mf&;rYMcBYdaO){epjkp_MDGK;)fN)b7r-QgP@ye__yV;`gQTNB63_ABDp1 zBFS8%q+_1>{e3o2KiKI9*#SNus%{K$2vQbIUq3+FAee3p%=IPg6nrS@7KuFCik9G# z79q;%M~zY*7{6*;!t{rk*nC!>fy^`UX50D$KC3|#MAJQ&uGuuU`-qRPA>BAu)nq;5 z6}`CulcWP+_jUTm1sB!2_tg@k8kU8bpZ|r$jMHbyk8eXNMRR^SKWp4J-&NlO90C@f z!w;iwDZSI*xCIpvI=G+C;Ehku#gPsUwItjM8?4BUsEE-=~QP`?q#6sO{Qw$0m<1PIw2c@Img=Ninq?l>rMHqZ_JhQHfcP2C+5QlX4Z zyR@fIdZ}2JESlwP=^!ik^ygVp)jf6`4JvhQa)F^Gx(A^!v!h1vcG&d=dHXu{4(9G8 zt+~0)Sphp|0KE0)j5H~_%nCg;%znjVhYQIfyRUTCj7?FUk#m}?nw9TziNC5 zM8>m=CeJ+bla5^UIe~blJ|$kHzDi8jx_J_C`zNS@I++zIZgR_Cg{3{3U@`Ae~tJbU8g_iI`2}a=lX8`nz|Zlm2g^HBfdU8$(omFP>)Ia6#)Dz zS2P~Z%nCfy8fYw1RxIP^Rhlho;)!d`2|fxSq4_{FSP#2!q^U4alGSE=To3a!Jt6&`DnRXr?&&F1F!FCZ=Zf8TDg$lGiGm zGZB2ig`eCVsx*~1EV^p=Tg~0@g2s239M{b54&b(}sdtCJ z37>tu=l*3Ia@j-viSachd{1)4zWzVKcCK&^Y^uN`rY#{WyVDmvW~)NvPh+WcuUTfh z^gU(H+NLn=S04Kv+eI}@*Ytvay)I&@&Q!NbnX6~LONNOiPw4|Og{R`^<|aX5{u{s@ zUEr~Ow|2v{w{CTJe6T&=RFu_+<#oeUtp~&#ZLKIE59~&iv>4b?|81){NafDj*pK zLxtXJU>_VPEqsKwA!}4A1K4I=EyhRhZeGzFa+%V5xs}`0P1}@!zSbg4J1cvNc#d^ zE&zxLx6t|aH~x}WDpn(>@lL>wMFT7URm}xL%ASh+pO(t^eFrEqgD^RhK9dLXE}QMC zjB~N`qAxJU@H9M|xp@@Jm<|4Ko~uhb`iuTB=(!BM_k_MSDGi}LIg5nbSwdmT2wV4) z#eXfoG%nQd-vYXV1iB*Y$$p139jsD|I4Ta4p!3lBy&v_Jd3Bu%FWBIR-YWmvia^ji zt%pPB*(lLcJ=;1AZN0f;eCmS*_$S14oP|rT>ACCuXf0vuQ~E1N()v#nm`$Y%`nG^= zu}83P`z$W!#L=%zoWGdU&$^KhOj(di&tzh?*RQT6Yzx}<1V0(>589GAL+u~y;I4RO z?K0(_lS74o3JXTRDjJ^zX4uIkCV!3`_%#19ZM3c*e7kdi?W{EK%FM zCeU`JA!X<~$}Dr;8clb-rY=&_ypJkWA`b7(A*Q-9NNk6Ac1X?qBvV9Lfu9Lx*8Qc) zEn$M_tOVlHZ*UV)E*r#^8ImP)nb!m`<_fi|7Xf(uU&PjvhAggZtSg z^C37SFz|5NdHghyJI3bJrM^fRdFwe+GFuWSwQ{M5PJch=ehL! zr?o4q96l;mB{t#4Y77&kk0a3B`8C!+!04IxHw29TLum-p167&5-!)C0wvxWVCm8Ht zJ1mK9QuD1+A!`;EGs{_kVqD8EGzyJOjjcQVz3p&M-twx|+51EKd%$FqmJqUiQ*cX` zm1;=jawZsu=Ek4X+c)kv^{_KNU&XsQMhpKDpV^%yUfxjLFR~rX^T@*_Fenu%F{z5P z3IG03;nU?8LtPxYJXbY2XAg$xFg)XFzpj!{&P3I^kL~V>(liD!bDvq5^hCdokbe?N zyrN25*RXwEj@)b_x!*V)*BIHAHLig>HRO4aVoOR&q;HS2MZ)s|bViQW&`u??>f2AO z9?;o&&dP?7xT7io)m#*&>cau{H);uq39+_G_hoZ7H{I$i_@?T-q;&qDYtvB`6^VeJ zx305dxl2mv_AbgH$9X=E|K^{Aa2~GWy+d+JTwJyV=Ww+~EB@OELACUzJo@Iw;94LC z85A!I+vzp47n;o}KpRl|l&p3P37^GuDvx}%DpoL*hBXE%gMG&|G`+00?(a5=f7OPk zczEHGqX5O;K=XCl{2v5brwsHRW-Dmu=H&AVgW3GP3sDZJ&ymiLsUtW|%$p_aVXFVM zKkfUfIGbwheSY~njQ&rC88%edM5xif7hbf_F9P2g<^nL~h&bFo<#o}kfGs*it;zi4 z>-)C&9HdCX2aPl3JAepmHbe{_U(!0d=XCkOJg963%{+xZ&gy<5RPt@E z6DX+@!Zd*GZ=nH;jIu%xw0j4yt=W4JkdX$$ z85nZfaiqU|o!GQ1tW6j{q~5qF623;IN$U1*K(*<|$x`LmfSdg8hl;FxSw zP05C|@z`Bdp>R9A*XtiVR5uylck917km!PR@q17hUNQ8Oum2 zUM^CXB1hn%T7p{c%ZrhdsL3UcxK~IKc=S|NXU4}qCgiZmS;>)J;c@u6iFE|ZyG}PV zh#rr&2@2ue+}paVwFZh#>;msxTt^k!(z}n!=%(a8Bt3A$YDI~gYF^C6~#_7#%L5!DO0(O`w=-d(p$G5f9WO_kPS=qFeV;}^ z#2?YqjlYgZxMLT1J)^M;(VK90O{ep}HF1~$2*trK$!JjWDjpm4Kz z1Dq)`Xx`JH0=1zA;C+?wf%lP(E~?CZ1Sv4dW}w*kL5eq@X-U*Bd5n=)h13SbkFVcT z==B>flCh8ZV!yz7;PcB(j_$HwuCB-iv~*bw)DiZnuGons`;KMpAD%oG%0~mpY+_fo zb&B3@YS1R!r}sT(zP(-PvNLju0EU+Kei@P6X?q`cGo;XDsvNU$WG+C;sxy;8+Q>Bh z)z}zOZkq5LTgFqe*ZxQ6YWNl7^W=Yi5(T!A-;l`6=aWV3AhQ*E)mHZxSX?aM%(Z1aPxp&ZP zZ-aq%CS_*%=K{!g6&u*=lqGY*(!c?J-A@&3v;T+)%~xcQSFT#=xa7(zV}Q$}_1u>l zy=;np!rBa0#${#_Cvr0M@YbYdfc%F{{Yd^TE@|_RhrI@(^S8!(@*blC)vrw_sN$-5 z=H^hC2F!T){cm2m;11J9f zb^<-VyIrSzJx}B5#nu12imnKe`={K@-9!#7?7JEBPfP88d8Dmr1V_l&#xOzA-E8(; zki4R9;9IvRl~e7UJBfX!&Xx>nJSbD>vj709MODQd+O`Q z4UY-Z_2rNMOeU;To{>`CSYpPjqOY7m?~%f0f;cqy`NHg?#lea6@rT}LtU4Sc27yrU z1r;n)(r?vhtVW>^IBx&pn}Zbu+@(@pD|X(wz7CMe*}Am=yR9N@wIaLsa|?k| zs1tZ^>LKS&aGT-$npx?APj%00a0*^ga&bqK@6U^LXmYZmMXJx&x<;+i0a- zKMxB;+C_*LPrlW=)2Si#BC*H>Ie5Q5&)+r@(Ae68Weck(n1P8vj z=qq70eG2{W%2$Y)eH-TRL8}AV`<-t7FSGJ8 A`~Uy| literal 0 HcmV?d00001 diff --git a/assets/img/Screen_Shot_preview_2023-11-06.png b/assets/img/Screen_Shot_preview_2023-11-06.png new file mode 100644 index 0000000000000000000000000000000000000000..05aed0d906d51e193462927798f8b12fe8facc2a GIT binary patch literal 20379 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 Xs6KC0!~PG&Uk~iD-d*_Xso(w=4U5si literal 0 HcmV?d00001 diff --git a/package-lock.json b/package-lock.json index f3badef..6fd67b3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,8 +14,9 @@ "@testing-library/user-event": "^13.5.0", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-live": "^4.1.5", "react-scripts": "5.0.1", - "react-tailwindcss-select": "^1.6.0-0", + "react-tailwindcss-select": "^1.8.1", "web-vitals": "^2.1.4" }, "devDependencies": { @@ -3923,6 +3924,11 @@ "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.0.tgz", "integrity": "sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==" }, + "node_modules/@types/prismjs": { + "version": "1.26.2", + "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.2.tgz", + "integrity": "sha512-/r7Cp7iUIk7gts26mHXD66geUC+2Fo26TZYjQK6Nr4LDfi6lmdRmMqM0oPwfiMhUwoBAOFe8GstKi2pf6hZvwA==" + }, "node_modules/@types/prop-types": { "version": "15.7.5", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", @@ -4625,6 +4631,11 @@ "node": ">=4" } }, + "node_modules/any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==" + }, "node_modules/anymatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", @@ -5498,6 +5509,14 @@ "wrap-ansi": "^7.0.0" } }, + "node_modules/clsx": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", + "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==", + "engines": { + "node": ">=6" + } + }, "node_modules/co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -11740,6 +11759,16 @@ "multicast-dns": "cli.js" } }, + "node_modules/mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dependencies": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } + }, "node_modules/nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -13577,6 +13606,18 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/prism-react-renderer": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-2.1.0.tgz", + "integrity": "sha512-I5cvXHjA1PVGbGm1MsWCpvBCRrYyxEri0MC7/JbfIfYfcXAxHyO5PaUjs3A8H5GW6kJcLhTHxxMaOZZpRZD2iQ==", + "dependencies": { + "@types/prismjs": "^1.26.0", + "clsx": "^1.2.1" + }, + "peerDependencies": { + "react": ">=16.0.0" + } + }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -13926,6 +13967,24 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, + "node_modules/react-live": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/react-live/-/react-live-4.1.5.tgz", + "integrity": "sha512-ul3Zwvqvh6KTg8j7xGCT26+c8J9vQ+LFUrZCbrrrzEExuVB/39s1GKG3NsywnL+aGAjpfnUTaVCe7KlKIvVPiw==", + "dependencies": { + "prism-react-renderer": "^2.0.6", + "sucrase": "^3.31.0", + "use-editable": "^2.3.3" + }, + "engines": { + "node": ">= 0.12.0", + "npm": ">= 2.0.0" + }, + "peerDependencies": { + "react": ">=18.0.0", + "react-dom": ">=18.0.0" + } + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -14007,12 +14066,9 @@ } }, "node_modules/react-tailwindcss-select": { - "version": "1.6.0-0", - "resolved": "https://registry.npmjs.org/react-tailwindcss-select/-/react-tailwindcss-select-1.6.0-0.tgz", - "integrity": "sha512-Usr9ynxJjN6pQzxP8Ma7QeBmAKJdNt+gxl7XC/3mPf7RiU0K6oFOjVwJX3RiXnLGu8LB0tv0M4NTU9ZjBKnGkA==", - "dependencies": { - "eslint-plugin-import": "^2.26.0" - }, + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/react-tailwindcss-select/-/react-tailwindcss-select-1.8.5.tgz", + "integrity": "sha512-x29IrLiqBT5FnkC9oFQReOr05tEOZHtDtZdha84nlSWcj3qD67yonKFHXIf69yc8ElFlKUxCEv0zCllN8jHBFA==", "peerDependencies": { "react": "^18.2.0" } @@ -15111,6 +15167,67 @@ "postcss": "^8.2.15" } }, + "node_modules/sucrase": { + "version": "3.34.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz", + "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==", + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "7.1.6", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "bin": { + "sucrase": "bin/sucrase", + "sucrase-node": "bin/sucrase-node" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/sucrase/node_modules/@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "dependencies": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/sucrase/node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "engines": { + "node": ">= 6" + } + }, + "node_modules/sucrase/node_modules/glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -15430,6 +15547,25 @@ "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==" }, + "node_modules/thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dependencies": { + "any-promise": "^1.0.0" + } + }, + "node_modules/thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dependencies": { + "thenify": ">= 3.1.0 < 4" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/throat": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/throat/-/throat-6.0.1.tgz", @@ -15509,6 +15645,11 @@ "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz", "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==" }, + "node_modules/ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==" + }, "node_modules/tsconfig-paths": { "version": "3.14.1", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz", @@ -15750,6 +15891,14 @@ "punycode": "^2.1.0" } }, + "node_modules/use-editable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/use-editable/-/use-editable-2.3.3.tgz", + "integrity": "sha512-7wVD2JbfAFJ3DK0vITvXBdpd9JAz5BcKAAolsnLBuBn6UDDwBGuCIAGvR3yA2BNKm578vAMVHFCWaOcA+BhhiA==", + "peerDependencies": { + "react": ">= 16.8.0" + } + }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -19416,6 +19565,11 @@ "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.0.tgz", "integrity": "sha512-RI1L7N4JnW5gQw2spvL7Sllfuf1SaHdrZpCHiBlCXjIlufi1SMNnbu2teze3/QE67Fg2tBlH7W+mi4hVNk4p0A==" }, + "@types/prismjs": { + "version": "1.26.2", + "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.2.tgz", + "integrity": "sha512-/r7Cp7iUIk7gts26mHXD66geUC+2Fo26TZYjQK6Nr4LDfi6lmdRmMqM0oPwfiMhUwoBAOFe8GstKi2pf6hZvwA==" + }, "@types/prop-types": { "version": "15.7.5", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz", @@ -19948,6 +20102,11 @@ "color-convert": "^1.9.0" } }, + "any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==" + }, "anymatch": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz", @@ -20597,6 +20756,11 @@ "wrap-ansi": "^7.0.0" } }, + "clsx": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", + "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==" + }, "co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -25106,6 +25270,16 @@ "thunky": "^1.0.2" } }, + "mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "requires": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } + }, "nanoid": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz", @@ -26234,6 +26408,15 @@ } } }, + "prism-react-renderer": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-2.1.0.tgz", + "integrity": "sha512-I5cvXHjA1PVGbGm1MsWCpvBCRrYyxEri0MC7/JbfIfYfcXAxHyO5PaUjs3A8H5GW6kJcLhTHxxMaOZZpRZD2iQ==", + "requires": { + "@types/prismjs": "^1.26.0", + "clsx": "^1.2.1" + } + }, "process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -26495,6 +26678,16 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==" }, + "react-live": { + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/react-live/-/react-live-4.1.5.tgz", + "integrity": "sha512-ul3Zwvqvh6KTg8j7xGCT26+c8J9vQ+LFUrZCbrrrzEExuVB/39s1GKG3NsywnL+aGAjpfnUTaVCe7KlKIvVPiw==", + "requires": { + "prism-react-renderer": "^2.0.6", + "sucrase": "^3.31.0", + "use-editable": "^2.3.3" + } + }, "react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -26556,12 +26749,10 @@ } }, "react-tailwindcss-select": { - "version": "1.6.0-0", - "resolved": "https://registry.npmjs.org/react-tailwindcss-select/-/react-tailwindcss-select-1.6.0-0.tgz", - "integrity": "sha512-Usr9ynxJjN6pQzxP8Ma7QeBmAKJdNt+gxl7XC/3mPf7RiU0K6oFOjVwJX3RiXnLGu8LB0tv0M4NTU9ZjBKnGkA==", - "requires": { - "eslint-plugin-import": "^2.26.0" - } + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/react-tailwindcss-select/-/react-tailwindcss-select-1.8.5.tgz", + "integrity": "sha512-x29IrLiqBT5FnkC9oFQReOr05tEOZHtDtZdha84nlSWcj3qD67yonKFHXIf69yc8ElFlKUxCEv0zCllN8jHBFA==", + "requires": {} }, "read-cache": { "version": "1.0.0", @@ -27369,6 +27560,50 @@ "postcss-selector-parser": "^6.0.4" } }, + "sucrase": { + "version": "3.34.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz", + "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==", + "requires": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "7.1.6", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "dependencies": { + "@jridgewell/gen-mapping": { + "version": "0.3.3", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz", + "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==", + "requires": { + "@jridgewell/set-array": "^1.0.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.9" + } + }, + "commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==" + }, + "glob": { + "version": "7.1.6", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", + "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", + "requires": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.0.4", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + } + } + } + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -27605,6 +27840,22 @@ "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==" }, + "thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "requires": { + "any-promise": "^1.0.0" + } + }, + "thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "requires": { + "thenify": ">= 3.1.0 < 4" + } + }, "throat": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/throat/-/throat-6.0.1.tgz", @@ -27668,6 +27919,11 @@ "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz", "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==" }, + "ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==" + }, "tsconfig-paths": { "version": "3.14.1", "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz", @@ -27835,6 +28091,12 @@ "punycode": "^2.1.0" } }, + "use-editable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/use-editable/-/use-editable-2.3.3.tgz", + "integrity": "sha512-7wVD2JbfAFJ3DK0vITvXBdpd9JAz5BcKAAolsnLBuBn6UDDwBGuCIAGvR3yA2BNKm578vAMVHFCWaOcA+BhhiA==", + "requires": {} + }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", diff --git a/package.json b/package.json index 17fd77a..038ab31 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "@testing-library/user-event": "^13.5.0", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-live": "^4.1.5", "react-scripts": "5.0.1", "react-tailwindcss-select": "^1.8.1", "web-vitals": "^2.1.4" diff --git a/src/App.js b/src/App.js index fe8d21a..d27ea38 100644 --- a/src/App.js +++ b/src/App.js @@ -1,14 +1,16 @@ -import {useState, useEffect, useCallback} from "react"; +import { useState, useEffect, useCallback } from "react"; import Select from "react-tailwindcss-select"; import Button from "./components/Button"; import Checkbox from "./components/Checkbox"; -import {mangas, printAlertContent, selectOptions} from "./constants"; +import { mangas, printAlertContent, selectOptions } from "./constants"; import Header from "./components/Header"; import SelectContainer from "./components/SelectContainer"; import Alert from "./components/Alert"; -import {DarkLink, LightLink} from "./components/Link"; +import { DarkLink, LightLink } from "./components/Link"; import TailwindColors from "./components/TailwindColors"; +import { LiveProvider, LiveEditor, LiveError } from "react-live" + const App = () => { const [options, setOptions] = useState([]); const [loading, setLoading] = useState(false); @@ -95,6 +97,25 @@ const App = () => { dispatch(item, "set", value); }, [dispatch]); + const listOfOptions = filterOptions(options) + const liveScope = {SelectContainer, Select, listOfOptions, value} + const liveCode = ` +