From b67ab3264ebb00e0a2eff75dc9f9865d3e2b912b Mon Sep 17 00:00:00 2001
From: akagiyuu <khanghuynh0245@gmail.com>
Date: Thu, 7 May 2026 16:21:21 +0700
Subject: [PATCH 1/5] doc: add LICENSE

---
 LICENSE | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 LICENSE

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..5820abf
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,19 @@
+Copyright (c) 2026 akagiyuu <khanghuynh0245@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

From f155e2c29eebf61b948b5dfad95ff89387b86c61 Mon Sep 17 00:00:00 2001
From: akagiyuu <khanghuynh0245@gmail.com>
Date: Thu, 7 May 2026 16:45:34 +0700
Subject: [PATCH 2/5] fix: remove unwrap

---
 src/lib.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib.rs b/src/lib.rs
index 76be417..0eaf570 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -19,7 +19,7 @@ pub async fn render(html: &str, width: u32, height: u32) -> chromiumoxide::error
     .await?;
     tokio::spawn(async move {
         loop {
-            let _ = handler.next().await.unwrap();
+            let _ = handler.next().await;
         }
     });
 

From b89b43daf896b611d48d569e3bc9f590abc0c543 Mon Sep 17 00:00:00 2001
From: akagiyuu <khanghuynh0245@gmail.com>
Date: Thu, 7 May 2026 16:45:43 +0700
Subject: [PATCH 3/5] feat: add basic example

---
 examples/basic.rs     |  67 ++++++++++++++++++++++++++++++++++++++++++
 examples/expected.png | Bin 0 -> 10395 bytes
 2 files changed, 67 insertions(+)
 create mode 100644 examples/basic.rs
 create mode 100644 examples/expected.png

