1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7447],{3513:function(e,t,a){"use strict";var n,l,i=a(75263).default,s=a(64836).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=s(a(56690)),c=s(a(89728)),r=s(a(61655)),d=s(a(26389)),f=s(a(94184)),m=s(a(48555)),x=s(a(18475)),p=i(a(67294)),y=a(31929),u=s(a(46006)),h=s(a(12373)),b=a(84076);function g(){return"undefined"!=typeof window?window:null}(n=l||(l={}))[n.None=0]="None",n[n.Prepare=1]="Prepare";let v=function(e){(0,r.default)(a,e);var t=(0,d.default)(a);function a(){var e;return(0,o.default)(this,a),e=t.apply(this,arguments),e.state={status:l.None,lastAffix:!1,prevTarget:null},e.getOffsetTop=()=>{let{offsetBottom:t,offsetTop:a}=e.props;return void 0===t&&void 0===a?0:a},e.getOffsetBottom=()=>e.props.offsetBottom,e.savePlaceholderNode=t=>{e.placeholderNode=t},e.saveFixedNode=t=>{e.fixedNode=t},e.measure=()=>{let{status:t,lastAffix:a}=e.state,{onChange:n}=e.props,i=e.getTargetFunc();if(t!==l.Prepare||!e.fixedNode||!e.placeholderNode||!i)return;let s=e.getOffsetTop(),o=e.getOffsetBottom(),c=i();if(!c)return;let r={status:l.None},d=(0,b.getTargetRect)(c),f=(0,b.getTargetRect)(e.placeholderNode),m=(0,b.getFixedTop)(f,d,s),x=(0,b.getFixedBottom)(f,d,o);(0!==f.top||0!==f.left||0!==f.width||0!==f.height)&&(void 0!==m?(r.affixStyle={position:"fixed",top:m,width:f.width,height:f.height},r.placeholderStyle={width:f.width,height:f.height}):void 0!==x&&(r.affixStyle={position:"fixed",bottom:x,width:f.width,height:f.height},r.placeholderStyle={width:f.width,height:f.height}),r.lastAffix=!!r.affixStyle,n&&a!==r.lastAffix&&n(r.lastAffix),e.setState(r))},e.prepareMeasure=()=>{e.setState({status:l.Prepare,affixStyle:void 0,placeholderStyle:void 0})},e.updatePosition=(0,u.default)(()=>{e.prepareMeasure()}),e.lazyUpdatePosition=(0,u.default)(()=>{let t=e.getTargetFunc(),{affixStyle:a}=e.state;if(t&&a){let n=e.getOffsetTop(),l=e.getOffsetBottom(),i=t();if(i&&e.placeholderNode){let t=(0,b.getTargetRect)(i),s=(0,b.getTargetRect)(e.placeholderNode),o=(0,b.getFixedTop)(s,t,n),c=(0,b.getFixedBottom)(s,t,l);if(void 0!==o&&a.top===o||void 0!==c&&a.bottom===c)return}}e.prepareMeasure()}),e}return(0,c.default)(a,[{key:"getTargetFunc",value:function(){let{getTargetContainer:e}=this.context,{target:t}=this.props;return void 0!==t?t:null!=e?e:g}},{key:"componentDidMount",value:function(){let e=this.getTargetFunc();e&&(this.timeout=setTimeout(()=>{(0,b.addObserveTarget)(e(),this),this.updatePosition()}))}},{key:"componentDidUpdate",value:function(e){let{prevTarget:t}=this.state,a=this.getTargetFunc(),n=(null==a?void 0:a())||null;t!==n&&((0,b.removeObserveTarget)(this),n&&((0,b.addObserveTarget)(n,this),this.updatePosition()),this.setState({prevTarget:n})),(e.offsetTop!==this.props.offsetTop||e.offsetBottom!==this.props.offsetBottom)&&this.updatePosition(),this.measure()}},{key:"componentWillUnmount",value:function(){this.timeout&&(clearTimeout(this.timeout),this.timeout=null),(0,b.removeObserveTarget)(this),this.updatePosition.cancel(),this.lazyUpdatePosition.cancel()}},{key:"render",value:function(){let{affixStyle:e,placeholderStyle:t}=this.state,{affixPrefixCls:a,rootClassName:n,children:l}=this.props,i=(0,f.default)({[n]:!!e,[a]:!!e}),s=(0,x.default)(this.props,["prefixCls","offsetTop","offsetBottom","target","onChange","affixPrefixCls","rootClassName"]);return p.createElement(m.default,{onResize:this.updatePosition},p.createElement("div",Object.assign({},s,{ref:this.savePlaceholderNode}),e&&p.createElement("div",{style:t,"aria-hidden":"true"}),p.createElement("div",{className:i,ref:this.saveFixedNode,style:e},p.createElement(m.default,{onResize:this.updatePosition},l))))}}]),a}(p.Component);v.contextType=y.ConfigContext;let w=p.forwardRef((e,t)=>{let{prefixCls:a}=e,{getPrefixCls:n}=p.useContext(y.ConfigContext),l=n("affix",a),[i,s]=(0,h.default)(l),o=Object.assign(Object.assign({},e),{affixPrefixCls:l,rootClassName:s});return i(p.createElement(v,Object.assign({},o,{ref:t})))});t.default=w},12373:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(3184);let l=e=>{let{componentCls:t}=e;return{[t]:{position:"fixed",zIndex:e.zIndexPopup}}};
1var i=(0,n.genComponentStyleHook)("Affix",e=>{let t=(0,n.mergeToken)(e,{zIndexPopup:e.zIndexBase+10});return[l(t)]});t.default=i},84076:function(e,t,a){"use strict";var n=a(64836).default;Object.defineProperty(t,"__esModule",{value:!0}),t.addObserveTarget=function(e,t){if(!e)return;let a=s.find(t=>t.target===e);a?a.affixList.push(t):(a={target:e,affixList:[t],eventHandlers:{}},s.push(a),i.forEach(t=>{a.eventHandlers[t]=(0,l.default)(e,t,()=>{a.affixList.forEach(e=>{e.lazyUpdatePosition()})})}))},t.getFixedBottom=function(e,t,a){if(void 0!==a&&t.bottom<e.bottom+a){let e=window.innerHeight-t.bottom;return a+e}},t.getFixedTop=function(e,t,a){if(void 0!==a&&t.top>e.top-a)return a+t.top},t.getObserverEntities=function(){return s},t.getTargetRect=function(e){return e!==window?e.getBoundingClientRect():{top:0,bottom:window.innerHeight}},t.removeObserveTarget=function(e){let t=s.find(t=>{let a=t.affixList.some(t=>t===e);return a&&(t.affixList=t.affixList.filter(t=>t!==e)),a});t&&0===t.affixList.length&&(s=s.filter(e=>e!==t),i.forEach(e=>{let a=t.eventHandlers[e];a&&a.remove&&a.remove()}))};var l=n(a(97596));let i=["resize","scroll","touchstart","touchmove","touchend","pageshow","load"],s=[]},2625:function(e,t,a){"use strict";var n=a(75263).default,l=a(64836).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(a(861)),s=l(a(94184)),o=n(a(67294)),c=l(a(3513)),r=a(31929),d=l(a(38686)),f=l(a(43733));l(a(13594));var m=l(a(59375)),x=l(a(36302)),p=l(a(65245));function y(){return window}function u(e,t){if(!e.getClientRects().length)return 0;let a=e.getBoundingClientRect();return a.width||a.height?t===window?(t=e.ownerDocument.documentElement,a.top-t.clientTop):a.top-t.getBoundingClientRect().top:a.top}let h=/#([\S ]+)$/,b=e=>{var t;let{rootClassName:a,anchorPrefixCls:n,className:l="",style:p,offsetTop:b,affix:g=!0,showInkInFixed:v=!1,children:w,items:F,bounds:j,targetOffset:N,onClick:k,onChange:C,getContainer:_,getCurrentAnchor:E}=e,[S,T]=o.useState([]),[P,O]=o.useState(null),B=o.useRef(P),L=o.useRef(null),z=o.useRef(null),I=o.useRef(!1),{direction:$,getTargetContainer:M}=o.useContext(r.ConfigContext),R=null!==(t=null!=_?_:M)&&void 0!==t?t:y,A=JSON.stringify(S),H=o.useCallback(e=>{S.includes(e)||T(t=>[].concat((0,i.default)(t),[e]))},[A]),U=o.useCallback(e=>{S.includes(e)&&T(t=>t.filter(t=>t!==e))},[A]),Z=()=>{var e;let t=null===(e=L.current)||void 0===e?void 0:e.querySelector(`.${n}-link-title-active`);t&&z.current&&(z.current.style.top=`${t.offsetTop+t.clientHeight/2}px`,z.current.style.height=`${t.clientHeight}px`)},D=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:5,n=[],l=R();if(e.forEach(e=>{let i=h.exec(null==e?void 0:e.toString());if(!i)return;let s=document.getElementById(i[1]);if(s){let i=u(s,l);i<t+a&&n.push({link:e,top:i})}}),n.length){let e=n.reduce((e,t)=>t.top>e.top?t:e);return e.link}return""},W=e=>{if(B.current===e)return;let t="function"==typeof E?E(e):e;O(t),B.current=t,null==C||C(e)},Y=o.useCallback(()=>{if(I.current||"function"==typeof E)return;let e=D(S,void 0!==N?N:b||0,j);W(e)},[A,N,b]),q=o.useCallback(e=>{W(e);let t=R(),a=(0,d.default)(t,!0),n=h.exec(e);if(!n)return;let l=document.getElementById(n[1]);if(!l)return;let i=u(l,t),s=a+i;s-=void 0!==N?N:b||0,I.current=!0,(0,f.default)(s,{getContainer:R,callback(){I.current=!1}})},[N,b]),G=(0,s.default)({[`${n}-ink-ball-visible`]:P},`${n}-ink-ball`),J=(0,s.default)(a,`${n}-wrapper`,{[`${n}-rtl`]:"rtl"===$},l),V=(0,s.default)(n,{[`${n}-fixed`]:!g&&!v}),X=Object.assign({maxHeight:b?`calc(100vh - ${b}px)`:"100vh"},p),K=e=>Array.isArray(e)?e.map(e=>o.createElement(x.default,Object.assign({},e,{key:e.key}),K(e.children))):null,Q=o.createElement("div",{ref:L,className:J,style:X},o.createElement("div",{className:V},o.createElement("div",{className:`${n}-ink`},o.createElement("span",{className:G,ref:z})),"items"in e?K(F):w));o.useEffect(()=>{let e=R();return Y(),null==e||e.addEventListener("scroll",Y),()=>{null==e||e.removeEventListener("scroll",Y)}},[A]),o.useEffect(()=>{"function"==typeof E&&W(E(B.current||""))},[E]),o.useEffect(()=>{Z()},[E,A,P]);let ee=o.useMemo(()=>({registerLink:H,unregisterLink:U,scrollTo:q,activeLink:P,onClick:k}),[P,k,q]);return o.createElement(m.default.Provider,{value:ee},g?o.createElement(c.default,{offsetTop:b,target:R},Q):Q)};t.default=e=>{let{prefixCls:t}=e,{getPrefixCls:a}=o.useContext(r.ConfigContext),n=a("anchor",t),[l,i]=(0,p.default)(n);return l(o.createElement(b,Object.assign({},e,{rootClassName:i,anchorPrefixCls:n})))}},36302:function(e,t,a){"use strict";var n=a(75263).default,l=a(64836).default;
1Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(a(94184)),s=n(a(67294)),o=a(31929),c=l(a(59375));t.default=e=>{let{href:t="#",title:a,prefixCls:n,children:l,className:r,target:d}=e,f=s.useContext(c.default),{registerLink:m,unregisterLink:x,scrollTo:p,onClick:y,activeLink:u}=f||{};s.useEffect(()=>(null==m||m(t),()=>{null==x||x(t)}),[t,m,x]);let{getPrefixCls:h}=s.useContext(o.ConfigContext),b=h("anchor",n),g=(0,i.default)(`${b}-link`,r,{[`${b}-link-active`]:u===t}),v=(0,i.default)(`${b}-link-title`,{[`${b}-link-title-active`]:u===t});return s.createElement("div",{className:g},s.createElement("a",{className:v,href:t,title:"string"==typeof a?a:"",target:d,onClick:e=>{null==y||y(e,{title:a,href:t}),null==p||p(t)}},a),l)}},59375:function(e,t,a){"use strict";var n=a(75263).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(67294));let i=l.createContext(void 0);t.default=i},91075:function(e,t,a){"use strict";var n=a(64836).default;t.Z=void 0;var l=n(a(2625)),i=n(a(36302));let s=l.default;s.Link=i.default,t.Z=s},65245:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(3184),l=a(98078);let i=e=>{let{componentCls:t,holderOffsetBlock:a,motionDurationSlow:n,lineWidthBold:i,colorPrimary:s}=e;return{[`${t}-wrapper`]:{marginBlockStart:-a,paddingBlockStart:a,backgroundColor:"transparent",[t]:Object.assign(Object.assign({},(0,l.resetComponent)(e)),{position:"relative",paddingInlineStart:i,[`${t}-ink`]:{position:"absolute",insetBlockStart:0,insetInlineStart:0,height:"100%","&::before":{position:"relative",display:"block",width:i,height:"100%",margin:"0 auto",backgroundColor:e.colorSplit,content:'" "'}},[`${t}-ink-ball`]:{position:"absolute",left:{_skip_check_:!0,value:0},display:"none",transform:"translateY(-50%)",transition:`top ${n} ease-in-out`,width:i,backgroundColor:s,[`&${t}-ink-ball-visible`]:{display:"inline-block"}},[`${t}-link`]:{paddingBlock:e.anchorPaddingBlock,paddingInline:`${e.anchorPaddingInline}px 0`,"&-title":Object.assign(Object.assign({},l.textEllipsis),{position:"relative",display:"block",marginBlockEnd:e.anchorTitleBlock,color:e.colorText,transition:`all ${e.motionDurationSlow}`,"&:only-child":{marginBlockEnd:0}}),[`&-active > ${t}-link-title`]:{color:e.colorPrimary},[`${t}-link`]:{paddingBlock:e.anchorPaddingBlockSecondary}}}),[`${t}-fixed ${t}-ink ${t}-ink-ball`]:{display:"none"}}}};var s=(0,n.genComponentStyleHook)("Anchor",e=>{let{fontSize:t,fontSizeLG:a,padding:l,paddingXXS:s}=e,o=(0,n.mergeToken)(e,{holderOffsetBlock:s,anchorPaddingBlock:s,anchorPaddingBlockSecondary:s/2,anchorPaddingInline:l,anchorTitleBlock:t/14*3,anchorBallSize:a/2});return[i(o)]});t.default=s},94352:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]/[article]",function(){return a(16133)}])},16133:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return Y},default:function(){return q}});var n=a(20567),l=a(14932),i=a(85893),s=a(11010),o=a(24043),c=a(248),r=a(70655),d=a(36465),f=a.n(d),m=a(91075),x=a(84960),p=a(27484),y=a.n(p),u=a(5152),h=a.n(u),b=a(9008),g=a.n(b),v=a(25675),w=a.n(v),F=a(41664),j=a.n(F),N=a(67294),k=a(4827),C=a.n(k),_=a(8891),E=a.n(_),S=a(70304),T=a.n(S),P=function(){var e,t=(0,o._)((0,N.useState)({}),2),n=t[0],l=t[1],c=(0,o._)((0,N.useState)(!1),2),d=c[0],f=c[1],m=(0,o._)((0,N.useState)(!0),2),x=m[0],p=m[1],y=(e=(0,s._)(function(){return(0,r.Jh)(this,function(e){switch(e.label){case 0:return[4,Promise.resolve().then(a.bind(a,57023))];case 1:return l(e.sent()),[2]}})}),function(){return e.apply(this,arguments)});(0,N.useEffect)(function(){y()},[]),(0,N.useEffect)(function(){var e;if(document.getElementById("aws-chrome-installed"))f(!0),p(!1);else{var t=new MutationObserver(function(e){var t=setTimeout(function(){f(!!document.getElementById("aws-chrome-installed")),p(!1),clearTimeout(t)},500)}),a=document.body;t.observe(a,{childList:!0})}(null===(e=document.getElementsByTagName("next-route-announcer"))||void 0===e?void 0:e.length)>0&&p(!1)},[d,x]);var u="sider.ai",h=function(e,t,a,n){var l="https://".concat(u,"/api/v1/ad/action");return fetch(l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:e,p1:t,p2:a,action:n})})},b="blog",g=(0,i.jsxs)("div",{className:"w-[220px] h-[400px] rounded-[14px] flex flex-col items-center bg-[#001F54] bg-aside-bg bg-contain bg-no-repeat retina:bg-aside-bg-2",style:{boxShadow:"0px 0px 12px rgba(0,0,0,0.12), 0px 12px 12px rgba(0,0,0,0.12)"},children:[(0,i.jsxs)("h3",{className:"".concat(C().className," mt-[20px] mb-0 leading-[20px] text-[22px] font-normal text-white text-center"),style:{textShadow:"0px 1px 1px rgba(0,0,0,0.25)"},children:["AWESOME SCREENSHOT",(0,i.jsx)("br",{}),"& RECORDER"]}),(0,i.jsx)("div",{className:"mt-[20px] mb-[10px] flex justify-center items-center w-[163px] bg-aside-ad-slogan bg-contain",children:(0,i.jsx)("div",{className:"w-[100px] h-[100px] bg-logo bg-contain"})}),(0,i.jsxs)("div",{className:"".concat(E().className," text-white w-[171px]"),children:[(0,i.jsx)("span",{className:"text-[16px] font-bold leading-[19px]",style:{textShadow:"0px 1px 1px rgba(0, 0, 0, 0.25)"},children:"ALL-IN-ONE"}),(0,i.jsxs)("ul",{className:"ml-[12px] mb-[8px] mt-[4px] leading-tight text-[12px] font-normal tracking-wider space-y-[2px]",children:[(0,i.jsxs)("li",{className:"flex items-center space-x-[4px]",children:[(0,i.jsx)("div",{className:"bg-check bg-contain w-[13px] h-[13px]"}),(0,i.jsx)("span",{children:"screen recorder"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[4px]",children:[(0,i.jsx)("div",{className:"bg-check bg-contain w-[13px] h-[13px]"}),(0,i.jsx)("span",{children:"screenshot maker"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[4px]",children:[(0,i.jsx)("div",{className:"bg-check bg-contain w-[13px] h-[13px]"}),(0,i.jsx)("span",{children:"video editor"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[4px]",children:[(0,i.jsx)("div",{className:"bg-check bg-contain w-[13px] h-[13px]"}),(0,i.jsx)("span",{children:"cloud storage"})]})]}),(0,i.jsxs)("div",{className:"ml-[12px] flex items-center",children:[(0,i.jsx)("div",{className:"bg-thumbs-up w-[18px] h-[18px] bg-contain mr-[2px]"}),(0,i.jsx)("div",{className:"bg-aside-star w-[21px] h-[20px] bg-contain"}),(0,i.jsx)("div",{className:"bg-aside-star w-[21px] h-[20px] bg-contain"}),(0,i.jsx)("div",{className:"bg-aside-star w-[21px] h-[20px] bg-contain"}),(0,i.jsx)("div",{className:"bg-aside-star w-[21px] h-[20px] bg-contain"}),(0,i.jsx)("div",{className:"bg-aside-star-half w-[21px] h-[20px] bg-contain"}),(0,i.jsx)("span",{className:"text-[14px] font-bold",style:{background:"linear-gradient(180deg, #9ABFFF 0%, #4CFFE8 100%)",WebkitBackgroun
1dClip:"text",WebkitTextFillColor:"transparent"},children:"4.7"})]}),(0,i.jsxs)("div",{className:"ml-[12px] mt-[4px] text-white text-[14px]",children:["3,000,000+ ",(0,i.jsx)("span",{className:" italic",children:"users"})]})]}),(0,i.jsxs)("button",{type:"button",className:"".concat(T().className," mt-[8px] w-[150px] py-[8px] text-white font-bold bg-[#578FFF] rounded-lg hover:bg-[#70a4ff] active:bg-[#508ffc]"),onClick:function(){n.gTag&&n.gTag("event","install ext from blog page",{event_category:"blog",event_label:"sidebar"}),n.openStore&&n.openStore()},children:["Add To"," ",n.isEdgeBrowser&&n.isEdgeBrowser()?"Edge":"Chrome"]})]}),v=(0,i.jsxs)("div",{className:"w-[220px] h-[400px] rounded-[14px] flex flex-col items-center bg-sider-ad-bg font-sider-font",style:{boxShadow:"0px 0px 12px rgba(0,0,0,0.12), 0px 12px 12px rgba(0,0,0,0.12)"},children:[(0,i.jsx)("h3",{className:"mt-[16px] mb-[4px] leading-[20px] text-[20px] font-bold text-white text-center",children:"Sider"}),(0,i.jsx)("h3",{className:"leading-[20px] mb-0 text-[20px] text-transparent bg-clip-text bg-ad-text-bg font-normal text-center",children:"Free ChatGPT Sidebar"}),(0,i.jsx)("div",{className:"mt-[20px] mb-[20px] flex justify-center items-center w-[163px] bg-aside-ad-slogan bg-contain",children:(0,i.jsx)("div",{className:"w-[66px] h-[66px] bg-sider-logo bg-contain"})}),(0,i.jsxs)("div",{className:"text-white w-[180px]",children:[(0,i.jsx)("span",{className:"text-[16px] font-medium leading-[18px]",children:"Copilot by GPT4"}),(0,i.jsxs)("ul",{className:"ml-[8px] mb-[12px] mt-[6px] leading-[16px] text-[12px] font-normal",children:[(0,i.jsxs)("li",{className:"flex items-center space-x-[8px]",children:[(0,i.jsx)("div",{className:"bg-sider-check bg-contain w-[12px] h-[12px]"}),(0,i.jsx)("span",{children:"Chat with AI"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[8px]",children:[(0,i.jsx)("div",{className:"bg-sider-check bg-contain w-[12px] h-[12px]"}),(0,i.jsx)("span",{children:"AI Painting"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[8px]",children:[(0,i.jsx)("div",{className:"bg-sider-check bg-contain w-[12px] h-[12px]"}),(0,i.jsx)("span",{children:"Youtube Summary"})]}),(0,i.jsxs)("li",{className:"flex items-center space-x-[8px]",children:[(0,i.jsx)("div",{className:"bg-sider-check bg-contain w-[12px] h-[12px]"}),(0,i.jsx)("span",{children:"Write Articles"})]})]}),(0,i.jsxs)("div",{className:"flex w-[180px] h-[56px] items-center",children:[(0,i.jsx)("div",{className:"bg-sider-aside-wheat-left bg-contain bg-no-repeat w-[27px] h-[48px]"}),(0,i.jsxs)("div",{className:"flex flex-col flex-1",children:[(0,i.jsxs)("div",{className:"flex justify-center items-center space-x-[3.5px]",children:[(0,i.jsx)("div",{className:"bg-sider-aside-star w-[12.5px] h-[12.5px] bg-contain"}),(0,i.jsx)("div",{className:"bg-sider-aside-star w-[12.5px] h-[12.5px] bg-contain"}),(0,i.jsx)("div",{className:"bg-sider-aside-star w-[12.5px] h-[12.5px] bg-contain"}),(0,i.jsx)("div",{className:"bg-sider-aside-star w-[12.5px] h-[12.5px] bg-contain"}),(0,i.jsx)("div",{className:"bg-sider-aside-star w-[12.5px] h-[12.5px] bg-contain"})]}),(0,i.jsx)("div",{className:"mt-[5px] leading-[25px] text-[24px] font-normal",children:"1,000,000+"}),(0,i.jsx)("div",{className:"mt-[4px] text-[12px] font-normal text-[#BCC1E2;] text-center leading-[9px] scale-75",children:"Cumulative users"})]}),(0,i.jsx)("div",{className:"bg-sider-aside-wheat-right bg-contain bg-no-repeat w-[27px] h-[48px]"})]})]}),(0,i.jsx)("button",{type:"button",className:"mt-[18px] w-[180px] h-[40px] py-[10px] leading-[20px] text-white font-bold bg-sider-ad-button-bg rounded-lg",onClick:function(){h("as","web",b,"try-sider-button-click");var e="https://".concat(u,"/ad-land-redirect?source=").concat("as","&p1=").concat("web","&p2=").concat(b);window.open(e)},children:"Install Now"})]});return x?null:d?v:g},O=a(39129),B=a(36679),L=a(28656),z=a(95438),I=a(90874),$=a.n(I),M=a(13300),R=a.n(M),A=a(57023),H=a(20514),U=h()(function(){return Promise.resolve().then(a.bind(a,36679))},{loadableGenerated:{webpack:function(){return[36679]}
1},ssr:!1}),Z=function(){return(0,i.jsx)("svg",{width:"19",height:"22",viewBox:"0 0 19 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M14.9286 13.5714C13.9697 13.5714 13.0885 13.903 12.3928 14.4576L8.04633 11.741C8.17505 11.1588 8.17505 10.5555 8.04633 9.97322L12.3928 7.25664C13.0885 7.81125 13.9697 8.14286 14.9286 8.14286C17.1771 8.14286 19 6.32 19 4.07143C19 1.82285 17.1771 0 14.9286 0C12.68 0 10.8571 1.82285 10.8571 4.07143C10.8571 4.375 10.8906 4.67069 10.9537 4.95531L6.60716 7.67189C5.9115 7.11732 5.03025 6.78571 4.07143 6.78571C1.82285 6.78571 0 8.60857 0 10.8571C0 13.1057 1.82285 14.9286 4.07143 14.9286C5.03025 14.9286 5.9115 14.597 6.60716 14.0424L10.9537 16.759C10.8894 17.0492 10.8571 17.3456 10.8571 17.6429C10.8571 19.8914 12.68 21.7143 14.9286 21.7143C17.1771 21.7143 19 19.8914 19 17.6429C19 15.3943 17.1771 13.5714 14.9286 13.5714Z",fill:"#505667"})})},D=function(e){var t=e.id,a=e.category,n=e.author,l=e.title,d=e.url,p=e.canonical,u=e.post_date,h=e.updated_at,b=e.cover,v=e.stat,F=e.read_time,k=e.content,C=e.meta_title,_=e.meta_keywords,S=e.meta_description,I=(0,o._)((0,N.useState)(""),2),M=I[0],D=I[1],W=(0,o._)((0,N.useState)(),2),Y=W[0],q=W[1],G=(0,o._)((0,N.useState)(),2),J=G[0],V=G[1],X=(0,N.useCallback)((0,s._)(function(){return(0,r.Jh)(this,function(e){switch(e.label){case 0:return[4,(0,z.CL)(t)];case 1:return e.sent(),[2]}})}),[t]);(0,N.useEffect)(function(){if(k){var e=[];D(k.replace(/<h(1|2|3).*?>(.*?)<\/h(1|2|3)/gi,function(t,a,n){var l=encodeURIComponent(n.replace(/<.*?>/g,"")).replace(/%20/g,"-");return e.push({type:+a,id:l,title:"",children:[]}),t.replace(/>/,' id="'.concat(l,'">'))}).replace(/<table\s/gi,function(e){return'<div class="table-wrapper">'.concat(e)}).replace(/<\/table>/gi,function(e){return"".concat(e,"</div>")})),q(e)}},[k]);var K=(0,N.useCallback)(function(e,t){if(!e.length){e.push(t);return}var a=e[e.length-1];a.type>=t.type?e.push(t):K(a.children,t)},[]),Q=function(e,t){var a=[],n=!0,l=!1,i=void 0;try{for(var s,o=e[Symbol.iterator]();!(n=(s=o.next()).done);n=!0){var r=s.value;r.children.length?a.push({key:r.id,href:"#".concat(r.id),title:t(r.title),className:"".concat($().className," h-").concat(r.type),children:(0,c._)(Q(r.children,t))}):a.push({key:r.id,href:"#".concat(r.id),title:t(r.title),className:"".concat($().className," h-").concat(r.type)})}}catch(e){l=!0,i=e}finally{try{n||null==o.return||o.return()}finally{if(l)throw i}}return a};(0,N.useEffect)(function(){if(M&&Y&&Y.length){var e=[],t=!0,a=!1,n=void 0;try{for(var l,i=Y[Symbol.iterator]();!(t=(l=i.next()).done);t=!0){var s=l.value,o=document.getElementById(s.id);o&&(o.hasAttribute("data-w-e")||(s.title=o.innerText,K(e,s)))}}catch(e){a=!0,n=e}finally{try{t||null==i.return||i.return()}finally{if(a)throw n}}q([]),V(e)}},[M,Y,K]),(0,N.useEffect)(function(){t&&setTimeout(function(){X()},1e4)},[t,X]);var ee=function(e){var t=e.target;if("A"===t.nodeName){var a=t.getAttribute("href");if(a&&/^#/.test(a)){var n=document.querySelector('a.ant-anchor-link-title[href="'.concat(a,'"]'));n&&(e.preventDefault(),n.click())}}};return(0,N.useEffect)(function(){var e=document.getElementById("article-content");if(e)return e.addEventListener("click",ee),function(){e.removeEventListener("click",ee)}},[M]),(0,i.jsxs)(L.Z,{title:C,keywords:_,description:S,cover:b,post_date:u,updated_at:h,children:[(0,i.jsx)(f(),{id:"afa3b2d6b7c79fc5",dynamic:[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily],children:"#article-content{font-weight:400;font-family:".concat(R().style.fontFamily,";word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}#article-content h1,#article-content h2,#article-content h3,#article-content h4,#article-content h5,#article-content h6{text-align:initial;font-family:").concat($().style.fontFamily,"}#article-content .w-e-rich-ad-card,#article-content .w-e-rich-ad-card h1,#article-content .w-e-rich-ad-card h2{font-family:").concat(E().style.fontFamily,'}#article-content button,#article-content p{margin-bottom:20px}#article-content table{min-width:640px;border-collapse:collapse;margin-top:20px;margin-bottom:20px;word-break:keep-all;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-weight:400}#article-content table tr:nth-of-type(odd){background-color:#fafafa}#article-content table th{padding:12px 10px;border:1px solid#dadada;font-weight:600;text-align:center;color:#40464a}#article-content table td{border:1px solid#dadada;line-height:1.5;min-width:30px;padding:12px 10px}#article-content img{display:inline-block;height:auto!important}#article-content a{color:#1677ff}#article-content a:hover{text-decoration:underline}#article-content ul{list-style:inside}#article-content ol{-webkit-padding-start:20px;-moz-padding-start:20px;padding-inline-start:20px;list-style:decimal}#article-content ul,#article-content ol{margin:0 0 10px;font-weight:400}#article-content ul li,#article-content ol li{margin:5px 0}#article-content [data-w-e-type="todo"]{margin:5px 0}#article-content [data-w-e-type="todo"] input{margin-right:.5em}#article-content pre>code{display:block;overflow:auto;padding:1em;margin:.5em 0;background-color:#f5f2f0;border:1px solid#e8e8e8;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;border-radius:4px 4px;word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px#fff;white-space:pre;word-break:normal;word-spacing:normal;font-size:14px;text-indent:0}#article-content hr{display:block;height:1px;margin:40px auto;border:0;background-color:#ccc}#article-content blockquote{display:block;padding:10px;margin:10px 0;
1border-left:8px solid#b4d5ff;background-color:#f5f2f0;font-size:100%;line-height:1.5}#article-content .table-wrapper{overflow-x:auto;margin-bottom:40px}#article-content p,#article-content ol,#article-content ul,#article-content table{font-weight:400;font-size:18px;color:rgba(0,0,0,.8);line-height:1.68;letter-spacing:.006em}')}),(0,i.jsx)(g(),{children:(0,i.jsx)("link",{rel:"canonical",href:"".concat(H._j,"/").concat(p||d),className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])})}),(0,i.jsx)(w(),{className:"hidden",unoptimized:!0,fill:!0,alt:C,src:b}),(0,i.jsxs)("article",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex justify-evenly mt-[40px] px-[28px]",children:[(0,i.jsx)("aside",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" hidden w-[165px] lg:w-[225px] md:block",children:(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" sticky top-[104px] w-full overflow-y-auto",children:[(0,i.jsxs)("div",{style:{boxShadow:"0px 2px 6px rgba(0,0,0,0.12)"},className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center justify-center py-[15px] mb-[20px] space-x-[27px] rounded-lg bg-[rgba(87,148,255,0.06)]",children:[(0,i.jsx)(Z,{}),(0,i.jsx)(U,{})]}),(0,i.jsx)(m.Z,{affix:!1,offsetTop:68,targetOffset:64,showInkInFixed:!0,items:J&&Q(J,function(e){return e})})]})}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex-1 lg:max-w-[728px] mx-0 md:ml-[25px] lg:mx-[25px] overflow-hidden",children:[(0,i.jsxs)("section",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ",children:[(0,i.jsx)(O.Z,{appendNavs:[{name:a.category,url:"/blog/".concat(a.url)}]}),(0,i.jsx)("h1",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" "+"".concat($().className," text-[28px] leading-[34px] text-[rgba(0,0,0,0.8)] font-bold my-[21px]"),children:l}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" text-[#50566799] text-[14px] font-light md:text-[12px] flex flex-wrap items-center justify-between",children:[(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex space-x-[8px] items-center",children:[(0,i.jsx)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" w-[48px] h-[48px] lg:w-[40px] lg:h-[40px]",children:(0,i.jsx)(x.ZP,{shape:"square",className:"!w-full !h-full",src:(0,i.jsx)(w(),{className:"object-cover",width:48,height:0,src:n.profile,unoptimized:!0,alt:"avatar"})})}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex flex-col lg:flex-row lg:space-x-[20px]",children:[(0,i.jsx)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:(0,i.jsx)(j(),{className:"text-[#50566799] hover:text-[#50566799] hover:underline",href:"/blog/authors/".concat((0,A.formatUrl)(n.name)),children:n.name})}),(0,i.jsx)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:h&&"Updated ".concat(y()(y().unix(h)).format("MMMM D, YYYY"))})]})]}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" hidden md:flex items-center space-x-[16px]",children:[(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center space-x-[4px]",children:[(0,i.jsx)("i",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ri-eye-line ri-xl"}),(0,i.jsx)("span",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:(0,A.normalizeViewCount)((null==v?void 0:v.pv)||0)})]}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center space-x-[4px]",children:[(0,i.jsx)("i",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ri-time-line ri-xl"}),(0,i.jsx)("span",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:F})]})]})]}),(0,i.jsxs)("div",{style:{boxShadow:"0px 2px 6px rgba(0,0,0,0.12)"},className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" text-[#505667] md:hidden h-[55px] flex items-center justify-between flex-wrap my-[21px] pl-[20px] pr-[17px] rounded-lg bg-[rgba(87,148,255,0.06)]",children:[(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center space-x-[16px] text-[12px]",children:[(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center space-x-[4px]",children:[(0,i.jsx)("i",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ri-eye-line ri-xl"}),(0,i.jsx)("span",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:(0,A.normalizeViewCount)((null==v?void 0:v.pv)||0)})]}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex items-center space-x-[4px]",children:[(0,i.jsx)("i",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ri-time-line ri-xl"}),(0,i.jsx)("span",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]]),children:F})]})]}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex justify-end items-center space-x-[20px]",children:[(0,i.jsx)(Z,{}),(0,i.jsx)(U,{})]})]})]}),(0,i.jsx)("div",{id:"mobile-anchor-container",className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" md:hidden",children:(0,i.jsx)(m.Z,{affix:!1,targetOffset:64,showInkInFixed:!0,items:J&&Q(J,function(e){return e})})}),(0,i.jsx)("div",{id:"article-content",dangerouslySetInnerHTML:{__html:(0,A.escapeScript)(M)},className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" mt-[30px] text-[16px] font-light text-black"}),(0,i.jsxs)("div",{style:{boxShadow:"0px 2px 6px rgba(0,0,0,0.12)"},className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" mt-[60px] md:mt-[80px] lg:mt-[100px] mx-[10px] mb-[10px] flex flex-col md:flex-row text-[#505667] p-[23px] md:p-[30px] bg-[rgba(87,148,255,0.06)] rounded-[12px]",children:[(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex md:flex-col space-x-[15px] md:space-x-0",children:[(0,i.jsx)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" relative mb-[5px] w-[90px] h-[90px]",children:(0,i.jsx)(w(),{className:"object-cover rounded-[8px]",fill:!0,quality:100,unoptimized:!0,sizes:"90px",src:n.profile,alt:"avatar"})}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex-1",children:[(0,i.jsx)("h1",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" md:hidden mb-[8px] text-[28px] font-medium",children:n.name}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" flex space-x-[12px] md:space-x-[6px] mt-[8px]",children:[n.email&&(0,i.jsx)(j(),{className:"flex items-center hover:opacity-75",href:"mailto:".concat(n.email),children:(0,i.jsx)(B.EmailIcon,{className:"w-[32px] h-[32px] md:w-[26px] md:h-[26px]"})}),n.facebook&&(0,i.jsx)(j(),{className:"flex items-center hover:opacity-75",href:n.facebook,children:(0,i.jsx)(B.FacebookIcon,{className:"w-[32px] h-[32px] md:w-[26px] md:h-[26px]"})}),n.linked_in&&(0,i.jsx)(j(),{className:"flex items-center hover:opacity-75",href:n.linked_in,children:(0,i.jsx)(B.LinkedinIcon,{className:"w-[32px] h-[32px] md:w-[26px] md:h-[26px]"})})]})]})]}),(0,i.jsxs)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" mt-[12px] md:mt-0 md:ml-[25px] text-[14px] font-light tracking-wide",children:[(0,i.jsx)("h1",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" "+"".concat($().className," hidden md:block mb-[6px] text-[28px] font-medium"),children:n.name}),(0,i.jsx)("p",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" "+"".concat(T().className," mb-[12px] md:mb-[10px] lg:mb-[26px]"),children:n.biographical}),(0,i.jsxs)(j(),{href:"/blog/authors/".concat((0,A.formatUrl)(n.name)),className:"group flex items-center space-x-[8px] hover:text-[#505667]",children:[(0,i.jsxs)("span",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" "+"".concat($().className," text-[16px] font-medium group-hover:underline"),children:["Read full bio"," "]}),(0,i.jsx)("i",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" ri-arrow-right-line ri-xl"})]})]})]})]}),(0,i.jsx)("aside",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" hidden w-[220px] lg:flex justify-center items-start",children:(0,i.jsx)("div",{className:f().dynamic([["afa3b2d6b7c79fc5",[R().style.fontFamily,$().style.fontFamily,E().style.fontFamily]]])+" sticky top-[104px]",children:(0,i.jsx)(P,{})})})]})]})},W=a(24494),Y=!0,q=function(e){var t=e.article,a=e.category;return t?(0,i.jsx)(D,(0,l._)((0,n._)({},t.article),{author:t.author,category:t.category})):a?(0,i.jsx)(W.Z,{currentPage:a.currentPage,articleTotalNum:a.articleTotalNum,category:a.category,categoryList:a.categoryList,articleList:a.articleList}):void 0}},4827:function(e){e.exports={style:{fontFamily:"'__Passion_One_b595b4', '__Passion_One_Fallback_b595b4'",fontWeight:400,fontStyle:"normal"},className:"__className_b595b4"}},97596:function(e,t,a){"use strict";var n=a(64836).default;
1Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,a,n){var i=l.default.unstable_batchedUpdates?function(e){l.default.unstable_batchedUpdates(a,e)}:a;return e.addEventListener&&e.addEventListener(t,i,n),{remove:function(){e.removeEventListener&&e.removeEventListener(t,i,n)}}};var l=n(a(73935))}},function(e){e.O(0,[1849,9674,3246,1096,9538,8880,8672,3104,5675,3740,4960,3775,1771,8656,89,4494,9774,2888,179],function(){return e(e.s=94352)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.