From d2e97d5c96323647d5f2b1eb9c1c34681b66fee9 Mon Sep 17 00:00:00 2001
From: Mai Trung Duc <maitrungduc1410@gmail.com>
Date: Fri, 2 Jun 2023 23:19:23 +0800
Subject: [PATCH] feat: add popup UI, change ext icon with background script,
 handle host app reload for devtools page

---
 manifest.ts                                   |  35 ++--
 package.json                                  |  12 +-
 public/icon128_black.png                      | Bin 0 -> 3597 bytes
 public/icon16_black.png                       | Bin 0 -> 213 bytes
 public/icon32_black.png                       | Bin 0 -> 526 bytes
 public/icon48_black.png                       | Bin 0 -> 814 bytes
 public/konva_logo_black.svg                   |   1 +
 public/konva_logo_blue.svg                    |   1 +
 src/assets/images/check-mark-icon.svg         |   1 +
 src/assets/images/icon128.png                 | Bin 0 -> 4538 bytes
 src/pages/background/index.ts                 |   9 +
 .../content/components/Demo/app.test.tsx      |  15 --
 src/pages/content/components/Demo/app.tsx     |   9 -
 src/pages/content/components/Demo/index.tsx   |  11 --
 src/pages/content/detector.ts                 |  15 ++
 src/pages/content/index.ts                    |  43 ++++-
 src/pages/content/style.scss                  |   3 -
 src/pages/devtools/index.html                 |   2 +-
 src/pages/newtab/Newtab.css                   |  38 ----
 src/pages/newtab/Newtab.scss                  |  10 -
 src/pages/newtab/Newtab.tsx                   |  26 ---
 src/pages/newtab/index.css                    |  13 --
 src/pages/newtab/index.html                   |  12 --
 src/pages/newtab/index.tsx                    |  18 --
 src/pages/options/Options.css                 |   8 -
 src/pages/options/Options.tsx                 |   8 -
 src/pages/options/index.css                   |   0
 src/pages/options/index.html                  |  12 --
 src/pages/options/index.tsx                   |  18 --
 src/pages/panel/components/Panel.tsx          |  37 +++-
 src/pages/panel/devtools/connect.ts           |   5 -
 .../panel/devtools/konvaDevtoolsOutline.ts    |   4 +
 .../panel/devtools/konvaDevtoolsViewport.ts   |  23 ---
 src/pages/panel/index.html                    |   2 +-
 src/pages/panel/index.tsx                     |  47 ++---
 src/pages/panel/types.ts                      |   3 -
 src/pages/popup/Popup.css                     |  48 ++---
 src/pages/popup/Popup.tsx                     |  85 +++++++--
 src/pages/popup/index.css                     |  12 +-
 src/pages/popup/index.html                    |   4 +-
 src/pages/popup/index.tsx                     |   5 +-
 vite.config.ts                                |  13 +-
 yarn.lock                                     | 172 +++++++++---------
 43 files changed, 335 insertions(+), 445 deletions(-)
 create mode 100644 public/icon128_black.png
 create mode 100644 public/icon16_black.png
 create mode 100644 public/icon32_black.png
 create mode 100644 public/icon48_black.png
 create mode 100644 public/konva_logo_black.svg
 create mode 100644 public/konva_logo_blue.svg
 create mode 100644 src/assets/images/check-mark-icon.svg
 create mode 100644 src/assets/images/icon128.png
 delete mode 100644 src/pages/content/components/Demo/app.test.tsx
 delete mode 100644 src/pages/content/components/Demo/app.tsx
 delete mode 100644 src/pages/content/components/Demo/index.tsx
 create mode 100644 src/pages/content/detector.ts
 delete mode 100644 src/pages/content/style.scss
 delete mode 100644 src/pages/newtab/Newtab.css
 delete mode 100644 src/pages/newtab/Newtab.scss
 delete mode 100644 src/pages/newtab/Newtab.tsx
 delete mode 100644 src/pages/newtab/index.css
 delete mode 100644 src/pages/newtab/index.html
 delete mode 100644 src/pages/newtab/index.tsx
 delete mode 100644 src/pages/options/Options.css
 delete mode 100644 src/pages/options/Options.tsx
 delete mode 100644 src/pages/options/index.css
 delete mode 100644 src/pages/options/index.html
 delete mode 100644 src/pages/options/index.tsx
 delete mode 100644 src/pages/panel/devtools/konvaDevtoolsViewport.ts

