From e03064772042d21b1c3e10e274066afded22c659 Mon Sep 17 00:00:00 2001
From: kunkka <hawtimzhang@gmail.com>
Date: Tue, 3 Nov 2020 23:34:43 +0800
Subject: [PATCH] feat: update electron app with touchbar and menu.

---
 .npmrc                                 |   6 +-
 package.json                           |   3 +-
 public/img/icons/touchbar/like.png     | Bin 0 -> 1411 bytes
 public/img/icons/touchbar/liked.png    | Bin 0 -> 1100 bytes
 public/img/icons/touchbar/next.png     | Bin 0 -> 1005 bytes
 public/img/icons/touchbar/play.png     | Bin 0 -> 1117 bytes
 public/img/icons/touchbar/previous.png | Bin 0 -> 1021 bytes
 public/img/icons/touchbar/repeat.png   | Bin 0 -> 1506 bytes
 public/img/icons/touchbar/search.png   | Bin 0 -> 1645 bytes
 public/img/icons/touchbar/search2.png  | Bin 0 -> 1781 bytes
 public/img/icons/touchbar/shuffle.png  | Bin 0 -> 1410 bytes
 src/App.vue                            |  35 ++--
 src/background.js                      |  75 +++++----
 src/components/Navbar.vue              |   1 +
 src/components/Player.vue              |  14 +-
 src/electron/bounced.js                |   6 +
 src/electron/menu.js                   |   4 +-
 src/electron/setIcon.js                |   3 +
 src/electron/touchbar.js               | 223 ++++++++++++++-----------
 src/electron/touchbar1.js              | 104 ++++++++++++
 src/electron/tray.js                   |  14 +-
 src/store/actions.js                   |  12 +-
 src/store/index.js                     |  34 ++--
 src/store/mutations.js                 |   1 +
 src/store/plugins/broadcast.js         |  17 ++
 src/store/plugins/localStorage.js      |   8 +
 src/utils/db.js                        |  25 +--
 vue.config.js                          |   5 +-
 yarn.lock                              | 106 +-----------
 29 files changed, 394 insertions(+), 302 deletions(-)
 create mode 100644 public/img/icons/touchbar/like.png
 create mode 100644 public/img/icons/touchbar/liked.png
 create mode 100644 public/img/icons/touchbar/next.png
 create mode 100644 public/img/icons/touchbar/play.png
 create mode 100644 public/img/icons/touchbar/previous.png
 create mode 100644 public/img/icons/touchbar/repeat.png
 create mode 100644 public/img/icons/touchbar/search.png
 create mode 100644 public/img/icons/touchbar/search2.png
 create mode 100644 public/img/icons/touchbar/shuffle.png
 create mode 100644 src/electron/bounced.js
 create mode 100644 src/electron/setIcon.js
 create mode 100644 src/electron/touchbar1.js
 create mode 100644 src/store/plugins/broadcast.js
 create mode 100644 src/store/plugins/localStorage.js

diff --git a/.npmrc b/.npmrc
index c154130..adcf848 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,4 +1,4 @@
 # 如果发现 npm / yarn 安装太慢，可以解除注释
-registry=https://registry.npm.taobao.org/
-ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron
-phantomjs_cdnurl=https://npm.taobao.org/dist/phantomjs
\ No newline at end of file
+# registry=https://registry.npm.taobao.org/
+# ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron
+# phantomjs_cdnurl=https://npm.taobao.org/dist/phantomjs
\ No newline at end of file
diff --git a/package.json b/package.json
index 19d6db2..4ff9e94 100644
--- a/package.json
+++ b/package.json
@@ -56,8 +56,7 @@
     "vue-i18n": "^8.22.0",
     "vue-router": "^3.4.3",
     "vue-slider-component": "^3.2.5",