diff --git a/examples/basic.rs b/examples/basic.rs
new file mode 100644
index 0000000..65d7788
--- /dev/null
+++ b/examples/basic.rs
@@ -0,0 +1,67 @@
+const HTML: &str = r#"
+<div id="l"></div>
+<div id="c"></div>
+<div id="r"></div>
+<style>
+    body {
+        background: #191210;
+        margin: 0;
+        position: relative;
+    }
+
+    #l {
+        width: 60px;
+        height: 30px;
+        border-bottom-left-radius: 50px;
+        border-bottom-right-radius: 50px;
+        border: 20px solid #ECA03D;
+        border-top: 0;
+        z-index: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: 0 0 0 -150px;
+    }
+
+    #c {
+        width: 100px;
+        height: 100px;
+        background: repeating-radial-gradient(circle at 50%, #84271C, #84271C 35%, #191210 35%, #191210 100%);
+        border: 20px solid #ECA03D;
+        border-radius: 100px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: -70px 0 0 -70px;
+    }
+
+    #r {
+        width: 60px;
+        height: 30px;
+        border-top-left-radius: 50px;
+        border-top-right-radius: 50px;
+        border: 20px solid #ECA03D;
+        border-bottom: 0;
+        z-index: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: -50px 0 0 50px;
+    }
+</style>
+"#;
+const EXPECTED: &[u8] = include_bytes!("expected.png");
+
+#[tokio::main]
+pub async fn main() {
+    let expected = image::load_from_memory(EXPECTED).unwrap();
+    let rendered = html_renderer::render(HTML, expected.width(), expected.height())
+        .await
+        .unwrap();
+    let rendered = image::load_from_memory(&rendered).unwrap();
+
+    let score = image_compare::rgba_hybrid_compare(&expected.into_rgba8(), &rendered.into_rgba8())
+        .unwrap()
+        .score;
+    println!("Score: {score}");
+}
diff --git a/examples/expected.png b/examples/expected.png
new file mode 100644
index 0000000000000000000000000000000000000000..59bb14afdc516ae54fbac23551047927aa00adc1
GIT binary patch
literal 10395
zcmeHtWm6qb@a{RdyL)g8?(Xg$f)fs|!3pl}ZV4LP-Q7L7Ly&_z!SDIq`|f^%d#nDn
zwY62dy))B2)6>(>(~)W_vZzQzNB{r;RbEa?0{{RfKyGFPILMpxmV<uC1NdD-Rsv8x
zO#%i0C;;+O;#!_L=bIiGTK8R|SC5$@g7$(P%<CSeiE&V7x)f$-lxcc$1twTD&373$
z9a|e4)M-+MQsz>zNG^qSveI=-(us`rf)n+=mLA^1J)#&=-%KB!#wS-FPrVBK2ai&6
zGjBz<AD)mxS2HOiA|k>@f8N7lV5)nY1z=z%Qlnr{QYM7}C8VU1*u)|t<gnlnFfrx(
z0iP%-<q0UHq^J?0Ln0!mP5(#u{}F2_=^FzQvyeEZ=%<=~a&3pHuY$DjR(8hN`fcz`
zIFW0!P;0Yb^ghe*RlaQ1KqXRB&cRSRV<zfh?Pf&CDTVN6i1~gc=<q49x`_B$#}wr5
zXs|Cxtr4%5k;`D?iz%fr>Po==JqCM$iIl)NDKLw&WA7+tQ2I|xXk9UXgqs`iN8><z
zw~55{EtYj4P@>(G7n$$Zcp!LDWwO%U>`smtMtt@zOG<t4LD;l%^<d=05cos?NS1Fn
zp9BmI9Wt*UCf!T8zscuQ4^Ow;YRYX*OdyLL8SVLT>(^OVhkj`XmW?o#u#N#rSdTbt
z;S+6V{Ow~fH>}NE_|76npEdZh{(L<g=GWP<7%nGNc29$e3R$4@GR+Gij`@kfPjm;p
z)|@uJ{Pj1XSe}Q4WJ32w`0YPPB1-Ri0l!jobIkiZX2yqL>Av+Pl~l#{MGZ=K);8lS
zZeK_#dT5<ad=j99LnyAC3)NxHN{;8p7G@*R@UfG0h%AcW<#{j%uamAUVJ$toM4&|j
zB^c;tEc)YFi6Xz3cs6#Yq+H$58NGssx{j|KY@;=hp+hvn!~xX;-0-3qf)XC)BqQVa
z3Onz*>sOPq!g4qGiVQ)JHcWrik$zm>P{xpzy_)s7HaBpG2&OfetdqIhCO!~Q6fvZ4
zMvxn-1w@xxT6Z6_8d4`y<{54V`xsk?vkq!s6p_LqSc5daz`ehoWBqNP(l=JnKRJmv
zy%x=?weXNTRs3Zd1(e9rbMj_!;I9GDQhg;Ip~O?&Q)Rsvsz>*3?8YGqgY?4KA>B(}
z&C-{-zo~B=RsG*g^my9vQaZoq$P1%jXei59!=ke=OIqh?pDNB3KR>YHeH0>285#u0
zotOk9Fw&-5>^Me`@9f+eNW=Cc8uSze?o$>a`7Ve4Okw-pi2d<ToPR(P7A+f7(XqUD
za!#d+H8czehrnQS@eQ5KKo2fD(wMtxWfD%PwHBp;)+r}4WyqMD0kjqQ<=;N{P>yvm
zFj>8~Yn!F76T1O2=y~>wNR_BoKOHg$kruJj2?90h95G8>lqy5@vx^urSzCnMK)%jh
z>L0r>&y<LbzUn$%y%s?uHX-YvkP(nr-atrJqC3vf7dDQWpbZkvN`@6-Is_;`pH=!+
zP9?qea?R5Te#-1GVnYbT<2Rq_XSN?Nh0+OGIxx|)foK)L%sAh8CP#`mG3rP$K15^s
zKow&YR8mYXSE<<*OmRt{kPeaZkl<tLjwjBB>(eJ`edA%^oE28CJ?5VaG;?!J400a0
z+A2XL^^~IuRs^WwLp>*(Hf(Ig^WP*El172Jc#0=nSN>g{updV2755e-CcMZQ`ryGB
zMtD$+djY6OxjAZLtSI8V3gTkmfe}IIm066P>3Ag5fP_krs_T9pEKOEA4Q4W>`(o(T
zA)QfYXEA!!E({h2?C=}`EKr(<YMS)2?+lwm-OxJxr!)WaH;ut5#q6tToqXCOUP9Oy
z*5>^|8#+j5W*TLrpw!_ZvukP|F1VhR^sV^MQ=h0?p9+}?D5$fOhxx8&Q4g|=B#n(x
zE`Q92TU7X5d8xuMS_}uk0148~hf+D~ore+0T7}or?A!e0p_k5XD%`u143I&}S0+nR
zytHX6P5yNl(snjTrUxY=|E)Y9AM-3D)pqlM1m<Df^}4%Zq!sRyW@}s2{mjSq>lM1L
zh*GPr?+xm`LHiBPtKe07=0<B5)IK>Z<ahn>b0po{&tpwH&#PX1jy5GWpJRVT4JCVe
zb>YWXpGcU?N}W!~E23ZsfQr5FgnSioH{4U<lcX^_Y$QEjb5%N9H|f?h!scPbdttd*
znE9yC7quUJr*Lq+pq&k#js&EeCrJgz!=xK-otHd4*3Kw1m7?^Tipk?U7bB|-0{9`}
zRDhOH2RiS?nLDcfb9r7%2UC=2^-8d=?c!-%Vm1ZfNVn~(a3VS(waQ^xN7E7}eXB{a
zc~!xS1>4WX`O~4wbjpFJK87^rOwH-gTTNr(!pJ5${J?Sjx?jb;wAypKtvDiWD(JU+
zx0J!4{}#BffG+FWOZVAB@a#C!Z0LjxhY0mIb6v&5QXZJ?7vFMFYW8zHm=6xvdeTU;
z@sg`S!mH4A8Hfc@aD`IvaB5P9K51}i^V8M&^C)COSBp6tu5vkVwFL89c*C;EZ3fNr
z?<mp=_DM7bu_(7Tz$1sGemNY&u-OWRfs3I$jrTG%@!>e%vaXj;C)oT!an+2ddP;CP
z0!yKUiz<~{;Be7NhOf}3_;~Uf?EO)=E!urHI!AqV&K2mqBC9do5#9ciWEDVk1H&Ns
zeS`8GRxHK68y_3>Ws%0EjW7F~t+!E>t(<pVcx|EtBQ<H4edV7=mNXWan#HU}?Lffz
zO|3wZ^qaSbIxDRB&e^d1uGuI#iH}Qx#E^(1k=uS8B{PjwXt>ac-i#P1P@MCgafJ_D
z6A$HpP45gV%iuXaPWi*lPnwF=fbS*WD3>jUvvPsdu77S)A(1NVYy=-~FQslA{{$Hp
z``@mlvZwp^{JkRuZrkkOf1NxLtH~Q|3>(5JV75L7_MJjf*}R0EdgANH%hdhJYclB?
zI^0;MX7gbyIvs}-*_3Q|(w`r?2uX|1g?6nsDI`NP`;SA;Z*TYielz_1*QT-f5)0h8
zT88_loq_4PSjPXGg}}40CP;~stfLMJTVdYk=c}F)<5cfFF;l|+ACHzzH8wFTx%ZcG
zvmssVM=$f%XI8hBKh<YuEv{GAwg|`<72(SjXHnLL;=Q@LaRO%_x=FTuqWHRy5N(eq
zT9U+0W$*dJ8CKzYTLo<|3o}s=lj_*8^g;u!u&kve%yxSXnX)f4d!4ZdePC+-{qC7F
z3m?gN*W01b<ndYj{%sm7{z5EE<KA30V?vEHVwzSGm~Hor!Qt#Y64mP_aH|$pA~<QE
zV;3)Uq5<O1tq*~4XV>gPXp8gY15M~WKYLVHFDk#zFo~6zZ*%SKks!Y}|0dyA2^;z4
zk^_3ZE09R}Tiy}Cvj|aA&Cgr?6G!EEl_~-p*1rqrdn>S|CrVK<YuIV}A1WLrdUv#z
z&4_#>y$GQeMD$IyFrj84xRfJy^Ra?@=s-adXHo>x#T80ooeiU^mFvPpYP|O*veU;}
zv^kR;t&`rjZKmL%@{Jec@47HFXGi2IQ&Zy12J-;{)64XvXkRH@wRk7TbkA0<J+VB5
z)+VnAg5tBF{w>afs8jUusiIKgKV_&T1#TN_SKeD#K_a@W7R1nBuv5O?)}0ljy;`R8
zWRny(=z2WYzNWgb#xsd&bqUmx<?wIC+Nx;!dHa;_hJXYLE~myc?ba?H&iyv-#nUNA
z$k5*ZIpCM*2(r6ZYBrlkQ37Ib%@+^->>SVvCh#TWSpyyXQH0-Nyx(4EF~0FDkGc~j
z?sHMCTS!$;#30fTMs**f3|AfD?lgo^G@}$IU6DZl0^)))uTNNqdyB;QV?`WMZZFEE
zeG)7h;-$sI5NF<sh*%!$x{#6jyX^y-tbFg__dPGalk3=@kHD|LA;^;`)_z6hD;|!7
zxFw%krDC#xp^tY#hQG(>AD<3r1&Sbv1L|>{S7__&Ujym5w+Wh9&qPDr`V5a8_@1ur
zzbj}3;uGdy6%qWsno!9dbU~`=$s?_`|8joBXnNhhBA<FYkJRI7&y?Z9A&{mGQSTIP
zla|W$b>0&{*X=~ouEq=I2tVa&D9yJbTh?X?Q2m>zu-9v=Lmw|qi*QuBF}dcI{mHD_
zm3p@<tQX(Z^vpUikb3N@cce5nxQcYff{#e&G%yf*9FNw+5U-$bOg;!XNQ4=9s$&eY
z>XVQ2iatEZIL}1;Txa9@sIB7#3Mi8S-Oe#9|NVwP-y(=3wg?|6d2NrCFLoE|DDhCk
zjawju4naF@zD35#9Df>AJoglaZTa=NCCe#iGlnRe5c>>7l5aYs6plM$smC@9k_lZ5
z!HPzN1yRKW0UV=*2|E+1Ik0<+*d>Y8@TKXE)=>akt83w*{<ed|B^Zq>?M66(Ghh2X
z-IdW9Z|v#Gf1Pn1D1{^bvck&ehQSq%Us?&3Hcme0GFx;U>8HPaDEHCt=X>1Jr*8BN
zBI&0@pl`}jGi5LMV;1BU(L#hBSYkzTKL?XV=`5xBH_zxvof`=W{>cdkz+U!a-+b)U
z-t+1n%}S)}6o45$Ll`LiU54H}O^h!v`n?s|9tpqy57t+TJMQ$!(P8V6vF-f#4*zBo
z%lPJ@Bj%uheNw!f{kp<68;RyI07LR*3{-+W$Ip42eyI*v8Q^gY-LHd<Y#4yQ2aaVP
z+i10HD4k)bx%}&E8Ho9%7QYOe3_xLGZx5Kt#mq6-5Bl;;xr3P&T8L1_@Del{8gj>d
zq@3!1R@lZ6vV78X-kz0X+Q-e0rZiDI+71|J1}tzex6;x<Cv!A@u72!S5q)ST>q6;v
z+94l5KHk<%`e;Hed%5~y;Y*IUVH{l))Pa&G$c<g>^=!B}1Nc<~aU1q-t#|AAiLG-9
zjY5Y!=47C*g`iXY091Amx^gzf4o*1i_V~0|bAJZ{8Z|?d=ks|X>$KKQA;L&f>-Db8
z8G%%Swf%Y?LUpSLem}d#aHEn85LspU63Gn?!FMQz@kxjKa(SI}=q7f}PEl|PG<@)d
za8%3F@jBRo5H%w|HE@o{o^e&AZ7aIF@U9~|$OZ9cqSV9OhbUykZ~Z~)s=}fJSMdF5
zp+3PQ23c4W7doWdOg~lf!MwYBIJ$Mb3cZ11$F2p{vaNEqV5J$cmn0pxVS^__+h~&%
zU%Jv@(<kIZBIKvq$0C)Z+g@yJ*}6S<!ZOd@eqxINE`RfsUGK)&^M-65P{P<*qPP>7
zq!i@|+Ds$^-Ebm99a^laTP(g;)ePJ8(`33YO8x~mbz#6G*caEo-lH0AJdPV#pj8LG
z7_CM>wlHA(;j2t&{B6}Y510k6s!)x~j&|s`)O`wB>;7FiB9zreM(h$(cDp#uP3YA8
zb@Oe|!>iEB=Gj|a6gXb_autsKZ?mBaL(`^taW(?us^Z{t)So&c&2O^GiSG|7s=3C5
z)($dFulwYVKMqshGGtwn7NW4epPXap+OV6IXl}0ZRiJS~E0jf|`1?0NcLm<DQmmXS
z?m+a!;eX&4I2$&D3`-%#|J5hi`)yZS2fJiN(*t>_%$>7bn?%q5fo-=+>g8t>T@>B+
zg6fy|(ydeRbk+AEfBp1qT_}jJ^Hq<soL&p8QCZzrG$1X5Fr3nu?mG~sUG+^<y+S|4
zvV7THJ$zSvfBylgqjzq_{f;ZYk=>IQy2^UZc1t~2S4+ulXXVpi6FUa9okH7d)}hTJ
z5~h7hr<x1;0*KRfuG?*H4;F=f`Ve!o|J3;!*`7@O=W64G>`cpq@upGXsUxy!5by~g
zmNpQ9QqgG+Z<E?E%|^h+5ZY0V#y#f{rd+Hun$^xK3QZFx`hI6doMc8s{fI#$4Seim
z{)nl^#yO^4!h#L~0EXIbdT@K%G;`-^7D(69&<Po-9#Tcr2Z-0v*BTWMhl1aoplm&g
zjVvtMDmM?(ePx!oGE2v7V}TL?3Lo%;h@(>Kbv#NiaNlmN=8>R0(w*~+u~9<*js5O%
z=pojBbR+bBi$~N9EP8DtRtIy{J=sAMH`z=vlj^s<9LOey5b*jrVcNlM$xmx^<GiE<
zDHTt^{b3O2OaAo($gR}Mc6Z?XW`>ek(~}j8n_Ub6pho#U;Otz(@<F?e#&`ShPy0hN
z%hP}Xj`ZsGwC3E1;45_Xae6sDQ&+n|JOs!B1dx<=qBnqW^(kn@#Ug2Zzfu%48v1;<
z)OrZtDLKS|+WoVZs*afZ=4@y4{v7pguAVmo_>^1s_27;1j~io;v(^`)@DaZQMpyGi
zw@?e#yw)=H?XOK_N*6w<9R>+$1QalU+OL1#7#r`IwnJ0XgJ=}PY(nIpd{)-U;VB%E
zi<)#dpF#RbKHA=KOm96cFAyC9UV-!EI)2`9n#D~x3NF8$(7PjE^QF^~SP{w!Cg?6X
zd|GmW5&~2n0e5AyqSeC#y4Gm8Jnc8KNgOSr0WA4(N0(#;O|o0HjaH3ci?Qy$)43{f
ze5;1u)7`0hR8x_B_V-;x=o6EAM=eUB=gBDl+pVi8@MnXt=<WkHiTRA9ru3?O4oclQ
zTfg`>W{_`U2xJQUNVQdkklHR6?H5$>b)HoUL<dX#3E-o@bd&E-8ry~X6DVoI07|C-
z!7+~g1qcMNVqn=A`j0)E#WLro>kxWd%q=}3emg&6zz#Yc`))G?dXQ0=S4Nh)5MMWF
zaj3ul{kKOKlMGiU0zUcVqM;gw`{I-4A@7!n>%S0q(o6>^YNF)F@QhQ1{FCYtg$o~C
z0N*zwT^BxYgak2-r|>$>!x>5f(|}o#XT*foPU8~;(y2ueBAN^Bi}0o0-`7{#`eLCN
zu45Zei0op=$nA&;ewh<2NA2P2$WnnmZVj*;^fnv88~LzbDH`(~po+d8dV%=|ej_Ws
z`{1hm?BA}DJk%-0`_meZ$<ad*Vg~;3pz}JW6(d?Z*z~I}krTbQiIahds+URhwaSp%
z4H}ZGzmt`Jt8OGwGmS+rhJS;R3-4_50%`H@G=dLjI4Q!X0th)A8yFCvqQ0kW-%=#u
z%q0yA5^>97M=;gRoPCP2*kZQhtCA?CTA0FiiJu(WoTP<TDRUn8p44)+iNywGDl$a?
zkX-(Nq3q=LTXwxu_0>W-{P8+EQfeBNz~a2X`4yIr^yf*$%zARpMS8dRr`3})FSYdH
zO+8dbS7V@9+$1r<xsG*<yn-*p94f{nRl+xZb*fd)67aYK@ZWf#N@G*oQtzeHm2~0=
z`5BpMQK*wva1?slm53$TwLvBa>&l~(X&%3hFI3<V&I_{vzyJu|_a*+Qo|wH$zh_f#
zp(595+$i1BcnU=vgRMd#w`a561c#%BN?S__Mg+0^79&slJcPoM6dT}%)cC+43}zG)
zDNE%Q1MD>4B3X!n%3I%lJYAmeST4rcc)=gRW2r=~U?}9b?9E81hiK~$a1?56&HP-)
zmt;<qu~v?n*AA$xxSjBuoTIYO5M2HI;@rgJQBS-Ws-UF(ezVKb%q1DPPrhZ@N6>G5
zWq=$>DS}+Se4wMra%nlckt!mtJieeEa0ZSv9mz{L8|ix5kRS-*@)ST#TKv}g8L6>S
zN<G9=&3CoHj2OxO1gAJAl5*>2tOHLD(eX}JE3+LL5Xys%Bs(q`>d^t!!>VB1j)VdD
zHxnkZ8qd!-5~QdynfBJIpXslG7lo5S<7TDX(MPe<e|^%lMMULXscmg19<>-qudkKE
z?LH<IUup3S+|kS&A!O(RvxseNte~q0@^%s*#RX`?e^nQ-gEJ6iQVpac_nV1a)fB3~
zkap%eg;M8|)^xO&ljI6i)kfhJ2Y^)XNBuV9JvhXU6~P};LQ<N#FxlC`_2j&e<aLHc
z{sVX~SVK^(l*@{VF;qh*y=Vo`s8!AM;O$Sa8TqGd`A@E#nMF_grtN_W=Qz^=>4()Z
z!h}&{%6#?(6bwMe{+hvMLs4~d7y^=N|6Q^9ck!hygH!#zMPui5Q}=~17K$Y|t9X<j
z9t&Gq=m@n~Dl_>|4{GKi3`5g;!@S2)c_v8x@Uy>YRr<$J%zQQrv{ab`GobY;8}{FD
z(Oq^bw@(2vuYZHsufk|(I)s1*)k%#eVq`#pJSMBB<jT)o$^q42_RhcBqCzmhf5S>o
zBWHZ?;^Ffa0bFj<S2giIIQ-2J6MJkk%1n*kl`RRj&xSz~FXoqk6JS9Al`z%q&F5C{
zBpwS>kvrMi`O^3PmgVOGJ<?fF-)56$eM0JI|CZem!GnBSRj_h85DF0AvmV<jft+Ut
zg1+dfMuE-yv(5QUssxeAp(bdmazj=)V`+%H;nq~GgYYIacbDLO6?<^0_J;E(Pq?{f
z0bPVZDr8$4r$A`c50uARe+-#DSKMwlFG4AtaCoU&!v7W0Z32}Fs}qVh0aWS0yj2~S
zu~o(Ccqjo`hkq~izM4hFt)=JlQNjVDP~sb~VCxe}uFO?UZ8K6vS;Y)rd-0(mh*huB
zudiz=!SIBddsc}Ct;vz7r*>4Lx$o-nvhWGZKJ1G;sL=87xS%5VraC~w0Q7y#Gd#@F
z&YA)qIEi5=^Ns_@0F_nu=4z@M+7YeR7YMIsdz2X#WOBlHLXy_nDV~#h*VZ*b%imqu
z)dw%Ept2>|UFoDE00uJ9Vb7LPkz$fuac+I|TlccF1hEw&OV0G-fcM9G_0hDp7X=(?
z$T1!-WT9+_piCmyqMvBBT`&Z4y4=lS7=P$t&Eka8hIM~E8v})Ky(jY9!M)C;4)NIr
zAwj<t1Pn}WkgB;gLE|rZUcK@>;rpOzYvI%}kqlH{b&Ef6R3K7K$?%~-k-z~7;h=Ni
zfRq7Z8d7YTA)*YF2{>~^%0C%kCq|9AhGP{nOD~{$A?JW&R4dWK*#Avsl$|a|L9mm&
z4|#5qdfnW&_PB0>w9dIW{~B=U+5|=n+|Hi$mw)g4R0*uNWGmqfHAglHZ@Tc{+hM1N
zk25JT_?OI5td6k&UVnC?3#BK~mweGCVpji?)VJ1@ch}8OSirjz7KBrQP#8F(=>woa
z!u^d5!J%L>V-mM>Q~K>H8nbC?^!L|X4Ff)5Vl>=`9RMIW<O%@Do{Er2#&o>U0#!{r
z-M=6su{*@P9^6vZQTtuHMxU@srI5LjQ}lLMS8CcAjOto1X_X9wI4VsKg3S$A)`@lP
z;9HVyb6Q{4Gz@(8SvW{f?q#Cj87~x&N6Iw>m+T)*Yeetc1Lx;bpadOy3gi;&x<6i8
zi7)LeRu*=_-N?2*<xos{-Ni`m(a)UeFTu{8JyYQ=&3F63=YAoS^F~K!OTI6S`P|d7
z3vu83a(}&Jq|ry!3;kYOr{eplHbiiCj5JR&<=81+uSgJ;*edS;V5ml9+#0XX4S_qj
z0!*<f08Vp_%o|<@^i{0T6+DmT-@juRb`yC2Ky-aEKfb1$eHkM5N?QoAE5+nj;jA~5
z`P(*`VUQQN5Vzn5+Zhn-@yf?TUUj<{X3=3Guy%EKwMdguCN?Jp@bt51^=s;sPBc#z
zL8*X*CQ&2J%72y2n@K!p&Qczq*Mmov88o@YF7fg*g2|0|G!o6}k}0P@wsSYcqT=LQ
znC9SJj(YU#O2b8?K4GI9SHJ0P{;>W;i??<lT05;wW<3y#q!aFEu1P)+9A~ov8^M~=
zi~hb95$E@Cil*a8fhL|%b9!O|Y5*$YrT!99d`GRmD`%bvg2zi8u+ne{+uk<1R6AQK
zA|GH81N`h34hmH~A*2kR1xK6rz1>6bXO~mJ1{rpqo<SgG>LaSW><}69ds{1%LyHSG
zy^;QMaQnj_<{8N{3q3f5D~pIbSOQ9D@ZFH}CIs&~j@VIUZTy6x<G}3#Dj`&5sTS*w
zT1Z@&l3VWXQ7?gthJ8Fmr@0EpU&9d;0Z-JTVwf05Fnj+_{NzI58_4I^@Pn5~;Grwh
z{bjH9a?xFSCNtZ%uRfcRT_ZI04h%{e388bWOz4_k{B_~egz77v_W4&I;Sywj%x?*C
z0&g~1U6>{N_8e9t9By_YUpl^=yrZl7&&KBZq;6($`-i|XIg|}%7(6X=7gf|f=~T8h
z5qUk0$6?!VlJ;|wyU38BZq=e=0IVR+b?$o~byl3`(0qZmm-TWocOm?v;!Jl!A7}mC
zSyUCG+J-@7vI1#T9v$f<^H?u7uWo<wP6m9fW8g8VL9(PI7qdbpiVTDX^k4E}FJp$5
zULE)@GyAgs<6qxE>{Ted5ySQ>xoqBgi1W~muCH*$s#)(w8QGZwqWLmgu8Q{s0q;fo
zFB~1*lkCqQwZyEI=6zB`L~x_xW{5kYr!NU15oHHxQ|_~xUnv>(c2jfz%Sa;z<G0%N
zbn$yvlZCJ74HSl~aM*0?;oC5-#3j`dtq03SDG>hM^TW1+=Or?5Hc;&TGn9kj8Va6V
z$uA;z$hxz&k%oJB(ndt8zZ3qsK8HVW9?xqoxj)-}$ta^&x7W<5w=X?v1^^()|5pou
zyTSNq(&Q$-@y`=m-_0nXZq#BJdO3~0zGh@sYG2;KTlYM03`<I~4{sFk@GyLJ*(5w#
zOTb>e0=dHU<!PmvKYqivu-GRx?zQqJh^4cJagH!)hJ)2sS3w3GpOJ-q3RbEI6rh4A
zOpIcQAANgBsBq|G_!5j+Z2Q*M0&I?`d`$yL#JO1Zg3m=dTNcBeY25#Uzj=d?K7V5N
zD?*&90!zDM80tW;Hq*tZuj0ipXq4ha4w>~5Y6@rMnGXyfQgmWf5S3;rw7@=2vi7HL
zPlgYbZ*`_wF5m53G6`x6l7rDZYT?Ex0O`3YvE+UY0G1AcY@V?xa+Uws(Yn_G2WpGw
zKc8uVOb!(i7J<rn&}bU;8NIiTZo7Gp0+=cbNmo3D0qd$W1JVsHrkYQJ+S_Eq#U6{4
zX(j%G3aBUvpT=FXoHoC-L7+&I6|IvGQJq~qtdB=$^!InrQDD-w3*#u4`BPQu=-f{n
zc@Ik%rY-O=m8~~MDiba)h#N_dj}tyUH!rx7<lget?ZvEhZ%d%j%e*{4`z{nnsSa6P
zu$D#c31{eW#T5c`Wlozl|81(Trp1gtGvsj)-o$eIe0W>rM21hg6nj+(?sX@{z`#YH
zM+hm6ia!a0s#RQ8NZJ#_Pk~q1#p3>J55gz0Uk);7XlJ<a6WG9w^p&Jo?vQV@F5g{Z
zpbTE`g2?mUi}3S#V18a@jTB<Rn0SX`>#9uj%VQhV+OE72M$<WOCc*t!>V<8fMu&@t
zQTgq<(+~cV!8r#V9u@oxfDuDm=VDH7q_-UHMl@ZX$=w$#>R+nWa7#Y9jz7>r{Bpek
z$GU{>oOM%|rJok)rOE01EQKzFR6|K#ITX*cm-~5RJLm5JKs{iU+C=FWDz?HIfpJzK
z1ZSq7Xc*<e)x(kIa+j%V<B#~PEDnLFO-Hua%tqJ>6;$w5XZrmOf4wdB!9!S-l`V|H
zHA7%$*Jk*P;6Qzo3WOsR?T_M=?Qrh5g0~sx<g&LWnXXB1+1a-BY3fFqCxnYofbcvA
zRF(7-Ed{U99|vudPOGs_D=1ESsH3k1DQ&zMvJ^>D6geTRDPpCpVZ(9sL<0R*XAuS6
z!ZA+FO`^@GmIu3s-;o=;V}R2Ah_3EKwJl6hhtu@#jbXEd5d*|3{rD<BS(C)F9gQE2
z11C`87Xd9(2=P+^Lg9$qROj^54L{jtf;u52F;VOr%CInNiz%2<WtrxQT}+PsR%No^
z@em*EfC*}ckaj(OAoM)TiC~;0qQdSX#hL1hp{jW9?^S_tW{8-)qHBX!6w;92)E(_F
zMo`hYDSjtw?}I5YR7`f0;5xffp%06gA)L5_p*;XXWx}(1_-Pr$i^f&FYlN$we%X#n
z83BCKw%f)Ye(kWWtD-5oFFsy6Jft|>ZbEiDH=vd~*`W|98@I!{N=8O<9%A7CkIEN%
z^W%NL+cO&E-;!c93rL_nRC3+#sbQ808%JijrzMczi?iscbJ6TsN|zYGfDYl(gwPkk
z$P;Q=rCaa#-Wm|s+VhuNp9z&iL&2C&nPN7X%lYx+C1xX~j3(^_LJO1mb|9notOi;|
zvC`A{ng^&U(9g8&O*6@uYGew0Z7ZojMFqaTg7F$%8y3aaAm7I^V0H?uzqG!+LV1#u
zsRyuWdqO*J+-eY?eo<F2g?t}#$+{{;Msn&y`~oRwQ1J9KWWDfnX6+0NfsFAE7X?G%
zi@EG-t&_V5DAr@Zguv*&F-abiiT8eYH<fgyE&Wu09s(TEAEX|9b$+W9%7FmBw1wTl
z)R3}=gL@;P8xWnPuKGA+Bx?kT*8Oe`H_l@*c6!RsNJ&o2kw-d@dvh&<vlkX)_zLKd
zz64o1fDLq>P8Zji89HFO^@}Pgjlp((Q6t0ca9-ZWK76x2c?DL8pe?@&_Myu4PEJ{7
zhE^7tW&ke_-1Uh!tI_ssxP$0d;*@Skp#?ESs6<zgy^0Z<vpko6OgR?!LOB-`0<?{^
zw*!_gkl487cp-9My&SOrqu*tku(_%1e>2oG`Ay3iNI^<>*1t;XbuGlZH33~8IN9X#
z2`IQKAq1>?lCAicZd95!P|AURBABc1|EdP+roSVIpvH`(#fXfK7)(MKk&-f_^nP>Z
za+jXnz?C+ag_$zML<?A`{XeB&dR=k<Q}y-#YYp7HD9lXsnS4$bB<lbG<fT=lswGT<
F{uj7O6b=9Y

literal 0
HcmV?d00001


From d6a6cc5754520d3155f4322548be2a7d252a2b5a Mon Sep 17 00:00:00 2001
From: akagiyuu <khanghuynh0245@gmail.com>
Date: Thu, 7 May 2026 16:46:17 +0700
Subject: [PATCH 4/5] doc: add README

---
 README.md | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..5f4008a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,74 @@
+# HTML Renderer
+
+HTML renderer project written in Rust.
+
+## Usage
+```rust
+const HTML: &str = r#"
+<div id="l"></div>
+<div id="c"></div>
+<div id="r"></div>
+<style>
+    body {
+        background: #191210;
+        margin: 0;
+        position: relative;
+    }
+
+    #l {
+        width: 60px;
+        height: 30px;
+        border-bottom-left-radius: 50px;
+        border-bottom-right-radius: 50px;
+        border: 20px solid #ECA03D;
+        border-top: 0;
+        z-index: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: 0 0 0 -150px;
+    }
+
+    #c {
+        width: 100px;
+        height: 100px;
+        background: repeating-radial-gradient(circle at 50%, #84271C, #84271C 35%, #191210 35%, #191210 100%);
+        border: 20px solid #ECA03D;
+        border-radius: 100px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: -70px 0 0 -70px;
+    }
+
+    #r {
+        width: 60px;
+        height: 30px;
+        border-top-left-radius: 50px;
+        border-top-right-radius: 50px;
+        border: 20px solid #ECA03D;
+        border-bottom: 0;
+        z-index: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        margin: -50px 0 0 50px;
+    }
+</style>
+"#;
+const EXPECTED: &[u8] = include_bytes!("expected.png");
+
+#[tokio::main]
+pub async fn main() {
+    let expected = image::load_from_memory(EXPECTED).unwrap();
+    let rendered = html_renderer::render(HTML, expected.width(), expected.height())
+        .await
+        .unwrap();
+    let rendered = image::load_from_memory(&rendered).unwrap();
+
+    let score = image_compare::rgba_hybrid_compare(&expected.into_rgba8(), &rendered.into_rgba8())
+        .unwrap()
+        .score;
+    println!("Score: {score}");
+}
+```

From 701e293ab4f34c30bd8fbb58f9267840295b2ec3 Mon Sep 17 00:00:00 2001
From: akagiyuu <khanghuynh0245@gmail.com>
Date: Thu, 7 May 2026 16:48:40 +0700
Subject: [PATCH 5/5] doc: update crate metadata

---
 Cargo.lock | 2 +-
 Cargo.toml | 9 ++++++++-
 README.md  | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index e28f29f..752e85f 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -655,7 +655,7 @@ checksum = "2304e00983f87ffb38b55b444b5e3b60a884b5d30c0fca7d82fe33449bbe55ea"
 
 [[package]]
 name = "html-renderer"
-version = "0.1.0"
+version = "1.0.0"
 dependencies = [
  "chromiumoxide",
  "futures",
diff --git a/Cargo.toml b/Cargo.toml
index 82751b9..492c801 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -1,7 +1,14 @@
 [package]
 name = "html-renderer"
-version = "0.1.0"
+version = "1.0.0"
 edition = "2024"
+license = "MIT"
+readme = "README.md"
+repository = "https://github.com/f-code-club/html-renderer"
+homepage = "https://github.com/f-code-club/html-renderer"
+description = """
+HTML renderer project written in Rust
+"""
 
 [dependencies]
 chromiumoxide = "0.9.1"
diff --git a/README.md b/README.md
index 5f4008a..d50caf2 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # HTML Renderer
 
-HTML renderer project written in Rust.
+HTML renderer project written in Rust
 
 ## Usage
 ```rust