diff --git a/manifest.ts b/manifest.ts
index 0a2551d..f9a96b7 100755
--- a/manifest.ts
+++ b/manifest.ts
@@ -9,14 +9,14 @@ const manifest: chrome.runtime.ManifestV3 = {
   version: packageJson.version,
   description: packageJson.description,
   // options_page: "src/pages/options/index.html",
-  // background: {
-  //   service_worker: "src/pages/background/index.js",
-  //   type: "module",
-  // },
-  // action: {
-  //   default_popup: "src/pages/popup/index.html",
-  //   default_icon: "icon-34.png",
-  // },
+  background: {
+    service_worker: "src/pages/background/index.js",
+    type: "module",
+  },
+  action: {
+    default_popup: "src/pages/popup/index.html",
+    default_icon: "icon32_black.png",
+  },
   // chrome_url_overrides: {
   //   newtab: "src/pages/newtab/index.html",
   // },
@@ -27,12 +27,13 @@ const manifest: chrome.runtime.ManifestV3 = {
     "128": "icon128.png",
   },
   content_scripts: [
-    // {
-    //   matches: ["http://*/*", "https://*/*", "<all_urls>"],
-    //   js: ["src/pages/content/index.js"],
-    //   // KEY for cache invalidation
-    //   css: ["assets/css/contentStyle<KEY>.chunk.css"],
-    // },
+    {
+      matches: ["http://*/*", "https://*/*", "<all_urls>"],
+      js: ["src/pages/content/index.js"],
+      css: [],
+      // KEY for cache invalidation
+      // css: ["assets/css/contentStyle<KEY>.chunk.css"],
+    },
   ],
   devtools_page: "src/pages/devtools/index.html",
   web_accessible_resources: [
@@ -40,11 +41,7 @@ const manifest: chrome.runtime.ManifestV3 = {
       resources: [
         "assets/js/*.js",
         "assets/css/*.css",
-        "icon-16.png",
-        "icon-19.png",
-        "icon-38.png",
-        "icon-48.png",
-        "icon-128.png",
+        "src/pages/detector/index.js",
       ],
       matches: ["*://*/*"],
     },
diff --git a/package.json b/package.json
index 3556ee2..c14126d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "konva-inspector",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Devtools for your Konva App",
   "license": "MIT",
   "repository": {
@@ -23,19 +23,19 @@
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^8.5.0",
-    "@testing-library/react": "13.4.0",
-    "@types/chrome": "0.0.224",
+    "@testing-library/react": "^13.4.0",
+    "@types/chrome": "^0.0.224",
     "@types/jest": "29.0.3",
     "@types/node": "18.15.11",
     "@types/react": "18.0.21",
     "@types/react-dom": "18.0.11",
     "@types/ws": "^8.5.4",
-    "@typescript-eslint/eslint-plugin": "5.56.0",
+    "@typescript-eslint/eslint-plugin": "^5.56.0",
     "@typescript-eslint/parser": "5.38.1",
     "@vitejs/plugin-react": "2.2.0",
     "chokidar": "^3.5.3",
     "cross-env": "^7.0.3",
-    "eslint": "8.36.0",
+    "eslint": "^8.36.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "7.32.2",
@@ -46,7 +46,7 @@
     "prettier": "2.8.8",
     "rollup": "2.79.1",
     "sass": "1.55.0",
-    "ts-jest": "29.0.2",
+    "ts-jest": "^29.0.2",
     "ts-loader": "9.4.2",
     "typescript": "4.8.3",
     "vite": "3.1.3",
diff --git a/public/icon128_black.png b/public/icon128_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..63e536a9facaffc20a0153fa005cf6bfb7f59c24
GIT binary patch
literal 3597
zcmWlcX*|@A6US$FS*-ikVktL~BO>HJbIVz-+(hn{w7%s^h?G$4ND+lXD5bXKK2we)
zHlbBHevVwl-~YkPJedbGuh(a0-jilyWx|TX;{brw%+%0sKO+A(M(n<CJ>k`}A5f8Y
zCi+m*FEqcO)L~|*cZ%q~;1*kT{quo6m*A;KHFy=_s0`o3dX?rJTz121N)<HPSf=~Q
z()_NdU0rjmSfgf;OnJMVtG=z~!JsNml?;4a^$@LLDJX<gywiO_XDXt9r)XhkaYsBN
zd?2=Q_2R(A$;hG~8b;X#Yuccbro0dhOXv#8fKURWgYL`>+H1;BV6KaJ>B8AG%ssTo
z3RCohjJnrtvZ$FUm`yH<1WeKS`)3&(N0+c5b})w_ekuBeGj+#!av%(_s8M<|8$VBn
zj6yuB1dT-Kj})Ab;-^@G4tn{>>h!EcIR+Y`;^v;or2a+iexMfj|2btU|Jec7u!Ees
zd!Hm97^SyC3~F;iHN*|0s{_oy6WM2bZ7nwEjiab2S=0#z1t^@*R=9kPBtgIg6zxge
z^Kj*2YD7_Zwcj+n@g8RWljMP=XybxC*wj#zr2x{)R63!iS!O}##4Zz%rgt}vP*GPr
z6%cF7?Y5&pVxTrjvRW9paHHaV%+K3H1)7RRhRRt^Mrv%JUg4;ZLNzVGQxS=6X6>@s
zjduuIFARlO?9}fp!b0|bm%y`5!Rt8cDZj3u+ckdW*IJlwTUR26=z%ol=ui{#&5vl*
zK}rjPctJ{n3Q=xUjqXJ*xhx{Qf(umP%(I1i`iJ&-Vb9j<u`Dci{ovuv(O_TZ72H&@
z<ptvN8<kSTxs+2@TpkRU*#}O6=$Yj%R&w_U8HJW_Ohi+cnon4tij!%L6{Z{Pev+vN
z9HA?l>&@Gw*T>TTqCKS%jh_pQ8rWs9b}8$4&knNa=bXB>KVI_5*wGCXX-B#bsN)=O
z3k&Li=i0Ru`xY(<^Ai1JT!nM(*%|+apy9z1J<QQ_V~Q*Fq<`DejuyKHiGO|O=PZq5
zIvyIO^Lfqn7IgMyTH$kYORBZ4IS=?sSkwX4Wj*!XgaqFG4M{jx)***>aO4^BziHx1
zl841K&&+(n_L_`UkyhH5rt^sjS!FWz<(^-gqo=z&o5<qakq0sG+WT3Vd!a@owjp@*
z_OW9|Su3+W-}?(S?cx(bG`HlSL5k;YyrgPinOErzBW2h$_ZJwwXOKErYQ#M2-qqc$
z?@ox+Zj-@)sF1fb4wTPHFY0gIKHYdu@1a%UjAl8__OYY<{6;hu5ce%tpI$?-;X@{b
zetHWyRXJaFZ;9KY6})2R&yJVs$+iL(f|dX?pW;Rvqf%<l)-@(GIxudGd(pf&nw6#(
zRB3zPSe-=X&R3tO)7@_)e0wc0-1ka@#Q}qC9Q2N9@L4d_PR7e(*@UD=oJ$=(mRpAZ
z&L=Y+M^UUl6FnHXB)il??wn(>M^O{NyxV;3BWZEs1r_I_8txT4!&u+{z9Rg4`w+tU
z{qHN@V+AZ94PeS#T%|zm5=!9YS+a^hTMFAOTfJ-0=Q@ea<b&p|DXgu(Ki3=GJ=s(b
z@U!#6FaQ5;Sz=*Pww5cEv-IP9{P3qo4st?Tofs9Rp>^4n2dB~Czw+F>fDzunvXoL@
zWnkOFFsGPtg%@9&5g$Butk%yWXy5wfbpUww*bv{^6bUp%1Xu>=lGQWZP?Wj8yB}WE
zzb+-*_JcUG!@#EN5#2QK{43qd3$*d<($Qlf<4Fo`&H3>)cGoXx!BfesZTS~Ge*9Pn
z^ZVQ!{n!$0h?nQ(3DA$O@OABZ2Z&n8xaZXCOXY5Y@>#h(&e_xSZRiq7B;m`TA|0ai
zq<&&DUFkYKaBJpMy~z3?5UIg!p6|?cF8~yCk^<cvuPLU0A{Gd2wSEx~6l{-z^ZSEg
z<!K%&`mni9enRS<Y35@_bTG8V^ujAv3V?j`-dDyDSAik_mPWoEb)0y37f1b33yQl7
zBGm;Uuq++-?On1fd$7Rf_NG!jja<_Cd#MHOoW4=4He5%Kbmz)>QxH`C@#se}tMZHJ
z_WA|O+szv=$VUlXAebJa@BvZne2}L_7pG814E!O&CM#l1rx_IJhlh0jBgRXUEw*(J
zZiJ=&C_XdijmpX7?OC^60nhb+*7BAp#Quagd(?Z8@;GH73?<THPR>ml24BTS3Y~~o
zA6A#y`&WIs>5vEf=r6SI*A#7K1mfGAbuFo{D&VyFZ|80ci8|SGF<&cIS<)h(BaHkk
z`iUj{bv>GHco&cNK<&#m-Dmn#HNN8dm1pzu<Iz6H&E#@k8N{?>bZc9a#u`Gu;&(Qd
z_=AF9*fK&chLYV#CX=Jg<+H#OhbYMke@o4)QAI@De0Hil-Vjv$dMW$U>icp$R3{Or
zOeM6;JL5c7PLP3D#eIBeJvztVm+^!HMs!foix^s%s7k89_;5q8Q{JCHmkRJ`O6r&A
z7dL4i#6+~e{^CMYI`W?;vG^lJ+84KJ3yyglfa>txUtR&D*MG>)n;it6%rEVkf_jQi
zu{Ou|>tns2TUaP8gTBG`D~SW}K&=(hj5#MRXxgZoY@F+URv1k|nvR@#j!0VGp^i70
z3YFXQpefX_qroFACRqekX{Ck=4ye5Jpeh+t=@ssQvN}f}xvu4xu`b5sn<$)hBN3ke
z?DgW<`1H{7Zn-Z!4{TL_c9`G$rg0Xby3e>c#)vJE%*g14%+>iG;eEOs==3&}WykM8
z^VgRb?uVSl>V6UHm_~n1W1x-IiZz~}s`2&Fg6!D!pTlpP-}`o(@(w$eJ24`3H9kfI
z+)`H3kx@tQ2LN#|fl5KiJxMAxN^j;-<SIas8F9Y7le0aC%^wv_qY%5OQMwF&vyH{C
zwQ=h~>&DyP1(<LWE?G>}HnwA-v=>*!IUzv(;Y{r6oY($Z-#sJ!xyR-O(YAV`i&^?~
zV^x$}g00+56y^Kd1GK+etI}?+TfWltpQ3nS#J<%$S2lTP!{x4>b{bG_K6)I`&{3>+
zzcrQJ>HGt&jx4Z<lGM0W`H@|uuBtjN2L)wLm3H(_Pkuhm{nnYMdwFJX38U!Psx`^+
zQKtD(K$eIO;d^`LP5qI!bbj0WDMb-x*P(=f*nf~XTXlpkIyZ2tG34%Ah<LqU-;kO^
zo}3fgg(b<B4n17e2|<2o4n0BwYPr$c&%Aja4aIYJR9#Tk<b0FPczxmbiV>lgPCr-&
zlJQnQPg<#RGf;k?`MiUPMkDn-oj1hfuj@?nrPaAgT1mn4#_X0TJ1KC+dzkn}=^08K
z=I+=X!5RIe)Af0Dv#S3dH&huqJ|T>HI!b%pGYwjmMOGa@4Q=AWSb?-=t1daQouJfS
zTXt5a!@QRE?kL8YPPhB)hfjUxFNmWs_|RJ9uuGlcw?wCGhr;90VSf%6tKJtsrEo%-
z&v>|-zx<aRWq^DCa54NIt2MYQm~Y-Mz}UJrlp(Ujt6R8<I@efo-8&fEkM|9jxcQ)f
z+&`JwAjJtJCeKQR@7(`I2Vw{Rnb!eK^1r{Bh_g8aPjA$o6w}Vcal>=oUU@HrTgxk*
zKA;#E{$NqcDn>-N=>%y+0!5krHEr7M&6_lhqB|KaZ=r(d!Bef+G(*gdb68Ii?>v)V
zr0FwclygnYY<I35ds<feWreJAEwRxKeq)%KojoWg*VB=YyTBBGNlPM^KFq|~2T7@E
zK?{^s)xWDiL0E3V(PhzLIf|ea_V+PH#YTO%XrK<2opgQ~Q~l&_my6x&^HX`Dr+Mon
zT<)s|k9f`xmEBO>Y`M6Boy$Ysjsm{?tO5>Jws4fwl>*qUOQm8%6B84ruIssSPRrD{
zn2>NxZFAH4DZ<N`g=>E|_US+@nUG_&V)KSoP|dLPZgg@J)AoisVtgpX7qVGJO_Bn~
z+M5|t()b_`1=V*LsRqC1l5ygz6mfXPYIxNLrCa_g%;x-`r0kzw_tgoWXOmBjJQjgd
ze-wmSQYrgDwleTb*>wvATkQ0TCdM{njxQOW8{Z^wzkw3fCCsMtOP71V$sWHCgQl%x
zYI>mS?g5+kMBaLd_!6k{&N|CI^3ouk_a!q!g}v()Lq0`-rYz12C7-pzW&I|1_2vId
zyLQvn0jMmL0#Wfu0`;bdda?^I1gO~u7C3X|kl0_L5hlWAGYP0*@kjF&vFrn3s-yzO
zYDY_l?eEOR2?q@2d+^~D-K^rm89ebV|A4F;lpLNUk9C_ll^5GFL~rd2oi-O%FReZn
ze}3ia)e%<sxzEE>>C)Vdv0a#nh~mc|k4S><zgW}ogIY#B1oNVwEq>D<$9X`jr<Hi+
zlR)<I0qZ`6SmuvVqNdd_9jq5jbg}7hrVS`6SZx&FxfOzeqDvmv+N%qqu1dJPQ;L7I
zUe5&M@3L1XN*M5u3eRSXG!1xI^EOx8i+q9QbKck?PTo|(<Ar6}$Jhs4LA^Zt;St9g
zpx76gWiTrf<qA%}IDGQ;*l0i?Z3Yio+zIr^tjeYe_tgeI=g=9I(Ts3j_&_?_S9%OS
zMfAnWtbH4w6NEyy5lvyBZe`8({Xtdazad6_c+%VYlBvXUcY4G~n3;CV3YK~NCoWe0
zonL!+ok%nw{S$U{sCB1zZI_y7M4Wdfdv(P8J!hnp+Zh5h@sxuQ3%i_1)_P3=AVjN~
zxNjY{Z>acb;k19)qLu_gWa_)QzlZLOFj$tM_ZZ~8+5Ns7h^+4acVK2@Wmu!{dF6kq
CFj@Hk

literal 0
HcmV?d00001

diff --git a/public/icon16_black.png b/public/icon16_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..141ed99323dee5091c4a10ea9c9da1ff763302ee
GIT binary patch
literal 213
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`jKx9jP7LeL$-D$|`aNA7LoEEa
zPQJ~1K!L+Gk$-woaC;H|?0|(0i_Cm~pL|^LFsS9{^(Kp7JNR9C6X&zdF*EL|l2kam
z)>h_-wQYB)*LnsErYCb2PFZwZv0>uApaWeziL4%)j%!0-#WSzDcF@sF-(6zQ<f*nZ
z-|~I&d*RA{lgZ5NUjh3;dx6%o4)gtH##^*@EH5s;TdMWf`7f)2sx!B^#9daP(-=Hm
L{an^LB{Ts5{4`E-

literal 0
HcmV?d00001

diff --git a/public/icon32_black.png b/public/icon32_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..d766031755f5686e474a6032afdb90bebf44b6c4
GIT binary patch
literal 526
zcmV+p0`dKcP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px$$Vo&&R9HvNmqBjAFc3w5QlWz29PM4W0SgYm5x7B)kUbm3h81GTIocbrjDiGJ
z)TSC!2Pcd@c1T3MOzip3<MFp0A*{UuxCldr0KR;~MxGtN0mPntb+;b?FVYwZ-~+&$
z6h!#{3E<t<#|2P6DBK**YS{p~7S}L$dK^Gs;w(fHfEAD97=yt8QFQBmx!g9xa7cv@
znBRous{)w-Y{5;ZQ|xxTyLcu{S@KCU`!oVng=qq?Q6`fK@;vVvfZ{1_4dC48+zcPg
z0BI|q&;ZWD>j^+5fB-~$?Ga!^0OGcD0oV%gIz7o~uQkvLV6|FdKA&56n~%6I!d3t_
zW%3MHRycp|41k0QAf&Zk0!gIzB`AtQ*|V$pK(x+)4*s-VV9xGzI$=B>JMG$aA!%hq
zi^T$InpSZov$6mvBcc{;#mnUqNs>4L*6TH9vzfb0{{99ZMm_+78`7j>@i<oLVb1#w
z0BXlE=~!>T1hCm`u-$H}bnf?iWLd^8flmA3aKQ0+<d%TFkchP)nNPrf_DZJ5i`E<<
z#C5G5k^k~q-d84q9wr*%sZTR={n|WE)jpT%MZPoDBhU-vECd~SJmISlzsd)<DPP+c
Q_5c6?07*qoM6N<$g0EcWN&o-=

literal 0
HcmV?d00001

diff --git a/public/icon48_black.png b/public/icon48_black.png
new file mode 100644
index 0000000000000000000000000000000000000000..f7b60dcff2978da917b97b2dda983f1f61284f73
GIT binary patch
literal 814
zcmV+}1JV46P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px%=t)FDRA@upn!m0RK@`S6sEk(=s3>SDcmcUmXiRLhgMx%tpo8dr3N?X_SAYiS
zw9%*q_g<cW(9%!|iN=axW^p#l?(Cj3vokC@?VdU3`<?kevpLu;KL8X6ms<cuTVZo4
z9X$bXpVG%u0C%Q7OaX2IT$=`ssV5)=j8@SFcn9FERs?<H_W*9V)pP(3T&I@oSlT#7
z4*~qLBudxKBPuop@C?8=-KduBp9A<F=Q9c562wd0u@G?p4*>kOoXNEAL|2YziUT<J
zfaStP^r`?z@rOgQNiG+4OVtqss(K2t6X)SbVh(;orGpaV7~n&2EeZpW*%xpw0NU*~
zMxzmxJNez$9R!$jmvR>X&1MtR>68l~wla0E+XZT{vhS(|Gy#0=5<tweU%B`$T7Wr#
zgA!i>_#^??*>}|f1^~y2>o1a1fbn>YR;!iRz!wWZbvJ)nQLG(|F74Ig90N~$QKCdP
z%jGiG>or5e(ZsL?wgNz_`*6m<X0t)5RAPxA3<l_SyDVFkkrM!pn%!=PLV-H})1EQ`
zFzhZ$noIzMl47xl?N;2dq$`;LNZA5Hz?hcI0a8w*-d@Q1EHt0bQLlS@Eq19^t5`0V
zY<nNv1%TL9ip?3dUIf(|Z03&Zhl_<w0!V>e5QEvtTgbe%NvG{7L9^KmjYi|d<$k|M
zKA%qvV*uc0GpAalCX-17Dok@R0AAk=ZO&W+SUu333E(w=k4}!1Du7C*g4Jr3I0kyX
z9{T-0cQ|_5ogC^_0NzYN+$Y7=QxGW+_3YWmRETLk1%UEeMc7%n*jg+WsMTtbxD>!}
zI7Fw@p}J7w#TL62s3;D<CtfZ3i>E^YX<V}|cSV3KUuEI|m9I7b?E{C*!X>=Y7(X#d
zh${d;({$Vvbstl)le$niuGWq<g=krorHy425Oa=)?vr_*N`x+e^!LyHY7kDy3jklJ
sED_&d0{Cp|!?XqB;&JX-t^RKF2SV`+7E&VJDF6Tf07*qoM6N<$f>PLKng9R*

literal 0
HcmV?d00001

diff --git a/public/konva_logo_black.svg b/public/konva_logo_black.svg
new file mode 100644
index 0000000..ebdbf8b
--- /dev/null
+++ b/public/konva_logo_black.svg
@@ -0,0 +1 @@
+<svg style="fill: #000000;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Konva</title><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm1.391 18.541-.239-3.76-2.391-1.608.152 5.129-4.325.152-.173-13.409L10.5 4.98l.087 5.346 2.217-1.608.109-3.781 4.412.283-.348 4.586-2.608 1.608 2.673 1.174.913 5.694-4.564.259z"/></svg>
\ No newline at end of file
diff --git a/public/konva_logo_blue.svg b/public/konva_logo_blue.svg
new file mode 100644
index 0000000..1bb0275
--- /dev/null
+++ b/public/konva_logo_blue.svg
@@ -0,0 +1 @@
+<svg style="fill: #0f83cd;" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Konva</title><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm1.391 18.541-.239-3.76-2.391-1.608.152 5.129-4.325.152-.173-13.409L10.5 4.98l.087 5.346 2.217-1.608.109-3.781 4.412.283-.348 4.586-2.608 1.608 2.673 1.174.913 5.694-4.564.259z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/check-mark-icon.svg b/src/assets/images/check-mark-icon.svg
new file mode 100644
index 0000000..879031c
--- /dev/null
+++ b/src/assets/images/check-mark-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg fill="#40d401" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="122.877px" height="101.052px" viewBox="0 0 122.877 101.052" enable-background="new 0 0 122.877 101.052" xml:space="preserve"><g><path d="M4.43,63.63c-2.869-2.755-4.352-6.42-4.427-10.11c-0.074-3.689,1.261-7.412,4.015-10.281 c2.752-2.867,6.417-4.351,10.106-4.425c3.691-0.076,7.412,1.255,10.283,4.012l24.787,23.851L98.543,3.989l1.768,1.349l-1.77-1.355 c0.141-0.183,0.301-0.339,0.479-0.466c2.936-2.543,6.621-3.691,10.223-3.495V0.018l0.176,0.016c3.623,0.24,7.162,1.85,9.775,4.766 c2.658,2.965,3.863,6.731,3.662,10.412h0.004l-0.016,0.176c-0.236,3.558-1.791,7.035-4.609,9.632l-59.224,72.09l0.004,0.004 c-0.111,0.141-0.236,0.262-0.372,0.368c-2.773,2.435-6.275,3.629-9.757,3.569c-3.511-0.061-7.015-1.396-9.741-4.016L4.43,63.63 L4.43,63.63z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/icon128.png b/src/assets/images/icon128.png
new file mode 100644
index 0000000000000000000000000000000000000000..54705ebf1b5ce9ff553a0110c428e3aca2f1ddfc
GIT binary patch
literal 4538
zcmV;r5k>BaP)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px`bV)=(RCr$Poqc!|)xF2RXLgeqlI-RU5);Ir1TXI-yMmY7YE>-PQbeC#wOV`>
zZ7--;t+YjvY&IK&(o)5jdc`Z%N~@3B)~63wEl_Q>)f%$9yjBeY0+H|%5_UK5WOvSe
zCa^%rZg$ShoS8|o^B?T*{d{uf%$ak}5Dc<w@vC+D|GTH<mS|dbt5AMY#QaW?3M{E+
zSOqaNg}ij6BkY&-Mx<EqlPe0|Sa5aGaTYsfmnCKou)p|<+}>gB5S)^X)r#MDi*&di
z`J`D$<H>IPm*nf~7mD5u3!LqG_~qeazyXl$-kN>YWm#E&`yzOdM?sX@oae|Xd3$#-
zxc^6G0i`yK&>JuST($OJH*Y`MxrP!HfWl%#u@d<tfC%8o4W+pczjE8?*AvN`;dfI5
zFnP`P=?6k#4}fo)p;!uH*tBSJUe)6_mVB&0R~Hpi0$}s_e@Q^U55T5N6*xPwrI1jt
z8!v`j<%>DHVm5Co0J1&)yD8{8<}3z~f`y3RZ(8R3H6etWA#76sU~|__BZ5$4hJxr7
z0~N*TA@}85^zs+akD&nMRC-5=7P23Jp>Y`12q^-gmu04veDu%+!=7jiE4;nhzYmm-
zHmdk$@=JjI0hhy&TIdddt;%=5ML@Mkkz=MtFglhr3kh_F>9SCz<5zmdqALI+misq%
ziFBr(2@W)0g&Eer)-9fLjb3r<0zk%c|7|IhuA>y`dL=fn{m{;-c^P+qaR0d1c;~?#
z0Gr2q9|6&|TjO0cz3fxa`$I10b3Fa=1AtPJ>GA!}Ldb1A6Bz8aOKfRxZhvsXt>83o
zzzqPq$9Doi_F!)yJ@T^>5@@O@=Q3#K0)XA)YX*{|e2w8a5p+3nHMXhk1WeYWHF-k1
z<tRW*`L<5$;^}XXM#PRtLCebNO<MWZtOv+<`-{2-dPu9ll6K-(AVnm_$KB-(TGU7r
z08ahoTL;xrDJ_c2(}vg)&ex(R&;$Ux#~V&|`#hUFmTejdx|~+EUR48-9Pp`a0#*8|
z2ZqW4pp@9FeT@LgQ<XweSyctB0-Bm0D<7_Oo<K1G*;U@vln~Rca8Xsw0jivrZe6qQ
zCsTf;Bz#2xB&T<kl$x)O(rII60PODCnGl4{eA7u<S5g5-Uh1s(@1L}ZMVB1_k5AeJ
zVT!kUsRT&15TpnMsf1ucej3V(GcdI{6O)UEAveQ{i+;YHr5-)9^*^0*Mkhjn+t=?#
z?a@wjQ&TMC>o1><pvy6gC1EB2>{Z?uLC8HU4&=%neq<`rQ<!#d$ugZ?-Ltcc=?YYo
zGs%ZKBiPf_iEtb~x+4_N{o@GUI}k!=gvm6suq{=1x&D!|`EnIy10b#BAq3CLHOwkk
z_uxbn*iu>563XiVK*Au-5qRkBgLv7`cg~DbERwsjNHzd=k8clvOIea-k=?Rj9LA2&
z{?0NK0k9DAWphROC35O73jn*vw-<mcgL0h4lKIP>W8oZ?sZ>3#p4kAn^UZzu)91Qu
zAKVvoITHTCCIrB~az_rjyQSB=T(95XdMRd(wQKGpr`ivep__#OP0QHE04zb5{$e{C
zc@G3m2SmjS@<Q$j{kC0V06e~+9$U12b5jZCPSpH$H!fba4Z)Mro=thz^`o=!+PqSE
z!V096^hgTaL=k8Sx}5!Puj>~8n`g`A1QuO(udJJUF}^cd`&s4jPwqrRYq#tguDG@c
z_suAjEzc^bF8~0AFfHUNtBn_D0swq8VHd$#fjIJO=ZwOwQ}Z>lcGk?aU;PWao4aJ&
zef5@0@U6@Etz^?503hUY#BIj7KV(<?=2MDa%dVVC!DnZW!n|_r0r<v?pJUr$`3HEs
z`Q1x#U8(kCk!X4J20-#l2<{G4I9`g?L~#MIRe32Pdj0(aPhNi!<~y}N;pN(Ob?`N`
z$;R`Kw~xU!m-5?{ZUg|7QiLj<F&i`He`ZyAR|teWD!XbL2(Fqn5(}n{(7;k}6U+d7
zZw#)vgbx5=ks|-`t(xa3$DjcEvlA|7pEivNfX(B3hXB{hF|3u$PynFn&-Hk+wo$8+
zvD$er=yLSgmKPHMyT`}!=*${OO!=Vz!0g}b#zzNRHK~^pBf%Jh!9D=kJ-&@boXIm3
z0Qlxhb=dNi{PBpAMoyr!Dd=*{I#;F-05*^BFah{I2*-&q2>^%YKHnrkW3a-}YoOH&
zfXr&&I19z6I)u{4MG^pgsvaR2-&*1LEb6Tn05*^B5CMwx38lA}BmnwUodOLZm!r53
z0J-i@Y!M+v8lr0dQeH-GNdRONNgI)q7O{JHv-^sWWbRB4U~_+*ON2Dd_MEZCIurmH
z_rwkyZVR)PMss;8cIAcKGkV?<o&~_;-$X#K)7+a(gJuC>+oB05$w`wLHJe!ea(~=q
zV{DexNfSyw3{;k1)e8V4p8d~F!)O3*8lQuwW{-mH0)88tjhF_Ghe~u#pr;4O_G~Mo
zh_J7oR0m=&ZKD84w+fg$J{!-^EzvNW*rv<`003vu<?x*X!0o@13iJc+73jx-Q2?A+
zRxZ6Q)8#S~07N8L1>EHy_M~pB@>UQ+q*J*KyYvRYb4@YkmFFQhUG)ZA*)=m00Ns?X
zY_D`K?E%2(`@a-}UI0jI{?^PMg*(c$Uwe><1Tz63#VU;hh7<r7XQyKO0}~Uqljgs-
zbVac0!^3#?lVh6OR%5USfJ}GoM2jHoRAWdBUEV#wPrp`(rB~}e$+@=X7?y1MN{bR{
zZX+yW3Ng!0UtR#*_WEAjIw==7j^}d9THHoC($bA_Pwj-6w-ZV`iU&Oa(!vIv2Ki@T
zkY4+G54AzmeN_cpCov=dU@M6_X=#J#m1{pkyR@Zv09-u)WO=;56hIy}I$mD406p^h
z^hi4%*?b5e?r+h<on}4=rOyyswZEBAs_zXlMhXKJfahwCVW~+6c``@|5;M#J@SF#b
zQ3ORI@9zs?!CU*$*lzsWJw*weR!RcESiOiyG5zUX*wZ3^yBVVkUB#0CFqT^y*#|qr
z7`=K2qoz5<lK`k_m#v4}@z#zeJiW!Rwf-uiKc$)kKy?X$uCR#TZfnBgck4B<rmu-4
z02<fZz4<Hn8rt!912=%Mq?81JrCJQK(pcf!uk6OhCI=x207IiH6}|c8-T3FxcC<2_
zRHD=ut6mZS)`}^Vm&OSNE4L}s=BJhffM0F<SpM1zpJCV04jnxvc13I+-vI)QN-WA(
zV)@KsEc*8XzD^9bZi3CBy(%E>5+WJZ{uNeAbv+CsRy!=7QGkkT&+J&zw5k4iuoY7Z
zhhbQ%_D9jO1Zp+_M9|fySr2g6lsv4t;bNA0%9dTU;Xu!Gdd<S|xNP_Zvh}nU{KfkX
zc>JRyTANjD&s6IH=9Jp8{<{eewp5gC6aY!NATtG@Jv0e|-m64TM{cHtp{4?0M$s_5
zbI-piYT!gl=K>(f7TZ#>{^rprFUm-ys`>Ax10d7AeS}2_AJsflMuVmHRMh^E&x+mi
z0f>e+tJIFyIrTd6(!X%UR&<zT#ZcIiT4<VO;iEFF*zxdWMr`DX#{)ppo?MuYdmO`Y
zCx<f%V?}q*AHKvNK9xSJZ2Wa*Ux2OJFA}QTp`bA{FHE=K^B<r6Qiqo1=?{RYpBHW{
z!JKi~koF4ly!7~9fSmZHRg2OIqCGu8MwM^AmFRaWXsiHpQw8i>GF49O%rbHSh#LLq
zzsF%hf%e}mh}t&`01;q8tIP3%X*P#uSqbVNEn{w6ISMQQNcO5{7UKa<lTw@O0=W5&
zeR9I)D${FoXtsN62^GXIxq3`s+)9AsoX+WI1waaw^}9hVwKKz$KqsMNx+<J|&pZvA
zVR0z0qALNQacLP+q@AQ3E;9ho>wpL;$E+&v%K{;Ha>!S<NnQX{Y^ujIHEheaHrzf2
zU*~ja^w`xqaIC|))x-q&ZNTNYLuwe)91_K|+kLMti0`~1efCKHHE(Jjo}I&IYI^OK
zV_34$xDBH*4~fFlU!>UsA!(wT-`5fn)Sp)m(AE_}G2;g$2Q2^u!C)j*2=~>Uy?OxY
zA4VP&$+HKLY_r~X2P*(^4~mqEl)1t`+!CgSonpYN2QV7|CpwJVS0GLQwmmlK%+!D1
z)55EKUw~kY{JW)gl0yXmB|vIXWeV&Kxg5RPHr8?Re+JO&NO3Kk%dwFJKu(oZ$!rX|
z9RGQ)1=D;mVknIPq+Dmc_&I7AK4zt=*-tCW`d~y)_vG<DML~Y3g;N$AX6gZMnV5qY
zZW_%JK9j6;mcR|`zhKf)BTPY`4!N8Uo^K;&50LM!{YJMS{8f!ZCAww;pv0DfZ4XXT
zl7=iD-2o7BeaP*QZtuOWxO1IZ9)G<6I#O0P8VQ*R0N%GGJpm9wkF>a)7shI)_}>lm
zcyA{lztgB~WtkaD0JL^RFp_a{N>&kL2vLf8p-M;0w(R$9ht1<_AV5rVlm^qE-cSOd
zXRKAN!};74$AXoPxEn6|1t7=cog{+jb`nAo0PX**1QAnCxE*oZFyZ@7yT>QZ3~K*P
z*BH4DH2~(nwij>h32NW!XDv1cUA?~&CVLPV6)bXlhqVbrmyg{IH2@mh!YF-$Uk95Z
z(u@YTv)?agC+q<v5VAbJmjvK0o~ZI3bt}2wHa}Jdfzu9>_jd>I{FX*+`jXGtf)S8c
zTV3VfOVnnv0FaE>tGqiw2%m-fr=wgjE&iQGI&=46a~FJv+7LP!fwa}0_j#PP3&){!
z_}K-bf7;ay|KWCY_HzboYnO<3>jDULMT|QtmeO6pN~f$z4A}r=F8409h~$3~5taPi
z_zFY>a&POh^5^A5A{zk7n627ZNhsWM3@2rbsQ{&@3ROB}w-FNnJ+}gnPa0J4TR3k_
z-3E)-j-bmij3pUn08W2ll<Tt#O9DyRvlS59X!eO!PNueD2B4=GsIFZAD#*IWBpXPl
z3J@#|RyfwOdQ$|z>8FAvAmnGP4wLd6DnRKY!Aj>UC6*Nf&@(8k^8Ftnn61QdQb(H#
zP|%Gbm$TO@9~R5105~-$^fv)Cm&IvPR;vn-=Af%QPmMLz0Gxur8wLo!kM63;aM0?~
zNYLd}{nblN0LXf@CQnGW9v`%|Heq67M>xM_<@6@Cp=knu6hyw;U(_woLuvy`>L;#1
zib#r&yUQCAOD2}k3;@a1sh+@cG<iEnTzF*?G$M9H3bgpkkNVdXfT+>rz))H9_NPTb
znnNlFe6j3v0pQfY&}Y~N6Ya}ytVII+CE#*g$0G`E0Q5jm<xNf&sckhClRR=<a|Ph^
zBjQ3J`5IYHWAv3F_Xb_^Uh68euhVCBv)x;>sUS+D*5q46c`emJ#jcSd_l#zF;>xAC
z_W<XHX7l)~2&hYWxPxDlfOrC~@=Coj)fIrATSB$>UWmAl_wq8m3aFVMN_RoPbHNIy
zuB)ze2OwH7o5#0-0N>WEfCJbN1>Oz09N#h`1;YT4k}df0_KZ$jc)v7}XhiZR@Ok`#
zkhSFK>M6P`yVrFdfTg%OkNYM^BKUw9ct90PysBjhf`Wi6PdpZX$Bt?rG7T8o1DqdY
z_HzFn5a}}%u*-~pfQiu%0ev9gy8IQh1a2w-qD9H7s+}u9m<@s-n59sv;-GY0L=fL;
zt(f*lRdzTin-YL?^R#<>8v!yFpd}pg=V|f)fV!Z|VaRz)auYK>0MSI!-Jgt15mIUh
zV3SU?lbfK<a;+2ybqkRzI+jfv5MPoWFaSgwa^w^B>7h`4Iu+8S{fal}+`uv2QD6ha
zuDddk+L>rGrWxWrH--TR!1)DCbJvVbM@nHgq0_AdKi8+g;u0cSK8d6XM_QIn-K~#L
zK3)bq0I|xFyL{(GVX<pY^f!T!F%an;ln|No4fHr6WW7k~o-;OtuD1ir{zJO2531|`
Y0c%52hD$xrd;kCd07*qoM6N<$g6ZCKhX4Qo

literal 0
HcmV?d00001

diff --git a/src/pages/background/index.ts b/src/pages/background/index.ts
index 34db789..2a14f54 100644
--- a/src/pages/background/index.ts
+++ b/src/pages/background/index.ts
@@ -9,3 +9,12 @@ reloadOnUpdate("pages/background");
 reloadOnUpdate("pages/content/style.scss");
 
 console.log("background loaded");
+
+chrome.runtime.onMessage.addListener(function (message, sender, sendResponse) {
+  if (message.type === "__KONVA_DEVTOOLS__BROADCAST_RESULT") {
+    chrome.action.setIcon({
+      path: `../../../icon32${!message.result ? "_black" : ""}.png`,
+      tabId: sender.tab.id,
+    });
+  }
+});
diff --git a/src/pages/content/components/Demo/app.test.tsx b/src/pages/content/components/Demo/app.test.tsx
deleted file mode 100644
index be35077..0000000
--- a/src/pages/content/components/Demo/app.test.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import App from "@pages/content/components/Demo/app";
-
-describe("appTest", () => {
-  test("render text", () => {
-    // given
-    const text = "content view";
-
-    // when
-    render(<App />);
-
-    // then
-    screen.getByText(text);
-  });
-});
diff --git a/src/pages/content/components/Demo/app.tsx b/src/pages/content/components/Demo/app.tsx
deleted file mode 100644
index 11ae3ff..0000000
--- a/src/pages/content/components/Demo/app.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { useEffect } from "react";
-
-export default function App() {
-  useEffect(() => {
-    console.log("content view loaded");
-  }, []);
-
-  return <div className="content-view">content view</div>;
-}
diff --git a/src/pages/content/components/Demo/index.tsx b/src/pages/content/components/Demo/index.tsx
deleted file mode 100644
index 55bd3d9..0000000
--- a/src/pages/content/components/Demo/index.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createRoot } from "react-dom/client";
-import App from "@src/pages/content/components/Demo/app";
-import refreshOnUpdate from "virtual:reload-on-update-in-view";
-
-refreshOnUpdate("pages/content");
-
-const root = document.createElement("div");
-root.id = "chrome-extension-boilerplate-react-vite-content-view-root";
-document.body.append(root);
-
-createRoot(root).render(<App />);
diff --git a/src/pages/content/detector.ts b/src/pages/content/detector.ts
new file mode 100644
index 0000000..da62dcf
--- /dev/null
+++ b/src/pages/content/detector.ts
@@ -0,0 +1,15 @@
+import type Konva from "konva";
+
+declare global {
+  interface Window {
+    Konva: typeof Konva;
+  }
+}
+
+document.addEventListener("__KONVA_DEVTOOLS__DETECT_KONVA", function (e) {
+  document.dispatchEvent(
+    new CustomEvent("__KONVA_DEVTOOLS__DETECTION_RESULT", {
+      detail: !!window.Konva,
+    })
+  );
+});
diff --git a/src/pages/content/index.ts b/src/pages/content/index.ts
index 3a75809..5b29209 100644
--- a/src/pages/content/index.ts
+++ b/src/pages/content/index.ts
@@ -1,7 +1,38 @@
-console.log("content loaded");
+let lastResult = false;
 
-/**
- * @description
- * Chrome extensions don't support modules in content scripts.
- */
-import("./components/Demo");
+detect();
+const interval = setInterval(detect, 5000);
+
+function detect() {
+  try {
+    const s = document.createElement("script");
+    s.src = chrome.runtime.getURL("src/pages/detector/index.js");
+    document.body.appendChild(s);
+    s.onload = () => {
+      document.addEventListener(
+        "__KONVA_DEVTOOLS__DETECTION_RESULT",
+        function (e: CustomEvent) {
+          lastResult = e.detail;
+
+          chrome.runtime.sendMessage({
+            type: "__KONVA_DEVTOOLS__BROADCAST_RESULT",
+            result: lastResult,
+          });
+          s.remove();
+        }
+      );
+
+      document.dispatchEvent(new CustomEvent("__KONVA_DEVTOOLS__DETECT_KONVA"));
+    };
+  } catch (error) {
+    clearInterval(interval);
+    console.log(error);
+  }
+}
+
+chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
+  if (request["type"] == "__KONVA_DEVTOOLS__REQUEST_DETECTION") {
+    sendResponse(lastResult);
+  }
+  return true; // this make sure sendResponse will work asynchronously
+});
diff --git a/src/pages/content/style.scss b/src/pages/content/style.scss
deleted file mode 100644
index a206a8e..0000000
--- a/src/pages/content/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.content-view {
-  font-size: 30px;
-}
diff --git a/src/pages/devtools/index.html b/src/pages/devtools/index.html
index a9e7f3a..0100980 100644
--- a/src/pages/devtools/index.html
+++ b/src/pages/devtools/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ko">
+<html lang="en">
 <head>
     <meta charset="UTF-8" />
     <title>Devtools</title>
diff --git a/src/pages/newtab/Newtab.css b/src/pages/newtab/Newtab.css
deleted file mode 100644
index 74b5e05..0000000
--- a/src/pages/newtab/Newtab.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/src/pages/newtab/Newtab.scss b/src/pages/newtab/Newtab.scss
deleted file mode 100644
index 8960c7b..0000000
--- a/src/pages/newtab/Newtab.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-$myColor: red;
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: $myColor;
-}
diff --git a/src/pages/newtab/Newtab.tsx b/src/pages/newtab/Newtab.tsx
deleted file mode 100644
index 55e514f..0000000
--- a/src/pages/newtab/Newtab.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import "@pages/newtab/Newtab.css";
-import "@pages/newtab/Newtab.scss";
-
-const Newtab = () => {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <p>
-          Edit <code>src/pages/newtab/Newtab.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React!
-        </a>
-        <h6>The color of this paragraph is defined using SASS.</h6>
-      </header>
-    </div>
-  );
-};
-
-export default Newtab;
diff --git a/src/pages/newtab/index.css b/src/pages/newtab/index.css
deleted file mode 100644
index ec2585e..0000000
--- a/src/pages/newtab/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
diff --git a/src/pages/newtab/index.html b/src/pages/newtab/index.html
deleted file mode 100644
index 0d5481b..0000000
--- a/src/pages/newtab/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-    <meta charset="UTF-8" />
-    <title>New tab</title>
-</head>
-
-<body>
-<div id="app-container"></div>
-<script type="module" src="./index.tsx"></script>
-</body>
-</html>
diff --git a/src/pages/newtab/index.tsx b/src/pages/newtab/index.tsx
deleted file mode 100644
index 950551b..0000000
--- a/src/pages/newtab/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import Newtab from "@pages/newtab/Newtab";
-import "@pages/newtab/index.css";
-import refreshOnUpdate from "virtual:reload-on-update-in-view";
-
-refreshOnUpdate("pages/newtab");
-
-function init() {
-  const appContainer = document.querySelector("#app-container");
-  if (!appContainer) {
-    throw new Error("Can not find #app-container");
-  }
-  const root = createRoot(appContainer);
-  root.render(<Newtab />);
-}
-
-init();
diff --git a/src/pages/options/Options.css b/src/pages/options/Options.css
deleted file mode 100644
index 08a2ee4..0000000
--- a/src/pages/options/Options.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.OptionsContainer {
-  width: 100%;
-  height: 50vh;
-  font-size: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
diff --git a/src/pages/options/Options.tsx b/src/pages/options/Options.tsx
deleted file mode 100644
index 28d8fe9..0000000
--- a/src/pages/options/Options.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import React from "react";
-import "@pages/options/Options.css";
-
-const Options: React.FC = () => {
-  return <div className="OptionsContainer">Options</div>;
-};
-
-export default Options;
diff --git a/src/pages/options/index.css b/src/pages/options/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/src/pages/options/index.html b/src/pages/options/index.html
deleted file mode 100644
index 2f6cc08..0000000
--- a/src/pages/options/index.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-    <meta charset="UTF-8" />
-    <title>Options</title>
-</head>
-
-<body>
-<div id="app-container"></div>
-<script type="module" src="./index.tsx"></script>
-</body>
-</html>
diff --git a/src/pages/options/index.tsx b/src/pages/options/index.tsx
deleted file mode 100644
index a6959b6..0000000
--- a/src/pages/options/index.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import Options from "@pages/options/Options";
-import "@pages/options/index.css";
-import refreshOnUpdate from "virtual:reload-on-update-in-view";
-
-refreshOnUpdate("pages/options");
-
-function init() {
-  const appContainer = document.querySelector("#app-container");
-  if (!appContainer) {
-    throw new Error("Can not find #app-container");
-  }
-  const root = createRoot(appContainer);
-  root.render(<Options />);
-}
-
-init();
diff --git a/src/pages/panel/components/Panel.tsx b/src/pages/panel/components/Panel.tsx
index 7ec381b..12a43ce 100644
--- a/src/pages/panel/components/Panel.tsx
+++ b/src/pages/panel/components/Panel.tsx
@@ -6,6 +6,7 @@ import { OutlineNode } from "../types";
 import InspectedElement from "./InspectedElement";
 import ToggleOff from "./ToggleOff";
 import SearchIcon from "./SearchIcon";
+import connect from "../devtools/connect";
 
 const Panel: React.FC = () => {
   const [trees, setTrees] = useState<OutlineNode[]>([]);
@@ -29,22 +30,42 @@ const Panel: React.FC = () => {
     };
   }, []);
 
+  useEffect(() => {
+    function handleReload() {
+      setTrees([]);
+      setSelectedNode(null);
+      setSearchText("");
+      setAlwaysInspect(false);
+      connect(bridge);
+    }
+    // listen on host page reload
+    chrome.devtools.network.onNavigated.addListener(handleReload);
+
+    return () => {
+      chrome.devtools.network.onNavigated.removeListener(handleReload);
+    };
+  }, []);
+
   useEffect(() => {
     if (alwaysInspect) {
       // below we have && 1, to make the evaluation return a number
       // otherwise it'll return a Stage instance and the bridge will fail
+      // we also check for window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva() is undefined or not to prevent the case when we reload at that time Konva is not initialized yet
       bridge(`
-        Konva.stages[0].addEventListener("mouseover", window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.selectShapeAtCursor) && 1
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ &&
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva() &&
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva().stages[0].addEventListener("mouseover", window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.selectShapeAtCursor) && 1
       `);
     }
 
     return () => {
       // below we need to assign result to a const
       // otherwise it'll return a Stage instance and the bridge will fail
+      // we also check for window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva() is undefined or not to prevent the case when we reload at that time Konva is not initialized yet
       bridge(`
-          if (window.__KONVA_DEVTOOLS_GLOBAL_HOOK__) {
-            Konva.stages[0].removeEventListener("mouseover", window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.selectShapeAtCursor) && 1
-          }
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ &&
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva() &&
+        window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.Konva().stages[0].removeEventListener("mouseover", window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.selectShapeAtCursor) && 1
       `);
     };
   }, [alwaysInspect]);
@@ -54,7 +75,13 @@ const Panel: React.FC = () => {
       const data = await bridge<OutlineNode[]>(
         "window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ && window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.outline.trees()"
       );
-      setTrees(data);
+      if (data) {
+        setTrees(data);
+      } else {
+        // in case __KONVA_DEVTOOLS_GLOBAL_HOOK__ is undefined
+        // can happen during host page reload
+        setTrees([]);
+      }
     } catch (error) {
       console.log(error);
     }
diff --git a/src/pages/panel/devtools/connect.ts b/src/pages/panel/devtools/connect.ts
index 559a886..76a4fdb 100644
--- a/src/pages/panel/devtools/connect.ts
+++ b/src/pages/panel/devtools/connect.ts
@@ -3,7 +3,6 @@ import konvaDevtools from "./konvaDevtools";
 import konvaDevtoolsOutline from "./konvaDevtoolsOutline";
 import konvaDevtoolsOverlay from "./konvaDevtoolsOverlay";
 import konvaDevtoolsSelection from "./konvaDevtoolsSelection";
-import konvaDevtoolsViewport from "./konvaDevtoolsViewport";
 
 export default function connect(bridge: BridgeFn) {
   bridge(`(() => {
@@ -11,9 +10,5 @@ export default function connect(bridge: BridgeFn) {
     window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.outline = (${konvaDevtoolsOutline.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
     window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection = (${konvaDevtoolsSelection.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
     window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.overlay = (${konvaDevtoolsOverlay.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
-    window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.viewport = (${konvaDevtoolsViewport.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
   })();`);
 }
-
-//     window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.properties = (${pixiDevtoolsProperties.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
-//     window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.clickToSelect = (${pixiDevtoolsClickToSelect.toString()}(window.__KONVA_DEVTOOLS_GLOBAL_HOOK__));
diff --git a/src/pages/panel/devtools/konvaDevtoolsOutline.ts b/src/pages/panel/devtools/konvaDevtoolsOutline.ts
index 9eb3b74..657f379 100644
--- a/src/pages/panel/devtools/konvaDevtoolsOutline.ts
+++ b/src/pages/panel/devtools/konvaDevtoolsOutline.ts
@@ -23,7 +23,9 @@ export default function konvaDevtoolsOutline(devtools: KonvaDevtools) {
   // we create our own version of toObject based on toObject function from Konva
   // the purpose of this is to allows us add any custom fields as we want
   function toObject(node: Konva.Node): OutlineNode {
+    // eslint-disable-next-line prefer-const
     let obj = {} as any,
+      // eslint-disable-next-line prefer-const
       attrs = node.getAttrs(),
       key,
       val,
@@ -63,6 +65,8 @@ export default function konvaDevtoolsOutline(devtools: KonvaDevtools) {
 
   return {
     trees(): OutlineNode[] {
+      if (!devtools.Konva()) return [];
+
       const results = [];
 
       for (const stage of devtools.Konva().stages) {
diff --git a/src/pages/panel/devtools/konvaDevtoolsViewport.ts b/src/pages/panel/devtools/konvaDevtoolsViewport.ts
deleted file mode 100644
index 85f1e71..0000000
--- a/src/pages/panel/devtools/konvaDevtoolsViewport.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { KonvaDevtools } from "../types";
-
-export default function konvaDevtoolsViewport(devtools: KonvaDevtools) {
-  return {
-    size(stageIndex = 0) {
-      const stage = devtools.Konva().stages[stageIndex];
-      if (stage) {
-        return {
-          width: stage.width(),
-          height: stage.height(),
-        };
-      }
-      return undefined;
-    },
-    scale(stageIndex = 0) {
-      const stage = devtools.Konva().stages[stageIndex];
-      if (stage) {
-        return stage.scale();
-      }
-      return undefined;
-    },
-  };
-}
diff --git a/src/pages/panel/index.html b/src/pages/panel/index.html
index 5d93379..f7d7294 100644
--- a/src/pages/panel/index.html
+++ b/src/pages/panel/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="ko">
+<html lang="en">
 <head>
     <meta charset="UTF-8" />
     <title>Devtools Panel</title>
diff --git a/src/pages/panel/index.tsx b/src/pages/panel/index.tsx
index 152b19c..d25bf9b 100644
--- a/src/pages/panel/index.tsx
+++ b/src/pages/panel/index.tsx
@@ -6,8 +6,26 @@ import Panel from "./components/Panel";
 
 refreshOnUpdate("pages/panel");
 
+const bridge: BridgeFn = (code: string) => {
+  return new Promise((resolve, reject) => {
+    chrome.devtools.inspectedWindow.eval(code, (result, err) => {
+      if (err) {
+        if (err instanceof Error) {
+          reject(err);
+        }
+        console.log(code);
+        reject(new Error(err.value || err.description || err.code));
+      }
+      resolve(result as any);
+    });
+  });
+};
+
 let root: Root;
 function init() {
+  connect(bridge);
+
+  if (root) return;
   const appContainer = document.getElementById("app") as HTMLDivElement;
   if (!appContainer) {
     throw new Error("Can not find #app");
@@ -19,31 +37,16 @@ function init() {
       "window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ && window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.deactivate()"
     );
   });
+
+  chrome.windows.onFocusChanged.addListener(() => {
+    bridge(
+      "window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ && window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.deactivate()"
+    );
+  });
 }
 
 init();
 
 export type BridgeFn = <T>(code: string) => Promise<T>;
 
-export const bridge: BridgeFn = (code: string) => {
-  return new Promise((resolve, reject) => {
-    chrome.devtools.inspectedWindow.eval(code, (result, err) => {
-      if (err) {
-        if (err instanceof Error) {
-          reject(err);
-        }
-        console.log(code);
-        reject(new Error(err.value || err.description || err.code));
-      }
-      resolve(result as any);
-    });
-  });
-};
-
-connect(bridge);
-
-chrome.windows.onFocusChanged.addListener((window) => {
-  bridge(
-    "window.__KONVA_DEVTOOLS_GLOBAL_HOOK__ && window.__KONVA_DEVTOOLS_GLOBAL_HOOK__.selection.deactivate()"
-  );
-});
+export { bridge };
diff --git a/src/pages/panel/types.ts b/src/pages/panel/types.ts
index 6f5f3bf..f3981c1 100644
--- a/src/pages/panel/types.ts
+++ b/src/pages/panel/types.ts
@@ -2,14 +2,11 @@ import konvaDevtools from "./devtools/konvaDevtools";
 import konvaDevtoolsOutline from "./devtools/konvaDevtoolsOutline";
 import konvaDevtoolsOverlay from "./devtools/konvaDevtoolsOverlay";
 import konvaDevtoolsSelection from "./devtools/konvaDevtoolsSelection";
-import konvaDevtoolsViewport from "./devtools/konvaDevtoolsViewport";
 
 export type KonvaDevtools = ReturnType<typeof konvaDevtools> & {
   selection: ReturnType<typeof konvaDevtoolsSelection>;
-  viewport: ReturnType<typeof konvaDevtoolsViewport>;
   overlay: ReturnType<typeof konvaDevtoolsOverlay>;
   outline: ReturnType<typeof konvaDevtoolsOutline>;
-  // properties: ReturnType<typeof konvaDevtoolsProperties>;
 };
 
 export type OutlineNode = {
diff --git a/src/pages/popup/Popup.css b/src/pages/popup/Popup.css
index e7ce476..666bac0 100644
--- a/src/pages/popup/Popup.css
+++ b/src/pages/popup/Popup.css
@@ -1,45 +1,25 @@
 .App {
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
   text-align: center;
   height: 100%;
   padding: 10px;
-  background-color: #282c34;
+  font-size: 16px;
 }
-
-.App-logo {
-  height: 30vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
+.check-icon {
+  width: 20px;
+  margin-right: 4px;
 }
 
-.App-header {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
+.pulse {
+  border-radius: 50%;
+  margin-right: 5px;
+  animation: pulse-animation 2s infinite;
 }
 
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
+@keyframes pulse-animation {
+  0% {
+    box-shadow: 0 0 0 0px rgb(15, 131, 205, 0.2);
   }
-  to {
-    transform: rotate(360deg);
+  100% {
+    box-shadow: 0 0 0 20px rgb(15, 131, 205, 0);
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/popup/Popup.tsx b/src/pages/popup/Popup.tsx
index 7753976..a1f4b79 100644
--- a/src/pages/popup/Popup.tsx
+++ b/src/pages/popup/Popup.tsx
@@ -1,22 +1,79 @@
-import React from "react";
+import { useEffect, useState } from "react";
 import "@pages/popup/Popup.css";
+import checkIcon from "@assets/images/check-mark-icon.svg";
+import logoIcon from "@assets/images/icon128.png";
 
 const Popup = () => {
+  const [isKonva, setIsKonva] = useState<boolean>(false);
+  useEffect(() => {
+    detect();
+    const timeout = setInterval(detect, 3000);
+
+    function detect() {
+      chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+        chrome.tabs.sendMessage(
+          tabs[0].id,
+          { type: "__KONVA_DEVTOOLS__REQUEST_DETECTION" },
+          function (response) {
+            setIsKonva(response);
+            if (response) {
+              clearInterval(timeout);
+            }
+          }
+        );
+      });
+    }
+
+    return () => {
+      clearInterval(timeout);
+    };
+  }, []);
+
   return (
     <div className="App">
-      <header className="App-header">
-        <p>
-          Edit <code>src/pages/popup/Popup.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React!
-        </a>
-      </header>
+      {isKonva ? (
+        <>
+          <b>
+            <img className="check-icon" src={checkIcon} />
+            Konva is detected
+            <br />
+          </b>
+          Open DevTools and look for the Konva panel.
+        </>
+      ) : (
+        <div>
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              marginBottom: 10,
+            }}
+          >
+            <img className="pulse" src={logoIcon} width={32} />
+            Looking for Konva...
+          </div>
+          <div>
+            Using <strong style={{ color: "#0f83cd" }}>Konva</strong>?
+          </div>
+          <div style={{ marginTop: 8 }}>
+            After creating Konva app. Make sure to set it to Window object. Try
+            to log it to console:
+          </div>
+          <div style={{ marginTop: 20, marginBottom: 10 }}>
+            <code
+              style={{
+                backgroundColor: "#202020",
+                color: "rgb(145, 168, 203)",
+                padding: 8,
+                borderRadius: 4,
+              }}
+            >
+              console.log(window.Konva)
+            </code>
+          </div>
+        </div>
+      )}
     </div>
   );
 };
diff --git a/src/pages/popup/index.css b/src/pages/popup/index.css
index 800a9cb..44f4924 100644
--- a/src/pages/popup/index.css
+++ b/src/pages/popup/index.css
@@ -1,17 +1,9 @@
 body {
-  width: 300px;
-  height: 260px;
+  min-width: 300px;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
-  position: relative;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
+}
\ No newline at end of file
diff --git a/src/pages/popup/index.html b/src/pages/popup/index.html
index 887788a..4f90b96 100644
--- a/src/pages/popup/index.html
+++ b/src/pages/popup/index.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<html lang="ko">
+<html lang="en">
 <head>
     <meta charset="UTF-8" />
     <title>Popup</title>
 </head>
 
 <body>
-<div id="app-container"></div>
+<div id="app"></div>
 <script type="module" src="./index.tsx"></script>
 </body>
 </html>
diff --git a/src/pages/popup/index.tsx b/src/pages/popup/index.tsx
index 87abf70..7c128a9 100644
--- a/src/pages/popup/index.tsx
+++ b/src/pages/popup/index.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { createRoot } from "react-dom/client";
 import "@pages/popup/index.css";
 import Popup from "@pages/popup/Popup";
@@ -7,9 +6,9 @@ import refreshOnUpdate from "virtual:reload-on-update-in-view";
 refreshOnUpdate("pages/popup");
 
 function init() {
-  const appContainer = document.querySelector("#app-container");
+  const appContainer = document.querySelector("#app");
   if (!appContainer) {
-    throw new Error("Can not find #app-container");
+    throw new Error("Can not find #app");
   }
   const root = createRoot(appContainer);
   root.render(<Popup />);
diff --git a/vite.config.ts b/vite.config.ts
index f83c046..fee2ffa 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -48,10 +48,11 @@ export default defineConfig({
         panel: resolve(pagesDir, "panel", "index.html"),
         content: resolve(pagesDir, "content", "index.ts"),
         background: resolve(pagesDir, "background", "index.ts"),
-        contentStyle: resolve(pagesDir, "content", "style.scss"),
+        // contentStyle: resolve(pagesDir, "content", "style.scss"),
         popup: resolve(pagesDir, "popup", "index.html"),
-        newtab: resolve(pagesDir, "newtab", "index.html"),
-        options: resolve(pagesDir, "options", "index.html"),
+        detector: resolve(pagesDir, "content", "detector.ts"),
+        // newtab: resolve(pagesDir, "newtab", "index.html"),
+        // options: resolve(pagesDir, "options", "index.html"),
       },
       watch: {
         include: ["src/**", "vite.config.ts"],
@@ -66,9 +67,9 @@ export default defineConfig({
           const { dir, name: _name } = path.parse(assetInfo.name);
           const assetFolder = dir.split("/").at(-1);
           const name = assetFolder + firstUpperCase(_name);
-          if (name === "contentStyle") {
-            return `assets/css/contentStyle${cacheInvalidationKey}.chunk.css`;
-          }
+          // if (name === "contentStyle") {
+          //   return `assets/css/contentStyle${cacheInvalidationKey}.chunk.css`;
+          // }
           return `assets/[ext]/${name}.chunk.[ext]`;
         },
       },
diff --git a/yarn.lock b/yarn.lock
index 81e5065..9f797ef 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -442,14 +442,14 @@
   resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.4.0.tgz#3e61c564fcd6b921cb789838631c5ee44df09403"
   integrity sha512-A9983Q0LnDGdLPjxyXQ00sbV+K+O+ko2Dr+CZigbHWtX9pNfxlaBkMR8X1CztI73zuEyEBXTVjx7CE+/VSwDiQ==
 
-"@eslint/eslintrc@^2.0.1":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.1.tgz#7888fe7ec8f21bc26d646dbd2c11cd776e21192d"
-  integrity sha512-eFRmABvW2E5Ho6f5fHLqgena46rOj7r7OKHYfLElqcBfGFHHpjBhivyi5+jOEQuSpdc/1phIZJlbC2te+tZNIw==
+"@eslint/eslintrc@^2.0.3":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.0.3.tgz#4910db5505f4d503f27774bf356e3704818a0331"
+  integrity sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.5.0"
+    espree "^9.5.2"
     globals "^13.19.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
@@ -457,10 +457,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.36.0":
-  version "8.36.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.36.0.tgz#9837f768c03a1e4a30bd304a64fb8844f0e72efe"
-  integrity sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==
+"@eslint/js@8.41.0":
+  version "8.41.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.41.0.tgz#080321c3b68253522f7646b55b577dd99d2950b3"
+  integrity sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==
 
 "@humanwhocodes/config-array@^0.11.8":
   version "0.11.8"
@@ -839,9 +839,9 @@
     lz-string "^1.4.4"
     pretty-format "^27.0.2"
 
-"@testing-library/react@13.4.0":
+"@testing-library/react@^13.4.0":
   version "13.4.0"
-  resolved "https://registry.npmmirror.com/@testing-library/react/-/react-13.4.0.tgz#6a31e3bf5951615593ad984e96b9e5e2d9380966"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-13.4.0.tgz#6a31e3bf5951615593ad984e96b9e5e2d9380966"
   integrity sha512-sXOGON+WNTh3MLE9rve97ftaZukN3oNf2KjDy7YTx6hcTO2uuLHuCGynMDhFwGw/jYf4OJ2Qk0i4i79qMNNkyw==
   dependencies:
     "@babel/runtime" "^7.12.5"
@@ -891,7 +891,7 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
-"@types/chrome@0.0.224":
+"@types/chrome@^0.0.224":
   version "0.0.224"
   resolved "https://registry.yarnpkg.com/@types/chrome/-/chrome-0.0.224.tgz#0138497299eaaf261d61ece62d7d6af3868ce856"
   integrity sha512-YkL7q3KDV7OAKgVCBNIfH73rnjNMbIzAYHzTa2DKhSK/2z0Wf/n8yJnK/UoW+lvuYJJR4LtAkG3YvsIZTy7BOA==
@@ -1039,15 +1039,15 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.56.0.tgz#e4fbb4d6dd8dab3e733485c1a44a02189ae75364"
-  integrity sha512-ZNW37Ccl3oMZkzxrYDUX4o7cnuPgU+YrcaYXzsRtLB16I1FR5SHMqga3zGsaSliZADCWo2v8qHWqAYIj8nWCCg==
+"@typescript-eslint/eslint-plugin@^5.56.0":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.8.tgz#1e7a3e5318ece22251dfbc5c9c6feeb4793cc509"
+  integrity sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==
   dependencies:
     "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/type-utils" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
+    "@typescript-eslint/scope-manager" "5.59.8"
+    "@typescript-eslint/type-utils" "5.59.8"
+    "@typescript-eslint/utils" "5.59.8"
     debug "^4.3.4"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
@@ -1073,21 +1073,21 @@
     "@typescript-eslint/types" "5.38.1"
     "@typescript-eslint/visitor-keys" "5.38.1"
 
-"@typescript-eslint/scope-manager@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.56.0.tgz#62b4055088903b5254fa20403010e1c16d6ab725"
-  integrity sha512-jGYKyt+iBakD0SA5Ww8vFqGpoV2asSjwt60Gl6YcO8ksQ8s2HlUEyHBMSa38bdLopYqGf7EYQMUIGdT/Luw+sw==
+"@typescript-eslint/scope-manager@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.8.tgz#ff4ad4fec6433647b817c4a7d4b4165d18ea2fa8"
+  integrity sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
+    "@typescript-eslint/types" "5.59.8"
+    "@typescript-eslint/visitor-keys" "5.59.8"
 
-"@typescript-eslint/type-utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.56.0.tgz#e6f004a072f09c42e263dc50e98c70b41a509685"
-  integrity sha512-8WxgOgJjWRy6m4xg9KoSHPzBNZeQbGlQOH7l2QEhQID/+YseaFxg5J/DLwWSsi9Axj4e/cCiKx7PVzOq38tY4A==
+"@typescript-eslint/type-utils@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.8.tgz#aa6c029a9d7706d26bbd25eb4666398781df6ea2"
+  integrity sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.56.0"
-    "@typescript-eslint/utils" "5.56.0"
+    "@typescript-eslint/typescript-estree" "5.59.8"
+    "@typescript-eslint/utils" "5.59.8"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
@@ -1096,10 +1096,10 @@
   resolved "https://registry.npmmirror.com/@typescript-eslint/types/-/types-5.38.1.tgz#74f9d6dcb8dc7c58c51e9fbc6653ded39e2e225c"
   integrity sha512-QTW1iHq1Tffp9lNfbfPm4WJabbvpyaehQ0SrvVK2yfV79SytD9XDVxqiPvdrv2LK7DGSFo91TB2FgWanbJAZXg==
 
-"@typescript-eslint/types@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.56.0.tgz#b03f0bfd6fa2afff4e67c5795930aff398cbd834"
-  integrity sha512-JyAzbTJcIyhuUhogmiu+t79AkdnqgPUEsxMTMc/dCZczGMJQh1MK2wgrju++yMN6AWroVAy2jxyPcPr3SWCq5w==
+"@typescript-eslint/types@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.8.tgz#212e54414733618f5d0fd50b2da2717f630aebf8"
+  integrity sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==
 
 "@typescript-eslint/typescript-estree@5.38.1":
   version "5.38.1"
@@ -1114,30 +1114,30 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/typescript-estree@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.56.0.tgz#48342aa2344649a03321e74cab9ccecb9af086c3"
-  integrity sha512-41CH/GncsLXOJi0jb74SnC7jVPWeVJ0pxQj8bOjH1h2O26jXN3YHKDT1ejkVz5YeTEQPeLCCRY0U2r68tfNOcg==
+"@typescript-eslint/typescript-estree@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.8.tgz#801a7b1766481629481b3b0878148bd7a1f345d7"
+  integrity sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/visitor-keys" "5.56.0"
+    "@typescript-eslint/types" "5.59.8"
+    "@typescript-eslint/visitor-keys" "5.59.8"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.56.0.tgz#db64705409b9a15546053fb4deb2888b37df1f41"
-  integrity sha512-XhZDVdLnUJNtbzaJeDSCIYaM+Tgr59gZGbFuELgF7m0IY03PlciidS7UQNKLE0+WpUTn1GlycEr6Ivb/afjbhA==
+"@typescript-eslint/utils@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.8.tgz#34d129f35a2134c67fdaf024941e8f96050dca2b"
+  integrity sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.56.0"
-    "@typescript-eslint/types" "5.56.0"
-    "@typescript-eslint/typescript-estree" "5.56.0"
+    "@typescript-eslint/scope-manager" "5.59.8"
+    "@typescript-eslint/types" "5.59.8"
+    "@typescript-eslint/typescript-estree" "5.59.8"
     eslint-scope "^5.1.1"
     semver "^7.3.7"
 
@@ -1149,12 +1149,12 @@
     "@typescript-eslint/types" "5.38.1"
     eslint-visitor-keys "^3.3.0"
 
-"@typescript-eslint/visitor-keys@5.56.0":
-  version "5.56.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.56.0.tgz#f19eb297d972417eb13cb69b35b3213e13cc214f"
-  integrity sha512-1mFdED7u5bZpX6Xxf5N9U2c18sb+8EvU3tyOIj6LQZ5OOvnmj8BVeNNP603OFPm5KkS1a7IvCIcwrdHXaEMG/Q==
+"@typescript-eslint/visitor-keys@5.59.8":
+  version "5.59.8"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.8.tgz#aa6a7ef862add919401470c09e1609392ef3cc40"
+  integrity sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==
   dependencies:
-    "@typescript-eslint/types" "5.56.0"
+    "@typescript-eslint/types" "5.59.8"
     eslint-visitor-keys "^3.3.0"
 
 "@vitejs/plugin-react@2.2.0":
@@ -2064,10 +2064,10 @@ eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"
-  integrity sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==
+eslint-scope@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.0.tgz#f21ebdafda02352f103634b96dd47d9f81ca117b"
+  integrity sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
@@ -2077,15 +2077,20 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@8.36.0:
-  version "8.36.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.36.0.tgz#1bd72202200a5492f91803b113fb8a83b11285cf"
-  integrity sha512-Y956lmS7vDqomxlaaQAHVmeb4tNMp2FWIvU/RnU5BD3IKMD/MJPr76xdyr68P8tV1iNMvN2mRK0yy3c+UjL+bw==
+eslint-visitor-keys@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz#c22c48f48942d08ca824cc526211ae400478a994"
+  integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
+
+eslint@^8.36.0:
+  version "8.41.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.41.0.tgz#3062ca73363b4714b16dbc1e60f035e6134b6f1c"
+  integrity sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.0.1"
-    "@eslint/js" "8.36.0"
+    "@eslint/eslintrc" "^2.0.3"
+    "@eslint/js" "8.41.0"
     "@humanwhocodes/config-array" "^0.11.8"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
@@ -2095,9 +2100,9 @@ eslint@8.36.0:
     debug "^4.3.2"
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.1.1"
-    eslint-visitor-keys "^3.3.0"
-    espree "^9.5.0"
+    eslint-scope "^7.2.0"
+    eslint-visitor-keys "^3.4.1"
+    espree "^9.5.2"
     esquery "^1.4.2"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -2105,13 +2110,12 @@ eslint@8.36.0:
     find-up "^5.0.0"
     glob-parent "^6.0.2"
     globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
+    graphemer "^1.4.0"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
     is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
@@ -2123,14 +2127,14 @@ eslint@8.36.0:
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
 
-espree@^9.5.0:
-  version "9.5.0"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.0.tgz#3646d4e3f58907464edba852fa047e6a27bdf113"
-  integrity sha512-JPbJGhKc47++oo4JkEoTe2wjy4fmMwvFpgJT9cQzmfXKp22Dr6Hf1tdCteLz1h0P3t+mGvWZ+4Uankvh8+c6zw==
+espree@^9.5.2:
+  version "9.5.2"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.5.2.tgz#e994e7dc33a082a7a82dceaf12883a829353215b"
+  integrity sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==
   dependencies:
     acorn "^8.8.0"
     acorn-jsx "^5.3.2"
-    eslint-visitor-keys "^3.3.0"
+    eslint-visitor-keys "^3.4.1"
 
 esprima@^4.0.0, esprima@^4.0.1:
   version "4.0.1"
@@ -2456,6 +2460,11 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.npmmirror.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 has-bigints@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
@@ -3178,11 +3187,6 @@ jest@29.0.3:
     import-local "^3.0.2"
     jest-cli "^29.0.3"
 
-js-sdsl@^4.1.4:
-  version "4.1.4"
-  resolved "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.1.4.tgz#78793c90f80e8430b7d8dc94515b6c77d98a26a6"
-  integrity sha512-Y2/yD55y5jteOAmY50JbUZYwk3CP3wnLPEZnlR1w9oKhITrBEtAxwuWKebFf8hMrPMgbYwFoWK/lH2sBkErELw==
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -3261,7 +3265,7 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-json5@^2.2.1, json5@^2.2.2:
+json5@^2.2.2, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
@@ -4382,15 +4386,15 @@ tr46@^3.0.0:
   dependencies:
     punycode "^2.1.1"
 
-ts-jest@29.0.2:
-  version "29.0.2"
-  resolved "https://registry.npmmirror.com/ts-jest/-/ts-jest-29.0.2.tgz#0c45a1ac45d14f8b3bf89bca9048a2840c7bd5ad"
-  integrity sha512-P03IUItnAjG6RkJXtjjD5pu0TryQFOwcb1YKmW63rO19V0UFqL3wiXZrmR5D7qYjI98btzIOAcYafLZ0GHAcQg==
+ts-jest@^29.0.2:
+  version "29.1.0"
+  resolved "https://registry.yarnpkg.com/ts-jest/-/ts-jest-29.1.0.tgz#4a9db4104a49b76d2b368ea775b6c9535c603891"
+  integrity sha512-ZhNr7Z4PcYa+JjMl62ir+zPiNJfXJN6E8hSLnaUKhOgqcn8vb3e537cpkd0FuAfRK3sR1LSqM1MOhliXNgOFPA==
   dependencies:
     bs-logger "0.x"
     fast-json-stable-stringify "2.x"
     jest-util "^29.0.0"
-    json5 "^2.2.1"
+    json5 "^2.2.3"
     lodash.memoize "4.x"
     make-error "1.x"
     semver "7.x"