-    "vuex": "^3.4.0",
-    "vuex-electron": "^1.0.3"
+    "vuex": "^3.4.0"
   },
   "devDependencies": {
     "@sentry/browser": "^5.27.0",
diff --git a/public/img/icons/touchbar/like.png b/public/img/icons/touchbar/like.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b0c483966404155d6bf5b85e5c3291e62e2c1f8
GIT binary patch
literal 1411
zcmZ{ke>~H99LGQUfw(esbREu*hdOm^CdK^L)+QxWU2!qPHb2^i*)TM%NROFckNc4u
zqbt9XIU>J9C(a$BhnsAX=+GEKGd0||9{11vai7QI{dqoKpU?aKdj0kJ-1POq?$+9`
z1pwIXg+u#6M0_lmI<#x#S$09#LGd{40YFW*wu-nD(rOGptS1l+7`=gnX(-O`Gyv=a
z0Hj_A;5~GdItu_3a*+iCfVu^MVRS(=-Wj@35AnvLAwp~Ycnb%@u4tS;10wEIo#>5n
zh2l)T&>rU!ByvH&_j!+f-4vf8jkFTj1(?^7{%3<Ha|})lYH)eQrU7UUrg7Ju;y~>u
z7*kE_0Cl-%&cp)7oT-1C9L`?3qbCVNo#B;v+-J<ZV6-x(HCLq0ee3L(Yx$0A!hA+G
z%p|*K>TQCv$r%|=ss@1OwucgF1)o10+EXqN3_rohKCJnjv?ATk`6ejE<-3^yJi}2Y
zHegcuDBDhlBG*xcnSHo>pmBYBQFCi1I$7zSqRa{KZ?g08)@FulYH3B1Nbxc3q>7&G
z7DY|mZ=dfS-rP8)>eZK36M8c<CZ)$@l^2Fzw#&PQwofkvj%*qnGXc@FFlJa+maacB
zxZ}s{n)dAulR8E)Kb#q%eOfFuS@BQfrlxlA44vu81#&o{kzhrut|GNm^4MFh_4n@8
z&5K7W-~_*w#P0keij(HPveI;^6YBY+`0Ni%Rfu!SAB&lfT)!;D2WY5_bxZgKuZXOR
z7)-6h4V@Jg<>~Wri6k+lr2N{oVGC?X58l^TLuWa8L$|qxD4J8qSNRuweW}z_rm_bO
z4I@6P0iU3)x1kT=1e+uy(9tiLMj0C9?YSR#Krzi9Rd#j`>(vHUbGhuLj!TPouvV6N
zf7(t=mnNc(Tx62QWpP!}LTTyaxlLtELk#zKi@Q0VtoR2tbb`|3_;F;;)z7YM#!)Xd
z1-r1hN>!o~&*#sVpDoMlzPSK2H49v+<8COK*oNosJ|UO>@}VThQ|KaCUA7!oliCeN
zlPP14->Vn7oxQrWVQ=qMZ8WClnIW(L83v^s`nykXE_dsxz|=H&=^$6nDVX_JYkRY#
z0xllnC7R*P(lVFJ94uKKt96N6KODBX?6uSCZch5T`i>oB^8F_>4XT^^uk7&s&u>K)
z&5PYo`-9dd&CdrA#9IQKD_wZ&Mbnhz*JW|iRC?2RNOsv#y=~x9Tcpoyk4_}xLDY8r
zk&5DCA7Pj=p*?-1;wR~x?AaNZ`)b~G;TLnq2%|UF#bQ4Sx$oV(wHEKa!1p|+u+aWs
za~;}+(Out(nHwdlR_mICHMVVR8ETR9Ep|k#kQnRIyPo#HnF^fQ;Fy6_1xqH26fb5Z
zSX{XxlnhQtW@aBF$93Ok!uOUZEfLM5jC1>xuX$1VolI<(U632?VO^u5YX0sR)ItcF
zj;X2=rPOB0voa{Hn<+zS+M*P%!q|AU^He)$CdSxUloGvXw<AZm-#&Yg7t}z*S5{WI
zxC}Qn;ilApA-q}S#OP|Vn5=yy;tWhS5A^9TW_{h606I#%MRO8Hbk|XP{L3~TMfLi1
zP}04cEps!oBS$oq-EZDAX>BY%y*$>DM(}^7NES-5CzR6D8*bp=mkOcRgaZy`>=a=f
zb3gt~mT{Piabd(b5-K#71OXrsNQAYmtu+F94v9n|ZBa<%VT1z;f%xh$$@)J7RC-th
zIr0AoXsoeZXyDYx1O|(O3L!E`*38%lK#sUfLc!tia5|L)Cx%fYXz++oI?b9)r^UhJ
tsL`JkfgOS*AxKnYEQ<`cB~Y1+h)@Sd8_4J&-z^LB1zs2*w8%4<`wtIRjtu|+

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/liked.png b/public/img/icons/touchbar/liked.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b46ab5a5af37c4717b4d327ef5e5296d3551f17
GIT binary patch
literal 1100
zcmeAS@N?(olHy`uVBq!ia0vp^1|TfJ1|-=hsU87REa{HEjtmSN`?>!lvI6;x#X;^)
z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R{01Y44~
zy9<y8f}hU2>wy$!fk$L9koEv$x0Bg+3=B*!JzX3_DsH`<W$mr)C~`bKDOq8Kf|i@g
z$3T`Nep|k9cO>XPTD*Dl*6kl!f3Y6XPtd-V!L@axP>2ajvdd%bj;Y7opGExHeBy5P
z;k~ElKJnS~Is4z7o2u#O|G$}V^QP#bq>T|eV%<lRG_5E7W|HaX=ty~3m1LM<qUAAR
zL4b#cV(Xt@PBq2NKc2XFX)dj){ye9hh4a<BWA9rIcg&tWceBB~vq^v6_^_oou*u2q
zti6;|5iYJ7v}D>ef%|tSsux+l_-9vAB_+l4Z`Sh7!j)p;g6T&0K54Mp+O?fK=Oit?
zv-V3yMXqj1o!qaF56^bgtIlm(x8C{weecQ7e@gbsN<aR#eaFWxk(IlwVm=&n%<M5>
zaP7MC$!Pn1`(wg_fd(AC$9MkK)Gsc+^G{rA!^VTTtkOWm7ccJrxujOK<xO*Q$G2}>
znLUxYQ>VAHXXvzDy>+_#caKA+(E7EGf3x;DdvlkhExRFki|5dk*RK!%`uU<`cgbdt
z<qKtHXK=cl6Rb6M;L?0@L7;qPno#G1#&ye&*Sf?r0|Vw>+`FK&$0`r~cl^wgk^fxp
zVvdy59pzc+4tD2b7i|Ou+Mg2s?0Jkgb;{?aeg5)9?&2Pvy?dVMU5o%~PPt^eW+$Vy
z^_|jLo?5MM-?$vAbtz_kRQTe(f6cyD7S3CDbjl*4nLjjq{MD6_+PXW>_{7r>_apA`
z|BV(@@wo6xtLb)h9(P4##DU(KC#Tq&Zc}4p+h7^KN?d8#rrq3YS3caw%C&p(<Hr|j
z=G~rksi>+;di~1I+uxOXXUte}&TY<o=jiC2wcjF@WgZ_+%!{wR*3sSFWx8*ZbfD|8
z@Gxbe&Q+%W&iBrkW3pJV?_+N6oqa#n2-=y=+b+0L<l4uH9OZY91>SOtiFI5Y_|B@A
z-ObncZ@IFFX3$BMEBm~@^2Er<wcWd4U0h!+eaw3P;?IE}<^2wx2;jJQf@53#@85#g
zuRE__zc4!b##|elC;Re%2@jI~9>wotj136dp?Pn|Jz(lrEpd$~Nl7e8wMs5Z1yT$~
z21W+DhK9NZMj=K<Rz`+aMn>8O7FGrZ^4h7oC>nC}Q!>*kacjscyE_r6!3ShRaap=m
zQettcZfQ{_Lt17|s+GRJenx(7s(xZhZf2f-W^#U>Zd!g`iGE3L0hkwGm1LA^keX{$
jRF<Z17@u2OoSAHCpa(SQ;laKrpt%g5u6{1-oD!M<9mCh%

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/next.png b/public/img/icons/touchbar/next.png
new file mode 100644
index 0000000000000000000000000000000000000000..374ff4ef952f113167322aca460e9624564a8b74
GIT binary patch
literal 1005
zcmeAS@N?(olHy`uVBq!ia0vp^1|TfJ1|-=hsU87REa{HEjtmSN`?>!lvI6;x#X;^)
z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R{01Y44~
zy9<y8f}hU2>wy$!fk$L9koEv$x0Bg+3=B+No-U3d6}R5bwAH9flsNYO`PZ3~c*NM`
zQzx|Qur)hs&OZ1gJHTxUE4SET>pdH9U$GWYbY)ZJYF<C-sLQ4qotJj<hWr1WyTAYP
zZ@Ket=Y0RC8}9%7%Fc7Ow%?1-74uD8q|pUILi#t7`}ZzVN=tjTQuD<zwvr^Ks2H7h
zlV{G%&RX!&q$HCwDpd8Y{%Psxm?!x=cQu)rpZ>K)_^`i~ZtQWL{5LN<nLqyGnmecE
z+0&h0D=UA_SM9g`*4J0}dKahp_V6H~H+v2_y|^P|X!!A=B3D5C`(w+iWmqRLw(-oo
z7WU#O>$1l$G_FWwRwsTeXa3RfcEQie7vId9R;-y)HceNM^MHT4`js-b^6gs|`*db7
zOzYx$aZ75R=;_lOOZLRviVRSaJ76zilu}h?U}5hr@b>McZFNd^j5P~(N$uL+t{^7%
zrY+#s%=t6e5;o?0D=WX4a5?xT@BH~Q*dHw4C|Fh0q>z>tlmFw-6YuFRZB0xszL;!T
z=Xc7puk=9pm#>bW=lXl_I!N#~baaG;FU-$hw|>rI#tJ!;nMd6B-;2{!xBMosZ*MCf
zpHy;>;qTwyIPSIGvF@s8H!%Eoii^$H_unCJ;mdp#H7$Jnvs*l89Qn0t%i{GNkqp+>
z7Zxg>`O?mw>25FhQT4@7Nh>q9x39Xq9_n6v&7h`cXLl?ifx-LC+1@Q{eL6kZZ+!oJ
zGqNTmJG;B;p>F*i=5^~A{{0&fb?)2}+1B30d=-_PW%HgVc6u%~$jj`^eyH2WbmPvS
ze?RWZZduIiefoz5m%Pc24L_bd%snw-=l=57$}S(&S8WlQ<&}86vY?^Rh*MWv`1{E-
zXLxx(Y~J1d@tW9{ZDF_O!xP6M4KI#8%ztLzJT1tYu@0C#RZCnWN>UO_QmvAUQh^kM
zk%5tcuA!l>fl-K&k(H65m64IQfrXWUfxLFAE{cZS{FKbJO57Uq%I;1CYVZNsP+XR7
zm6TYVs#{u=$&i+rlWL`}ub+{ho2s9flAD>QpP8JWr<<0aSE65%TL9+8S0x#x8l>hL
k6_usw8^-6B7H1|~80i5G3W(*K4>Xs-)78&qol`;+01K?03IG5A

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/play.png b/public/img/icons/touchbar/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..4551268993e86d579d35616139681ddd71527d43
GIT binary patch
literal 1117
zcmeAS@N?(olHy`uVBq!ia0vp^1|TfJ1|-=hsU87REa{HEjtmSN`?>!lvI6;x#X;^)
z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R{01Y44~
zy9<y8f}hU2>wy$!fk$L9koEv$x0Bg+3=B-aJY5_^DsH`<ZR?@!DAJn#$o^kLZ-Qb(
zgk%Vlnb1~27nZFPL)IlMUK_i{MO!$BMOsv6i{KWaje#DTZagd^Auik(y(W}sy@>1n
zysV(|qUp(ZD!adD^KI_5E<gA2T$*zjM_Zyqo2JkSmC0vLdEG6okdugw^K)@AvG4!*
z+4$HpPT%E)H7PFTd*?A9)6<_E>tl5C&YhNP*I%#OpVByc>(&d~&2KZ-JpL!=_~q-%
zIRBH3%(rhB8{a$iT-`*@T_H4d*Y)r(2UeUrcZen7=_es6u9tDkW0`hwYv>$QFq!Eh
zz|DPOlhNI&qP*wI9L)Uu4DzFAzxx{fF@im1@p5+$#a5rC0w=y~dDpdN;d16pg%upR
zdDot{`&%hUA3l7cM9Q(JZ&z&NdFB8UQ^)V$1&@3)v)a1u+{>Ak4gZrQcBI9`D0KX*
zTb}lap>D}mQAZV_7d;VcF2su!F>DL?E_hLc$<p3kAU5{ryqU}=I{Wxo3ah%#b+|2T
zwEumQ@ri4xsfn1dipPbEf>w){9(^Zi(cq-mDpHiduxj7rUw_;BnG0Il*k1gyYKn+H
z{mqZ>fM{CU2GidD==g^WcbvF1pWK-7)qwqhR!~%b0mHhYf&|+`j5`ip6Dujd{)>zK
z0mu6F7j8zrxH4r*ke6plZTil4LAK1CLQ{N_5+sZin2idmf8U;8$o}N$arTlz!TCjp
z5_ccd-oae-=oMF%#Eqz+l`-d!$R==aEzi$!*uDF+Y1~2C56b-f0i}YzDqObA<qe`j
zDjE6w%>gGgAB)N~2sm~4uvr;4c4w$CJ&uo?Gw<g9XaP>4lA0cW{jBcFs-oRI^Gh3c
zInJ8h{L$HYS5NqlCCul}Etovn;LkI+a#ybYGN5GF@r_r%d=s1f@m9f`<(+CXQ|{eO
z6ySRumwu6{x#=L&&VTPCH(d?Q@a=u~Rn+#Cq`t(rfAeO4?C-ZY|6swpuTyjkic+8E
zAAA4CL0Y=>di<vc_B$3awdv_P8qa*+79a1dEO_^8m7IjGs(srjgStoD3MLn)+CASt
z5ttoROI#yLQW8s2t&)pUffR$0fsui(p`osUQHYU|m64&9k&(86g_VJUymqQCiiX_$
zl+3hB+#2%A?t*Oa0ohPomTr}lSe&X`T9nC<mYI`krLV7_k)NBYpO})HnWvwboS&zg
zmY-LmUy@q@=EYYf8KoMe<{A~1rRf{S=av>{CR-Tl0SyxWTjCEim%-E3&t;ucLK6U?
CN4~`X

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/previous.png b/public/img/icons/touchbar/previous.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ce133eb6514e311d544d8053c6a651e866f3f95
GIT binary patch
literal 1021
zcmeAS@N?(olHy`uVBq!ia0vp^1|TfJ1|-=hsU87REa{HEjtmSN`?>!lvI6;x#X;^)
z4C~IxyaaL-l0AZa85pY67#JE_7#My5g&JNkFq8sKd6mGxU^Rn*LA+qju0R{01Y44~
zy9<y8f}hU2>wy$!fk$L9koEv$x0Bg+3=B-OJY5_^DsH`<wO`*kP~`agwL%B8HcTuL
zYWA4ib@YUi;mi!5Kipe8R<xeI<=El!D81u?tIxKwB*D!GlMFmAOt0p-fA1jot*W=y
z-)*07t|@-!9k=g$&HYNx`1L_e3LJ3svALsT#s2v`l1A+8E53h!yG#0?mGwez?+=xg
zomIKKx9*;O`}w`JNy-Ts`N{KNS<Tj0Qj(HuyLb1Ze~7%yJ3F>J89V>{eRt|<LG6~U
zj>VQQep_F4UD~8D>15i^%v-%N&tI?3tCqI1yLTgYlIPN?VY?PHZ+*`Cb?SpWpVbG2
zXP;fPYj3OBtsmC}cXK)%uCD&LM2st9?!0H;z6x*TWLQ7rq-RKU^o4zPdGT92-e`01
zzJJw}mzT6PqGi|p3hyUs47~EPu3L9=`!3y4`&ab2I>Y-f-^xttQdw7<n_qZgcJI*}
zmIV)+n^(M<Y-e=n?dqEr#*7&|u3czlT{F$=!VlAXk8ZHMdE@Z>*^ap_t;)g)^|#KS
zE3)R4c4zvr-$JP2@3KwXkH1yPk>PaEbnOy3dwy|5Tw9pdoo!LQ#*8mo{9d#?&s@9p
z+D{uM&*g<z>s-3!&#^pUZ@h6V-RQ#C(iMhx{>^IL%ot%Hn4f<khHtW=VdLul{yYDg
z9@Q|^8AyhQb0lSOtp2vS_)A9&gBZ)lPfaHyVq6rAjd%R|bLQ>(I3?)@d6uGzj#GZe
zj<RlFA9X~Hfm`j-OU|oTM6URqc&)wN-hLzZfhL8H1+7f~7Wpg}bg5WwkR^DV;g3Sc
z@9L1`<O?-&QSV=}op)}Km%sBnQ=%r#&i3!WJ!emH&enHs^HF1#=jY!)pWDjn(YxdW
zy~~1bocL+^<qeOO!GU+{tG)>A+QqeZU)%d$-VA^K?f#AeED)rqFu$cxNkzdUn+cd)
zRZCnWN>UO_QmvAUQh^kMk%5tcuA!l>fl-K&k(H65m64IQfrXWUfxLFAE{cZS{FKbJ
zO57Uq%I;1CYVZNsP+XR7m6TYVs#{u=$&i+rlWL`}ub+{ho2s9flAD>QpP8JWr<<0a
zSE65%TL9+8S0x#x8l>hL6_usw8^-6B7H1|~80!HI%C%M32b#;^>FVdQ&MBb@0F_~+
A-v9sr

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/repeat.png b/public/img/icons/touchbar/repeat.png
new file mode 100644
index 0000000000000000000000000000000000000000..29e000a75e73dd536a56c6da9f87fef7eb662a6d
GIT binary patch
literal 1506
zcmZ`(dpOf;9RI0V7&<IQ<x-K$%x0X-geF3AnS{=cY%xPNw;3TrRO*pSmo@1SNhsr>
zxg<tNxz#BotT=MZhLdoHbAI~o{Bhpr`M#g$^S;mL^L^jvdEZaEyQ_nO+-^Al02G`Y
z?L0ulY}HRtaNd!l`vL?Ajo?B6fT~Q`Iz<}fQc)fbwm?Pi-WiZ+`#XBL06^S907yy&
zfWN_|q-g+%23=;!0D!*(0EqCs2I66G1A5lk!45=ltQ~D+gCHC3csdG1#~*d9>zp;%
zj_qVe@QfXv&vkM1B<|`It0Pq|8X*l)26EfrCLCi}%#%W2clU2n4e41OM|6WIN)KeD
z_a)ZIph$MtYSItYh7djKF}~BS?j@m^^7dG_Yt80&rX;ysbMY%C`)=EXm7b=l^}a@}
zFcG|!j8T(^Ui{2XWm=NcxZL^zpcsZA^BHMPF_~Ac1Vs?}`R8HE{ll-kbewNjsmaxd
zH1kfRPqWAhMn2)x$=o>|$NnmR{XDDkk3G+%-C}(;La|*>UreYeS+b_Tn};R0@EKLe
zom#WsO-Yf~9NR}rkvCoQT6UfEzHC4pH2zgs5BEYnzgoC|sLXIm5dvcb70B4@FD+3+
znv09|eH$-H6!%sVlOR2PMHutT66=JPWgq!#n_^-8fB{*MshOsse%hCyJ9U#EHosBF
zwrON>IF$H!ll}C8gQG1~3VS{U(P+37(%R}9Ybm#U=*PZ%o6136TgXU;AUQ`_hs-o<
zY*9r}n%QoB*E8G7Mzfa%k4lp-{4>^c?}YkZJ4ssFKA0OsvRY;1K%-GezmUtzY-2_Y
zG`n&pAG$2eEl`HO1P*c4*^A4|X?aOV?{$lTQ3aAmA!)jM+{pM?3PboEA)b6~!3z3#
z$meG&PAOwn6|=Ca>wG&SLln_DQ5mwL@?d*+s02Zf%ha4vH5}Ad+NoJL*FUD2(AnL6
z_)wtmGtV#laiJ~$NIf)yA-rA(myNgT=-e)<ENnITkfZzh{=U)HRE2TTOvK>iCjyU^
zu&K^xH~Xu|Dw|;oNm>1iSMNe(@ywUy>S9QiHlZ=ba-f<lFg0yhmeEi(ij5oIcxV;>
zEO*gjTaHtwp|XzS@zJ<xfi6SU2sd8J>w_e0%${kE;V}$sFGFO9`F%}^tbr}BO0wX_
z4SgJSeKlfBfE1OMwluW9-TacVk<(n0ddhF(NnZ0K#FKXjG}7<+DjnT(pi4lI%-uC_
z8+%qtDhLlccM*lG=CPM_7L2n$fNx+Xc*R`c%wan3id_dU_D6}g`I;h|ucvHbV`#sl
z#I;`Uh(+uKR3xk;@{_pjrM(t~#GzX%D+pe>cUx2zmurb1LcrnS3*+`T-xL4*n_yMH
zARe(8>dUt}dc)|n;?AP1O(~ZSJ^Zx$e3W=BjUIBGcdJ<U>+h<nU+3P#&YXnzCfHm!
zuJX8HcX5TW4~KrgdYg`8&m`&TgO!Ol#8vR5>ykColUCKxlsucv7wfB^!va<(+hLN;
zGtG)mwa__T@BWgSbAZeNI4>`#gLov_*XO12LTw|uMlyS<SDF_1h1S<E%sxPvQ+Z1>
zkd{^}TV7UMs;$-MaEiW~eVdw!@T2Kniaq?>a0MRbm0yJG5s1g`-?M8yCZ+ssevjO2
z20K)K#fHt8A0$hqtEq*vb0m^z375ZaslAvx3w}}sg@%nDQo$0}R3xjWIWS*xYk4J_
z=_M~u7F};2@XXdGz~K#6-SG=`oZAl*NA_ftnUh90)xi`H{0M_KKlrPT#O|z26qrf6
zOnV<@0EJ1#`$tki0I(P=24!M`!eBkISUlDQkHsP}I6MZUg{1yhKo1KD4m|(=0tRa|
z8|-jmt3wovhCfS*qN1WBgMq-{P%0jcMhAt_sc1?7J(z(G_77vA0>c<gG?O0wgZags
o#Zoa;IyRCOh&J(~M@I$w<IIdfBcX=G2J{7->|O0DY{@DA0)f?~iU0rr

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/search.png b/public/img/icons/touchbar/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..642805fa4d6050e137fd7e1eb22285cd10edd585
GIT binary patch
literal 1645
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

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/search2.png b/public/img/icons/touchbar/search2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3905ae103639ab1a2a7d0b599df566114fb001e
GIT binary patch
literal 1781
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
StP^WIf#BmISa!gL!oLAU(kzSs

literal 0
HcmV?d00001

diff --git a/public/img/icons/touchbar/shuffle.png b/public/img/icons/touchbar/shuffle.png
new file mode 100644
index 0000000000000000000000000000000000000000..787fc50826d001ff479f894c275d48fe91faf5df
GIT binary patch
literal 1410
zcmZ{ke>Br;9LK-J#2ASzaphNqW<QenCTk_8o1aZmiDAoPezZ|2W;)?)eii9-E94|m
z>lPtPuFEB)%puLVs<k$&$k5Es`>k{TxqsZ}oX_(*@8>!1_viD^^W^&bdg<wy>Hq+s
z=S}nogoyc31~6#Xx@_A4LE{v`hX4SN3gAm*O-QRT0=@PDyjNxukk}ka4D<nj)GYwO
zx(EOZ&=E@p07+1aJRAVPYXD%9aHBcE4Z46u{OaWa5n8JK{0s=%3B(WvMB>l#?2d7V
z+F5ve5J=}nzFzkuk_cv9r<~hE2O|Wa%}Rv^y2@jqLRQ}ZW52W2)+OuLqSo1;tKpfS
zko8yWC#8k38xU**I#OUsWOEUg$8*|D?KW~q%_6WBG5&YY2XJc7@YqE6dB-qn^2$>B
zcuK~ll-_Hem4av|)4ZRsx3scSq<R-_#_q{ee6Vsd3N#<TrR7<W7eKhk`u@EppYd8f
zYjM&0puHxYj>=%MHF6V>YD+6VSBZBkx@~5KJGhKF``LGdp-w3pkoI>KNK*RxN>J&C
z2K&SN68OmA;>6GV6L<P59~;ih&Jir!_Ad99x<=+k&j{l?uWY3pW69;`+YcUa%U2=H
zwt;b0BhPNHQIjbYyzK47!swW~O%~%J`?mVsW=<Fmii?yr_oF&;0uHYib9bbF(v>Tx
zN|k9!gnTCPm8<k#vBV`$^CNf1FPw@7ewtQHbhoigP?^IZx1IJA!Tp)l(D=<DlCcb)
zet05tQWV@YTpN6JZ)+L9iNnWjRLy52$V(Hn!G^}(N<(!JUyyRyySOeSmvLkI$<F$M
zzYKz%j>X|Qu(KpT{n=r(3iS)3x9eUF`_;=AWhTPyo%|&D$lK}>Ey+i;hcmy=er;vw
z`xPqxYKd|6^xDB#HCP_^#ni>uWdWFzyo$onc?*31)O_NQ$`yv(z%h1aGL2HdTw4;%
zN%aS%hi?{$F(=<(zKM3p7M0Zxt6A<Dj;)ILQU9CS;>@C!7R<BCHIg=h%39vH$*4gT
zM2lS$sc&)V(Riy#GX4r-cOCt1r!!_=V67_2n5mMxD9xUF72XLg>dI2gyYvJF)rik-
z@3gb#I{5}PHlewph>@~Aztx)95Jy{TLH#au>&gI?<5t6N{Mgd`qXa(Ogd`Os!;fON
z?MkO<A3M&`{I)3hIy@|x9CaO1EjRvA&f|^7c^(W4d%vQb>K!-6XPCmP!12{fOQrXP
zCJmxSiMVOZzplM0PfvDpcmF49kg9am<$6v|z8PU+WT#BhyZWclR394=W#*uqeY-n9
zeOmp=k=HCk?U%|qhaPH|V8Us{&)15Vru?!%Ud`feCfu%DucoV8{^m;-SENU$W!?fc
zA5<4A(-t>qCns694F&Zk8m=oE<_xrF_s>Ybeu^1GdU8R~K$@-3$3KVsRj}NWg)1Ki
zjq2wwxOFBzEpKo47u!A;-Ea?W)^wckQk58U@lH|5Bahv3qGv)Ar>&d}GoPpH`Ph_i
zaPN_t>nH~B1K9T+8e8fY8jI(WWOw~!tFv}JnXJ0itB-##T<oY3nup&PTGVmjQysYx
zQU~FK$yoX4#^qcjRtGjcl`RYzDw=dnprp0*pEFyKz?n=^()oWM=MUIjZgrb2tLJ1f
zS<s(h%RF$D8AWDNz{oQc2mlU)!=SKO6b47a;XoV~#Niw;E+7VD;XpzC$3TydqES=+
z-w>BPRs<Oi{pi3*J_SaQ85C5~85%&P#Zo{t8XX-^r=ZDEbXpvm78xIhqQ=KD(M)>6
sPZgFLfumq3bljO_DjFL`Ph!v_U3NM`K_4y*6hOIv_W@rI-o9}5KTws4EC2ui

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 1b7873d..c1fa3f8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <Navbar />
+    <Navbar ref="navbar"/>
     <main>
       <keep-alive>
         <router-view v-if="$route.meta.keepAlive"></router-view>
@@ -40,6 +40,7 @@ export default {
   },
   created() {
     if (this.isElectron) {
+      const self = this
       // 添加专有的类名
       document.body.classList.add("is-electron");
       // ipc message channel
@@ -49,38 +50,42 @@ export default {
       // inside this Vue instance, according to what path the main process requires.
       // responds to Menu click() events at the main process and changes the route accordingly.
       ipcRenderer.on("changeRouteTo", (event, path) => {
-        console.log(event);
-        this.$router.push(path);
+        self.$router.push(path);
       });
+      ipcRenderer.on("search", () => {
+        // 触发数据响应
+        self.$refs.navbar.$refs.searchInput.focus()
+        self.$refs.navbar.inputFocus = true
+      })
       ipcRenderer.on("play", () => {
-        this.$refs.player.play();
+        self.$refs.player.play();
       });
       ipcRenderer.on("next", () => {
-        this.$refs.player.next();
+        self.$refs.player.next();
       });
       ipcRenderer.on("previous", () => {
-        this.$refs.player.previous();
+        self.$refs.player.previous();
       });
       ipcRenderer.on("increaseVolume", () => {
-        if (this.$refs.player.volume + 0.1 >= 1) {
-          return (this.$refs.player.volume = 1);
+        if (self.$refs.player.volume + 0.1 >= 1) {
+          return (self.$refs.player.volume = 1);
         }
-        this.$refs.player.volume += 0.1;
+        self.$refs.player.volume += 0.1;
       });
       ipcRenderer.on("decreaseVolume", () => {
-        if (this.$refs.player.volume - 0.1 <= 0) {
-          return (this.$refs.player.volume = 0);
+        if (self.$refs.player.volume - 0.1 <= 0) {
+          return (self.$refs.player.volume = 0);
         }
-        this.$refs.player.volume -= 0.1;
+        self.$refs.player.volume -= 0.1;
       });
       ipcRenderer.on("like", () => {
-        this.$refs.player.likeCurrentSong();
+        self.$refs.player.likeCurrentSong();
       });
       ipcRenderer.on("repeat", () => {
-        this.$refs.player.repeat();
+        self.$refs.player.repeat();
       });
       ipcRenderer.on("shuffle", () => {
-        this.$refs.player.shuffle();
+        self.$refs.player.shuffle();
       });
     }
   },
diff --git a/src/background.js b/src/background.js
index 7f5787f..97d9b55 100644
--- a/src/background.js
+++ b/src/background.js
@@ -1,48 +1,59 @@
 "use strict";
-
-import path from "path";
+const path = require('path')
 // import { autoUpdater } from "electron-updater"
 import {
   app,
   protocol,
   BrowserWindow,
   ipcMain,
-  dialog,
-  globalShortcut,
+  globalShortcut 
 } from "electron";
+
 import { createProtocol } from "vue-cli-plugin-electron-builder/lib";
 import installExtension, { VUEJS_DEVTOOLS } from "electron-devtools-installer";
 
 const isDevelopment = process.env.NODE_ENV !== "production";
+const { createTouchBar } = require("./electron/touchbar");
+const { createMenu } = require("./electron/menu");
+const { setAppBounced } = require("./electron/bounced")
+const { setIcon } = require("./electron/setIcon")
 
 // Keep a global reference of the window object, if you don't, the window will
 // be closed automatically when the JavaScript object is garbage collected.
 let win;
+let touchbar
+
+const iconString = path.join(__static, "img/icons/apple-touch-icon.png");
+
+// Make vuex copy for electron.
+global.vuexCopy = null
+// 同步 vuex 状态，由于 player 有循环引用问题，拷贝部分属性
+ipcMain.on('vuex-state', (e, state) => {
+  global.vuexCopy = state
+})
+ipcMain.on("close", () => {
+  win.close();
+  app.quit(); 
+});
+ipcMain.on("minimize", () => {
+  win.minimize();
+});
 
 // Scheme must be registered before the app is ready
 protocol.registerSchemesAsPrivileged([
   { scheme: "app", privileges: { secure: true, standard: true } },
 ]);
-const iconString = path.join(__static, "img/icons/apple-touch-icon.png");
 
-let bounceId = app.dock.bounce();
-app.dock.setIcon(iconString);
+setAppBounced(app)
+setIcon(app, iconString)
 
 function createWindow() {
-  const touchbar = require("./electron/touchbar.js");
   const tray = require("./electron/tray.js");
-  const createMenu = require("./electron/menu.js");
-  tray.on("click", function () {
-    if (win.isVisible()) {
-      win.hide();
-    } else {
-      win.show();
-    }
-  });
   win = new BrowserWindow({
     width: 1440,
     height: 768,
     icon: iconString,
+    backgroundColor: '#2e2c29',
     titleBarStyle: "default",
     webPreferences: {
       webSecurity: false,
@@ -51,15 +62,13 @@ function createWindow() {
     preload: path.join(__dirname, "./electron/preload.js"),
   });
 
-  try {
-    createMenu(win);
-    win.setTouchBar(touchbar);
-    win.setAutoHideCursor(true);
-    app.dock.cancelBounce(bounceId);
-    // autoUpdater.checkForUpdatesAndNotify()
-  } catch (error) {
-    console.log(error);
-  }
+  tray.on("click", () => {
+    if (win && win.isVisible()) {
+      win.hide();
+    } else {
+      win.show();
+    }
+  });
 
   if (process.env.WEBPACK_DEV_SERVER_URL) {
     // Load the url of the dev server if in development mode
@@ -74,6 +83,7 @@ function createWindow() {
   win.on("closed", () => {
     win = null;
   });
+  return win
 }
 
 // Quit when all windows are closed.
@@ -112,14 +122,13 @@ app.on("ready", async () => {
     win.webContents.openDevTools();
   });
   createWindow();
-});
-
-ipcMain.on("close", () => {
-  win.close();
-  app.quit();
-});
-ipcMain.on("minimize", () => {
-  win.minimize();
+  win.once("ready-to-show", () => {
+    win.show()
+  })
+  createMenu(win);
+  touchbar = createTouchBar(win)
+  win.setTouchBar(touchbar);
+  // autoUpdater.checkForUpdatesAndNotify()
 });
 
 // autoUpdater.on("checking-for-update", () => {});
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index 89e42b9..939141e 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -35,6 +35,7 @@
           <svg-icon icon-class="search" />
           <div class="input">
             <input
+              ref="searchInput"
               :placeholder="inputFocus ? '' : $t('nav.search')"
               v-model="keywords"
               @keydown.enter="goToSearchPage"
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 34f8130..7f70db9 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -18,7 +18,7 @@
     <div class="controls">
       <div class="playing">
         <img
-          :src="currentTrack.al.picUrl | resizeImage(224)"
+          :src="currentTrack.al && currentTrack.al.picUrl | resizeImage(224)"
           @click="goToAlbum"
         />
         <div class="track-info">
@@ -141,9 +141,12 @@ export default {
       oldVolume: 0.5,
     };
   },
-  created() {
+  mounted() {
     setInterval(() => {
-      this.progress = ~~this.howler.seek();
+      // fix 歌曲播放完还设置进度的问题，及 _id 不存在的问题
+      if (this.howler && this.howler._sounds[0]._id) {
+        this.progress = ~~this.howler.seek();
+      }
     }, 1000);
     if (isAccountLoggedIn()) {
       userLikedSongsIDs(this.data.user.userId).then((data) => {
@@ -167,9 +170,12 @@ export default {
     },
     playing() {
       if (this.howler.state() === "loading") {
+        this.updatePlayerState({ key: "playing", value: true });
         return true;
       }
-      return this.howler.playing();
+      const status = this.howler.playing()
+      this.updatePlayerState({ key: "playing", value: status });
+      return status
     },
     progressMax() {
       let max = ~~(this.currentTrack.dt / 1000);
diff --git a/src/electron/bounced.js b/src/electron/bounced.js
new file mode 100644
index 0000000..f004b39
--- /dev/null
+++ b/src/electron/bounced.js
@@ -0,0 +1,6 @@
+export function setAppBounced(app) {
+  let bounceId = app.dock.bounce();
+  app.on('ready', () => {
+    app.dock.cancelBounce(bounceId);
+  })
+};
diff --git a/src/electron/menu.js b/src/electron/menu.js
index 2eb3b7d..a95079a 100644
--- a/src/electron/menu.js
+++ b/src/electron/menu.js
@@ -4,7 +4,7 @@ const { app, Menu } = require("electron");
 
 const isMac = process.platform === "darwin";
 
-function createMenu(win) {
+export function createMenu(win) {
   let menu = null;
   const template = [
     ...(isMac
@@ -196,5 +196,3 @@ function createMenu(win) {
   menu = Menu.buildFromTemplate(template);
   Menu.setApplicationMenu(menu);
 }
-
-module.exports = createMenu;
diff --git a/src/electron/setIcon.js b/src/electron/setIcon.js
new file mode 100644
index 0000000..8657c6a
--- /dev/null
+++ b/src/electron/setIcon.js
@@ -0,0 +1,3 @@
+export function setIcon(app, iconString) {
+  app.dock.setIcon(iconString);
+}
\ No newline at end of file
diff --git a/src/electron/touchbar.js b/src/electron/touchbar.js
index 752b000..ea0a753 100644
--- a/src/electron/touchbar.js
+++ b/src/electron/touchbar.js
@@ -1,104 +1,131 @@
-// 运用 ipdMain 请求用户喜欢的歌手的数据，随机抽几个歌手进行随机
-const { TouchBar } = require("electron");
+const { TouchBar, nativeImage, ipcMain } = require("electron");
+const path = require("path");
 
-const { TouchBarLabel, TouchBarButton, TouchBarSpacer } = TouchBar;
+const {
+  TouchBarButton,
+  TouchBarGroup,
+  TouchBarSpacer,
+  TouchBarSegmentedControl,
+} = TouchBar;
 
-let spinning = false;
+function getNativeIcon(name, width = 24, height = 24) {
+  return nativeImage
+    .createFromPath(path.join(__static, "img/icons/touchbar/", name))
+    .resize({
+      width,
+      height,
+    });
+}
 
-// Reel labels
-const reel1 = new TouchBarLabel();
-const reel2 = new TouchBarLabel();
-const reel3 = new TouchBarLabel();
-
-// Spin result label
-const result = new TouchBarLabel();
-
-// Spin button
-const spin = new TouchBarButton({
-  label: "🎰 Spin",
-  backgroundColor: "#7851A9",
-  click: () => {
-    // Ignore clicks if already spinning
-    if (spinning) {
-      return;
-    }
-
-    spinning = true;
-    result.label = "";
-
-    let timeout = 10;
-    const spinLength = 4 * 1000; // 4 seconds
-    const startTime = Date.now();
-
-    const spinReels = () => {
-      updateReels();
-
-      if (Date.now() - startTime >= spinLength) {
-        finishSpin();
-      } else {
-        // Slow down a bit on each spin
-        timeout *= 1.1;
-        setTimeout(spinReels, timeout);
+export function createSegmentedControl(renderer) {
+  const segments = [
+    {
+      icon: getNativeIcon("previous.png"),
+    },
+    {
+      icon: getNativeIcon("play.png", 20, 20),
+    },
+    {
+      icon: getNativeIcon("next.png"),
+    },
+  ];
+  const segmentedControl = new TouchBarSegmentedControl({
+    segments,
+    change: (selectedIndex) => {
+      const temp = Object.assign([], segmentedControl.segments);
+      if (selectedIndex === 0) {
+        renderer.send("previous");
       }
-    };
+      if (selectedIndex === 1) {
+        ipcMain.on("vuex-state", (e, { player }) => {
+          const playing = player.playing;
+          if (playing === true) {
+            // To be paused
+            temp[1].icon = getNativeIcon("play.png", 20, 20);
+            segmentedControl.segments = temp;
+          } else {
+            temp[1].icon = getNativeIcon("play.png", 20, 20);
+            segmentedControl.segments = temp;
+          }
+        });
+        renderer.send("play");
+      }
+      if (selectedIndex === 2) {
+        renderer.send("next");
+      }
+    },
+    mode: "buttons",
+  });
+  return segmentedControl;
+}
 
-    spinReels();
-  },
-});
+export function createPreferGroup(renderer) {
+  const search = new TouchBarButton({
+    icon: getNativeIcon("search.png", 22, 22),
+    click: () => {
+      renderer.send("search");
+    },
+  });
+  const like = new TouchBarButton({
+    icon: getNativeIcon("like.png"),
+    click: () => {
+      ipcMain.on("vuex-state", (e, { liked, player }) => {
+        const currentTrack = player.currentTrack;
+        if (liked.songs.includes(currentTrack.id)) {
+          like.icon = getNativeIcon("liked.png");
+        } else {
+          like.icon = getNativeIcon("like.png");
+        }
+      });
+      renderer.send("like");
+    },
+  });
+  const repeat = new TouchBarButton({
+    icon: getNativeIcon("repeat.png"),
+    click: () => {
+      ipcMain.on("vuex-state", (e, { player }) => {
+        const repeat = player.repeat;
+        if (repeat === "on") {
+          repeat.icon = getNativeIcon("repeat.png");
+        } else if (repeat === "one") {
+          repeat.icon = getNativeIcon("repeat.png");
+        } else {
+          repeat.icon = getNativeIcon("repeat.png");
+        }
+      });
+      renderer.send("repeat");
+    },
+  });
+  const shuffle = new TouchBarButton({
+    icon: getNativeIcon("shuffle.png"),
+    click: () => {
+      ipcMain.on("vuex-state", (e, { player }) => {
+        const shuffle = player.shuffle;
+        if (shuffle === true) {
+          shuffle.icon = getNativeIcon("shuffle.png");
+        } else {
+          shuffle.icon = getNativeIcon("shuffle.png");
+        }
+      });
+      renderer.send("shuffle");
+    },
+  });
+  return new TouchBar({
+    items: [search, like, repeat, shuffle],
+  });
+}
 
-const getRandomValue = () => {
-  const values = ["🍒", "💎", "7️⃣", "🍊", "🔔", "⭐", "🍇", "🍀"];
-  return values[Math.floor(Math.random() * values.length)];
-};
-
-const updateReels = () => {
-  reel1.label = getRandomValue();
-  reel2.label = getRandomValue();
-  reel3.label = getRandomValue();
-};
-
-const finishSpin = () => {
-  const uniqueValues = new Set([reel1.label, reel2.label, reel3.label]).size;
-  if (uniqueValues === 1) {
-    // All 3 values are the same
-    result.label = "💰 Jackpot!";
-    result.textColor = "#FDFF00";
-  } else if (uniqueValues === 2) {
-    // 2 values are the same
-    result.label = "😍 Winner!";
-    result.textColor = "#FDFF00";
-  } else {
-    // No values are the same
-    result.label = "🙁 Spin Again";
-    result.textColor = null;
-  }
-  spinning = false;
-};
-
-const touchBar = new TouchBar({
-  items: [
-    spin,
-    new TouchBarSpacer({ size: "large" }),
-    reel1,
-    new TouchBarSpacer({ size: "small" }),
-    reel2,
-    new TouchBarSpacer({ size: "small" }),
-    reel3,
-    new TouchBarSpacer({ size: "large" }),
-    result,
-  ],
-});
-
-// let window
-
-// app.whenReady().then(() => {
-//   window = new BrowserWindow({
-//     frame: false,
-//     titleBarStyle: 'hiddenInset',
-//     backgroundColor: '#000'
-//   })
-//   window.loadURL('about:blank')
-//   window.setTouchBar(touchBar)
-// })
-
-module.exports = touchBar;
+export function createTouchBar(window) {
+  const renderer = window.webContents;
+  const segmentedControl = createSegmentedControl(renderer);
+  const preferGroup = createPreferGroup(renderer);
+  const touchBar = new TouchBar({
+    items: [
+      new TouchBarGroup({ items: preferGroup }),
+      new TouchBarSpacer({ size: "large" }),
+      segmentedControl,
+      new TouchBarSpacer({ size: "large" }),
+    ],
+  });
+  return touchBar;
+}
diff --git a/src/electron/touchbar1.js b/src/electron/touchbar1.js
new file mode 100644
index 0000000..752b000
--- /dev/null
+++ b/src/electron/touchbar1.js
@@ -0,0 +1,104 @@
+// 运用 ipdMain 请求用户喜欢的歌手的数据，随机抽几个歌手进行随机
+const { TouchBar } = require("electron");
+
+const { TouchBarLabel, TouchBarButton, TouchBarSpacer } = TouchBar;
+
+let spinning = false;
+
+// Reel labels
+const reel1 = new TouchBarLabel();
+const reel2 = new TouchBarLabel();
+const reel3 = new TouchBarLabel();
+
+// Spin result label
+const result = new TouchBarLabel();
+
+// Spin button
+const spin = new TouchBarButton({
+  label: "🎰 Spin",
+  backgroundColor: "#7851A9",
+  click: () => {
+    // Ignore clicks if already spinning
+    if (spinning) {
+      return;
+    }
+
+    spinning = true;
+    result.label = "";
+
+    let timeout = 10;
+    const spinLength = 4 * 1000; // 4 seconds
+    const startTime = Date.now();
+
+    const spinReels = () => {
+      updateReels();
+
+      if (Date.now() - startTime >= spinLength) {
+        finishSpin();
+      } else {
+        // Slow down a bit on each spin
+        timeout *= 1.1;
+        setTimeout(spinReels, timeout);
+      }
+    };
+
+    spinReels();
+  },
+});
+
+const getRandomValue = () => {
+  const values = ["🍒", "💎", "7️⃣", "🍊", "🔔", "⭐", "🍇", "🍀"];
+  return values[Math.floor(Math.random() * values.length)];
+};
+
+const updateReels = () => {
+  reel1.label = getRandomValue();
+  reel2.label = getRandomValue();
+  reel3.label = getRandomValue();
+};
+
+const finishSpin = () => {
+  const uniqueValues = new Set([reel1.label, reel2.label, reel3.label]).size;
+  if (uniqueValues === 1) {
+    // All 3 values are the same
+    result.label = "💰 Jackpot!";
+    result.textColor = "#FDFF00";
+  } else if (uniqueValues === 2) {
+    // 2 values are the same
+    result.label = "😍 Winner!";
+    result.textColor = "#FDFF00";
+  } else {
+    // No values are the same
+    result.label = "🙁 Spin Again";
+    result.textColor = null;
+  }
+  spinning = false;
+};
+
+const touchBar = new TouchBar({
+  items: [
+    spin,
+    new TouchBarSpacer({ size: "large" }),
+    reel1,
+    new TouchBarSpacer({ size: "small" }),
+    reel2,
+    new TouchBarSpacer({ size: "small" }),
+    reel3,
+    new TouchBarSpacer({ size: "large" }),
+    result,
+  ],
+});
+
+// let window
+
+// app.whenReady().then(() => {
+//   window = new BrowserWindow({
+//     frame: false,
+//     titleBarStyle: 'hiddenInset',
+//     backgroundColor: '#000'
+//   })
+//   window.loadURL('about:blank')
+//   window.setTouchBar(touchBar)
+// })
+
+module.exports = touchBar;
diff --git a/src/electron/tray.js b/src/electron/tray.js
index 8ddd536..0d12d0d 100644
--- a/src/electron/tray.js
+++ b/src/electron/tray.js
@@ -1,12 +1,14 @@
 const path = require("path");
-const { Menu, Tray } = require("electron");
+const { nativeImage, Tray } = require("electron");
 
-let tray = null;
+function getNativeIcon(name, width = 24, height = 24) {
+  return nativeImage.createFromPath(path.join(__static, 'img/icons/', name)).resize({
+    width,
+    height,
+  })
+}
 
-const macIcon = path.join(__static, "img/icons/menu.png");
-const winIcon = path.join(__static, "img/icons/icon.ico");
-
-tray = new Tray(macIcon);
+let tray = new Tray(getNativeIcon('menu@88.png', 20, 20));;
 
 // Temporary no need for menu.
 // const contextMenu = Menu.buildFromTemplate([
diff --git a/src/store/actions.js b/src/store/actions.js
index 177c59e..f0b9e73 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -3,7 +3,7 @@ import { getTrackDetail, scrobble } from "@/api/track";
 import { isAccountLoggedIn } from "@/utils/auth";
 // import { updateHttps } from "@/utils/common";
 import localforage from "localforage";
-import { cacheTrack } from "@/utils/db";
+// import { cacheTrack } from "@/utils/db";
 
 export default {
   switchTrack({ state, dispatch, commit }, basicTrack) {
@@ -51,11 +51,13 @@ export default {
         });
         tracks.getItem(`${track.id}`).then((t) => {
           if (t !== null) {
-            commitMP3(URL.createObjectURL(t.mp3));
+            // commitMP3(URL.createObjectURL(t.mp3));
+            commitMP3(t.mp3);
           } else {
-            cacheTrack(`${track.id}`).then((t) => {
-              commitMP3(URL.createObjectURL(t.mp3));
-            });
+            commitMP3(t.mp3);
+            // cacheTrack(`${track.id}`).then((t) => {
+              // commitMP3(URL.createObjectURL(t.mp3));
+            // });
           }
         });
       } else {
diff --git a/src/store/index.js b/src/store/index.js
index 0b89997..d06fe02 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -7,42 +7,43 @@ import initLocalStorage from "./initLocalStorage";
 import { Howl, Howler } from "howler";
 import { changeAppearance } from "@/utils/common";
 import updateApp from "@/utils/updateApp";
-import pack from "../../package.json";
+import pkg from "../../package.json";
+// vuex 自定义插件
+import vuexBroadCast from './plugins/broadcast'
+import saveToLocalStorage from './plugins/localStorage'
 
 if (localStorage.getItem("appVersion") === null) {
   localStorage.setItem("player", JSON.stringify(initLocalStorage.player));
   localStorage.setItem("settings", JSON.stringify(initLocalStorage.settings));
   localStorage.setItem("data", JSON.stringify(initLocalStorage.data));
-  localStorage.setItem("appVersion", pack.version);
+  localStorage.setItem("appVersion", pkg.version);
   window.location.reload();
 }
 
 updateApp();
 
-const saveToLocalStorage = (store) => {
-  store.subscribe((mutation, state) => {
-    // console.log(mutation);
-    localStorage.setItem("player", JSON.stringify(state.player));
-    localStorage.setItem("settings", JSON.stringify(state.settings));
-    localStorage.setItem("data", JSON.stringify(state.data));
-  });
-};
-
 Vue.use(Vuex);
-const store = new Vuex.Store({
-  state: state,
+
+const options = {
+  state,
   mutations,
   actions,
-  plugins: [saveToLocalStorage],
-});
+  plugins: [
+    saveToLocalStorage,
+    vuexBroadCast,
+  ],
+}
+
+const store = new Vuex.Store(options);
 
 store.state.howler = new Howl({
   src: [
     `https://music.163.com/song/media/outer/url?id=${store.state.player.currentTrack.id}`,
   ],
   html5: true,
-  format: ["mp3"],
+  format: ["webm", "mp3"],
 });
+
 Howler.volume(store.state.player.volume);
 
 if ([undefined, null].includes(store.state.settings.lang)) {
@@ -53,6 +54,7 @@ if ([undefined, null].includes(store.state.settings.lang)) {
 }
 
 changeAppearance(store.state.settings.appearance);
+
 window
   .matchMedia("(prefers-color-scheme: dark)")
   .addEventListener("change", () => {
diff --git a/src/store/mutations.js b/src/store/mutations.js
index 407e0e9..e89262c 100644
--- a/src/store/mutations.js
+++ b/src/store/mutations.js
@@ -14,6 +14,7 @@ export default {
       src: [mp3],
       autoplay: true,
       html5: true,
+      format: ["webm", "mp3"],
     });
     state.howler.play();
   },
diff --git a/src/store/plugins/broadcast.js b/src/store/plugins/broadcast.js
new file mode 100644
index 0000000..148356f
--- /dev/null
+++ b/src/store/plugins/broadcast.js
@@ -0,0 +1,17 @@
+// const electron = import('electron')
+const electron = window.require("electron");
+const ipcRenderer = electron.ipcRenderer;
+
+export default store => {
+  // 第一行初始化第一次的状态
+  ipcRenderer.send('vuex-state', store.state)
+  store.subscribe((mutation, { data = '', settings = '', player = {}, contextMenu = {}, liked = {} }) => {
+    const copyState = { data, settings, player, contextMenu, liked }
+    ipcRenderer.send('vuex-state', copyState)
+  })
+  store.subscribe((mutation, state) => {
+    if (mutation.type === 'updateData') {
+      ipcRenderer.send('updateData', state.data)
+    }
+  })
+}
diff --git a/src/store/plugins/localStorage.js b/src/store/plugins/localStorage.js
new file mode 100644
index 0000000..e696d5c
--- /dev/null
+++ b/src/store/plugins/localStorage.js
@@ -0,0 +1,8 @@
+export default (store) => {
+  store.subscribe((mutation, state) => {
+    // console.log(mutation);
+    localStorage.setItem("player", JSON.stringify(state.player));
+    localStorage.setItem("settings", JSON.stringify(state.settings));
+    localStorage.setItem("data", JSON.stringify(state.data));
+  });
+};
\ No newline at end of file
diff --git a/src/utils/db.js b/src/utils/db.js
index 83feeb5..c5d9603 100644
--- a/src/utils/db.js
+++ b/src/utils/db.js
@@ -1,11 +1,11 @@
-import axios from "axios";
+// import axios from "axios";
 import localforage from "localforage";
 import { getMP3 } from "@/api/track";
 
 export function cacheTrack(id) {
-  let tracks = localforage.createInstance({
-    name: "tracks",
-  });
+  // let tracks = localforage.createInstance({
+  //   name: "tracks",
+  // });
 
   // TODO: limit cache songs number
   // tracks.length().then(function (length) {
@@ -18,14 +18,15 @@ export function cacheTrack(id) {
 
   // TODO: cache track details
   return getMP3(id).then((data) => {
-    return axios
-      .get(data.data[0].url.replace(/^http:/, "https:"), {
-        responseType: "blob",
-      })
-      .then((data) => {
-        tracks.setItem(`${id}`, { mp3: data.data });
-        return { mp3: data.data };
-      });
+    // return axios
+    //   .get(data.data[0].url.replace(/^http:/, "https:"), {
+    //     responseType: "blob",
+    //   })
+    //   .then((data) => {
+    //     tracks.setItem(`${id}`, { mp3: data.data });
+    //     return { mp3: data.data };
+    //   });
+    return { mp3: data.data[0].url.replace(/^http:/, "https:")}
   });
 }
 
diff --git a/vue.config.js b/vue.config.js
index 4ec257f..47b591c 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -78,7 +78,7 @@ module.exports = {
         // window 的 icon 头标
         win: {
           publisherName: 'Yes Play Music',
-          icon: 'public/img/icons/512x512.png',
+          icon: 'build/icons/icon.ico',
           publish: [
             "github"
           ],
@@ -89,7 +89,8 @@ module.exports = {
             "AppImage",
             "tar.gz",
             "deb"
-          ]
+          ],
+          icon: "build/icons"
         },
         "dmg": {
           "icon": "build/icons/icon.icns"
diff --git a/yarn.lock b/yarn.lock
index 431874a..5c79c6c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3459,17 +3459,6 @@ concat-stream@^1.5.0, concat-stream@^1.6.2:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
-conf@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.npm.taobao.org/conf/download/conf-2.2.0.tgz#ee282efafc1450b61e205372041ad7d866802d9a"
-  integrity sha1-7igu+vwUULYeIFNyBBrX2GaALZo=
-  dependencies:
-    dot-prop "^4.1.0"
-    env-paths "^1.0.0"
-    make-dir "^1.0.0"
-    pkg-up "^2.0.0"
-    write-file-atomic "^2.3.0"
-
 config-chain@^1.1.11:
   version "1.1.12"
   resolved "https://registry.npm.taobao.org/config-chain/download/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
@@ -3979,11 +3968,6 @@ deepmerge@^1.5.2:
   resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
   integrity sha1-EEmdhohEza1P7ghC34x/bwyVp1M=
 
-deepmerge@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.npm.taobao.org/deepmerge/download/deepmerge-2.2.1.tgz#5d3ff22a01c00f645405a2fbc17d0778a1801170"
-  integrity sha1-XT/yKgHAD2RUBaL7wX0HeKGAEXA=
-
 default-gateway@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npm.taobao.org/default-gateway/download/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
@@ -4227,13 +4211,6 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-dot-prop@^4.1.0:
-  version "4.2.1"
-  resolved "https://registry.npm.taobao.org/dot-prop/download/dot-prop-4.2.1.tgz#45884194a71fc2cda71cbb4bceb3a4dd2f433ba4"
-  integrity sha1-RYhBlKcfws2nHLtLzrOk3S9DO6Q=
-  dependencies:
-    is-obj "^1.0.0"
-
 dot-prop@^5.2.0:
   version "5.3.0"
   resolved "https://registry.npm.taobao.org/dot-prop/download/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
@@ -4414,13 +4391,6 @@ electron-publish@22.9.1:
     lazy-val "^1.0.4"
     mime "^2.4.6"
 
-electron-store@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/electron-store/download/electron-store-2.0.0.tgz#1035cca2a95409d1f54c7466606345852450d64a"
-  integrity sha1-EDXMoqlUCdH1THRmYGNFhSRQ1ko=
-  dependencies:
-    conf "^2.0.0"
-
 electron-to-chromium@^1.3.570:
   version "1.3.570"
   resolved "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.570.tgz#3f5141cc39b4e3892a276b4889980dabf1d29c7f"
@@ -4512,11 +4482,6 @@ entities@^2.0.0:
   resolved "https://registry.npm.taobao.org/entities/download/entities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
   integrity sha1-XEh+V0Krk8Fau12iJ1m4WQ7AO38=
 
-env-paths@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npm.taobao.org/env-paths/download/env-paths-1.0.0.tgz#4168133b42bb05c38a35b1ae4397c8298ab369e0"
-  integrity sha1-QWgTO0K7BcOKNbGuQ5fIKYqzaeA=
-
 env-paths@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/env-paths/download/env-paths-2.2.0.tgz#cdca557dc009152917d6166e2febe1f039685e43"
@@ -5187,13 +5152,6 @@ find-up@^1.0.0:
     path-exists "^2.0.0"
     pinkie-promise "^2.0.0"
 
-find-up@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.npm.taobao.org/find-up/download/find-up-2.1.0.tgz?cache=0&sync_timestamp=1597169842138&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
-  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
-  dependencies:
-    locate-path "^2.0.0"
-
 find-up@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz?cache=0&sync_timestamp=1597169842138&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffind-up%2Fdownload%2Ffind-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
@@ -6410,7 +6368,7 @@ is-number@^7.0.0:
   resolved "https://registry.npm.taobao.org/is-number/download/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss=
 
-is-obj@^1.0.0, is-obj@^1.0.1:
+is-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/is-obj/download/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
@@ -7024,14 +6982,6 @@ localforage@^1.9.0:
   dependencies:
     lie "3.1.1"
 
-locate-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
-  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
-  dependencies:
-    p-locate "^2.0.0"
-    path-exists "^3.0.0"
-
 locate-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
@@ -7168,13 +7118,6 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-make-dir@^1.0.0:
-  version "1.3.0"
-  resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
-  integrity sha1-ecEDO4BRW9bSTsmTPoYMp17ifww=
-  dependencies:
-    pify "^3.0.0"
-
 make-dir@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/make-dir/download/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
@@ -7963,13 +7906,6 @@ p-finally@^2.0.0:
   resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-2.0.1.tgz#bd6fcaa9c559a096b680806f4d657b3f0f240561"
   integrity sha1-vW/KqcVZoJa2gIBvTWV7Pw8kBWE=
 
-p-limit@^1.1.0:
-  version "1.3.0"
-  resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
-  integrity sha1-uGvV8MJWkJEcdZD8v8IBDVSzzLg=
-  dependencies:
-    p-try "^1.0.0"
-
 p-limit@^2.0.0, p-limit@^2.2.0, p-limit@^2.2.1, p-limit@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz?cache=0&sync_timestamp=1594559734248&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fp-limit%2Fdownload%2Fp-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
@@ -7984,13 +7920,6 @@ p-limit@^3.0.2:
   dependencies:
     p-try "^2.0.0"
 
-p-locate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
-  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
-  dependencies:
-    p-limit "^1.1.0"
-
 p-locate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@@ -8036,11 +7965,6 @@ p-retry@^3.0.1:
   dependencies:
     retry "^0.12.0"
 
-p-try@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.npm.taobao.org/p-try/download/p-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
-  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
-
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -8368,13 +8292,6 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
-pkg-up@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npm.taobao.org/pkg-up/download/pkg-up-2.0.0.tgz?cache=0&sync_timestamp=1589682752621&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpkg-up%2Fdownload%2Fpkg-up-2.0.0.tgz#c819ac728059a461cab1c3889a2be3c49a004d7f"
-  integrity sha1-yBmscoBZpGHKscOImivjxJoATX8=
-  dependencies:
-    find-up "^2.1.0"
-
 please-upgrade-node@^3.2.0:
   version "3.2.0"
   resolved "https://registry.npm.taobao.org/please-upgrade-node/download/please-upgrade-node-3.2.0.tgz#aeddd3f994c933e4ad98b99d9a556efa0e2fe942"
@@ -11180,14 +11097,6 @@ vue@^2.6.11:
   resolved "https://registry.npm.taobao.org/vue/download/vue-2.6.12.tgz?cache=0&sync_timestamp=1600443052956&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue%2Fdownload%2Fvue-2.6.12.tgz#f5ebd4fa6bd2869403e29a896aed4904456c9123"
   integrity sha1-9evU+mvShpQD4pqJau1JBEVskSM=
 
-vuex-electron@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.npm.taobao.org/vuex-electron/download/vuex-electron-1.0.3.tgz#c8ce0fd06ed9d3beb8881bce39bf76c9fcdc5611"
-  integrity sha1-yM4P0G7Z0764iBvOOb92yfzcVhE=
-  dependencies:
-    deepmerge "^2.1.1"
-    electron-store "^2.0.0"
-
 vuex@^3.4.0:
   version "3.5.1"
   resolved "https://registry.npm.taobao.org/vuex/download/vuex-3.5.1.tgz#f1b8dcea649bc25254cf4f4358081dbf5da18b3d"
@@ -11598,19 +11507,10 @@ wrappy@1:
   resolved "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-write-file-atomic@^2.3.0:
-  version "2.4.3"
-  resolved "https://registry.npm.taobao.org/write-file-atomic/download/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha1-H9Lprh3z51uNjDZ0Q8aS1MqB9IE=
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^3.0.0:
   version "3.0.3"
-  resolved "https://registry.npm.taobao.org/write-file-atomic/download/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
-  integrity sha1-Vr1cWlxwSBzRnFcb05q5ZaXeVug=
+  resolved "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
+  integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
   dependencies:
     imurmurhash "^0.1.4"
     is-typedarray "^1.0.0"