1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6455],{81294:function(e,a,t){t.d(a,{t:function(){return w}});var n,s,i=t(50029),r=t(16835),o=t(71383),p=t(87794),l=t.n(p),c=t(22865),d=t(68527),u=t(67294),h=t(8193),m=t(78318),x=t(10101),g=t(92721),b=t(85893),f=function(e,a,t){var i=t.readFragment({id:"BlogPost:"+a,fragment:(0,c.Ps)(n||(n=(0,o.Z)(["\n fragment _ on BlogPost {\n id\n hasLikedBlogPost\n numberBlogPostLikes\n }\n "])))});if(i){var r=1===e,p=i.numberBlogPostLikes;p=r?i.numberBlogPostLikes+1:i.numberBlogPostLikes-1,t.writeFragment({id:"BlogPost:"+a,fragment:(0,c.Ps)(s||(s=(0,o.Z)(["\n fragment __ on BlogPost {\n hasLikedBlogPost\n numberBlogPostLikes\n }\n "]))),data:{hasLikedBlogPost:r?1:0,numberBlogPostLikes:p}})}},w=function(e){var a=e.blogPost,t=(0,u.useContext)(x.AppContext),n=(0,m.QgR)(),s=(0,r.Z)(n,2),o=s[0],p=s[1].loading,c=(null==a?void 0:a.hasLikedBlogPost)===1,w=c?-1:1,v=a.numberBlogPostLikes,j=(0,m.UEB)(),k=j.data,N=j.refetch,P=null==k?void 0:k.me,y=c?h.M_L:h.lo;return(0,b.jsxs)(b.Fragment,{children:[P&&(0,b.jsxs)(g.W,{style:{pointerEvents:p?"none":"auto"},className:"comment",onClick:(0,i.Z)(l().mark(function e(){var t;return l().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,o({variables:{blogPostId:a.id,value:w},update:function(e){return f(w,null==a?void 0:a.id,e)}});case 2:if(!(null!=(t=e.sent)&&t.data)){e.next=6;break}return e.next=6,N();case 6:case"end":return e.stop()}},e)})),children:[(0,b.jsx)(y,{className:c?"sd-interaction-icon sd-added":"sd-interaction-icon"}),(0,b.jsx)(d.xv,{className:c?"sd-interaction-number sd-added":"sd-interaction-number",children:v})]}),!P&&(0,b.jsxs)(g.W,{onClick:function(){return null==t?void 0:t.updateLoginPopup(!0)},className:"comment",children:[(0,b.jsx)(h.lo,{className:"sd-interaction-icon"}),(0,b.jsx)(d.xv,{className:"sd-interaction-number",children:v})]})]})}},3548:function(e,a,t){t.d(a,{c:function(){return g}}),t(67294);var n=t(41664),s=t.n(n),i=t(68527),r=t(34651),o=t(71893),p=t(69228),l=t(71010),c=t(81294),d=t(37042),u=t(24270),h=t(38534),m=t(85893),x=o.ZP.div.withConfig({displayName:"BlogPostSingleAbbrev__BlogPostSingleAbbrevStyles",componentId:"sc-bi068o-0"})(["position:relative;display:flex;padding:15px 16px;&:hover{cursor:pointer;background:var(--background-light);}&:first-of-type{margin-top:0;}
1&.post-single{.psa-no-thumbnail{padding:25px;background:var(--background-light);}@media (max-width:450px){display:grid;grid-template-columns:1fr;padding:0;grid-gap:15px;margin-top:30px;&:first-of-type{margin-top:0;}.psa-thumbnail-wrapper{margin-right:0;}.psa-thumbnail{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);width:calc(100vw - 32px);min-height:100%;max-height:100%;height:100%;}.psa-details-wrapper{display:grid;grid-template-columns:1fr;padding:0 10px;}.psa-no-thumbnail{display:none;}}}&.post-single-right-panel{display:grid;grid-template-columns:1fr;padding:0;grid-gap:0;margin-top:0;&:first-of-type{margin-top:0;}&:hover{background:none;}.psa-thumbnail-wrapper{margin-right:0;}.psa-thumbnail{min-width:100%;max-width:100%;width:100%;min-height:150px;max-height:150px;height:150px;border-radius:0;}.psa-details-wrapper{display:grid;grid-template-columns:1fr;padding:0 10px;margin-top:15px;}.psa-no-thumbnail{display:none;}}&.publication-single{.psa-no-thumbnail{padding:0 25px;}@media (max-width:450px){.psa-thumbn
1ail{min-width:70px;max-width:70px;width:70px;min-height:70px;max-height:70px;height:70px;}.psa-no-thumbnail{padding:0 8px;}}}.psa-underlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}.psa-thumbnail-wrapper{margin-right:28px;}.psa-thumbnail{min-width:168px;max-width:168px;width:168px;min-height:121px;max-height:121px;height:121px;border-radius:0;object-fit:cover;}.psa-no-thumbnail{object-fit:contain;}.psa-details-wrapper{}.psa-title{font-size:18px;font-weight:700;line-height:130%;}.psa-username,.psa-subtitle,.psa-date{font-size:14px;font-weight:400;color:var(--secondary);}.psa-title,.psa-subtitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}.psa-subtitle{margin-top:5px;line-height:130%;}.psa-username-span{&:hover{cursor:pointer;text-decoration:underline;}}.psa-publication-flex,.psa-date-interactions-wrapper{margin-top:8px;align-items:center;}.psa-publication-thumbnail-wrapper,.psa-date,.psa-like-post-wrapper,.psa-save-post-wrapper,.psa-number-comments-wrapper{margin-right:12px;}.psa-publication-flex,.psa-publication-thumbnail-wrapper,.psa-username,.psa-like-post-wrapper,.psa-save-post-wrapper,.psa-share-post-wrapper{}"]),g=function(e){var a=e.blogPost,t=e.page,n="/blog/p/".concat(a.slug),o=(0,p.Q5)(a.createdAt);return(0,m.jsxs)(x,{className:"rightPanel"===t?"post-single post-single-right-panel":"post-single",children:[(0,m.jsx)(h.m,{href:"/blog/p/[slug]",as:n}),(0,m.jsx)(i.xu,{className:"psa-thumbnail-wrapper",children:(0,m.jsx)(r.Ee,{fallback:(0,m.jsx)(l.uU,{className:"rightPanel"===t?"post-fallback post-fallback-rp":"post-fallback"}
1),className:a.thumbnail?"psa-thumbnail":"psa-thumbnail psa-no-thumbnail",src:a.thumbnail||d.wK,alt:a.title})}),(0,m.jsxs)(i.xu,{className:"psa-details-wrapper",children:[(0,m.jsx)("h3",{className:"psa-title",children:a.title}),(0,m.jsx)(i.xv,{className:"psa-subtitle",children:a.subTitle}),"rightPanel"!==t&&(0,m.jsxs)(i.kC,{className:"psa-publication-flex",children:[(0,m.jsx)(s(),{href:"/blog",children:(0,m.jsx)(i.xu,{className:"psa-publication-thumbnail-wrapper",children:(0,m.jsx)(u.s2,{src:d.wK,alt:"Logo",w:22,br:0})})}),(0,m.jsx)(s(),{href:"/blog",children:(0,m.jsx)(i.xv,{className:"psa-username",children:(0,m.jsx)("span",{className:"psa-username-span",children:d.y7})})})]}),(0,m.jsxs)(i.kC,{className:"psa-date-interactions-wrapper",children:[(0,m.jsx)(i.xv,{className:"psa-date",children:o}),(0,m.jsx)(i.xu,{className:"psa-like-post-wrapper",children:(0,m.jsx)(c.t,{blogPost:a})})]})]})]})}},41165:function(e,a,t){t.d(a,{W:function(){return h},m:function(){return u}});var n=t(68527),s=t(11163),i=t(67294),r=t(47516),o=t(51649),p=t(10101),l=t(92721),c=t(74758),d=t(85893),u=function(e){var a=e.url,t=e.title,u=(0,i.useContext)(p.AppContext),h="/blog/p/[slug]"===(0,s.useRouter)().pathname,m=h?r.Ifu:o.qSo;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(l.W,{className:"video share",onClick:function(){return u.updateSharePopup(!0)},children:[(0,d.jsx)(m,{className:h?"sd-interaction-icon blog-post-share-icon":"sd-interaction-icon"}),(0,d.jsx)(n.xv,{className:"sd-interaction-number",children:"Share"})]}),u.state.sharePopup&&(0,d.jsx)(c.po,{url:a,title:t,context:u})]})},h=function(e){var a,t=e.url,u=e.title,h=(0,i.useContext)(p.AppContext),m="/blog/p/[slug]"===(0,s.useRouter)().pathname,x=m?r.Ifu:o.qSo;null==h||null===(a=h.state)||void 0===a||a.shareUrl;var g=h.state.sharePopup;return(0,i.useEffect)(function(){g||h.updateShareUrl("")},[g]),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(l.W,{className:"video share share-chat",onClick:function(){return h.updateSharePopup(!0)},children:[(0,d.jsx)(n.xv,{className:"sd-interaction-number",children:"Share"}),(0,d.jsx)(x,{className:m?"sd-interaction-icon blog-post-share-icon":"sd-interaction-icon"})]}),h.state.sharePopup&&(0,d.jsx)(c.po,{url:t,title:u,context:h})]})}},74758:function(e,a,t){t.d(a,{gT:function(){return w},po:function(){return v}});var n=t(67294),s=t(46616),i=t(87385),r=t(16573),o=t(1020),p=t(75341),l=t(70431),c=t(91901),d=t(47449),u=t(68527),h=t(26723),m=t(33441),x=t(71893),g=t(11163),b=t(85893),f=x.ZP.div.withConfig({displayName:"SharePopup__SharePopupWrapper",componentId:"sc-194ijp-0"})(["position:fixed;left:var(--width-left-panel);top:0;height:100vh;width:var(--max-width-video);z-index:50;display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;@media (max-width:450px){width:100vw;left:0;}.share-popup-outer-wrapper{background:white;width:400px;z-index:2;@media (max-width:450px){width:95vw;}}.share-header-wrapper{position:relative;padding:7px 15px 0 15px;margin-bottom:18px;padding-bottom:5px;border-bottom:1px solid rgb(224,224,224);}.share-header{font-size:15px;color:black;}.close-btn{position:absolute;right:0;top:4px;background:none;color:#626262;font-size:22px;font-weight:400;}.share-popup-grid{padding:0 15px;grid-template-columns:repeat(4,1fr);justify-items:center;}.share-button{}.first{margin-left:0;}.social-name{font-size:12px;color:black;margin-top:8px;}.copy-to-clipboard-wrapper{padding:5px 15px 15px 15px;margin-top:15px;overflow:hidden;}.copy-to-clipboard-flex{padding:4px 5px 8px 2px;align-items:center;background:rgb(249,249,249);border:1px solid rgb(224,224,224);}.copy-textarea{width:100%;min-height:26px;border:none;resize:none;font-size:12px;overflow:hidden;color:black;}.copy-btn{margin-left:5px;margin-bottom:-4px;background:none;color:#626262;font-size:12px;text-transform:uppercase;}.copied{color:var(--accent);}"]),w=x.ZP.div.withConfig({displayName:"SharePopup__BackgroundTintStyles",componentId:"sc-194ijp-1"})(["position:fixed;left:0;top:0;width:100vw;height:100vh;background:black;opacity:0.5;
1"]),v=function(e){var a=e.url,t=e.title,x=e.context,v=(0,n.useState)(!1),j=v[0],k=v[1],N=(0,n.useRef)(null),P=(0,n.useRef)(null),y=x.state.sharePopup,C="/blog/p/[slug]"===(0,g.useRouter)().pathname;(0,n.useEffect)(function(){function e(e){C||null==P||!P.current||null!=P&&P.current.contains(e.target)||x.updateSharePopup(!1)}return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[P,y]);var S=function(e){var a;null==N||null===(a=N.current)||void 0===a||a.select(),document.execCommand("copy"),e.target.focus(),k(!0)};return(0,b.jsxs)(f,{children:[(0,b.jsx)(w,{}),(0,b.jsxs)(u.xu,{className:"share-popup-outer-wrapper",ref:P,children:[(0,b.jsxs)(u.rj,{className:"share-header-wrapper",children:[(0,b.jsx)(u.xv,{className:"share-header",children:"Share"}),(0,b.jsx)(h.zx,{colorScheme:"none",className:"close-btn",onClick:function(){x.updateSharePopup(!1),k(!1)},children:"\xd7"})]}),(0,b.jsxs)(u.rj,{className:"share-popup-grid",children:[(0,b.jsxs)(s.Z,{url:a,title:t,via:"OG_JRE",className:"share-button first",children:[(0,b.jsx)(i.Z,{size:60,round:!0}),(0,b.jsx)(u.xv,{className:"social-name",children:"Twitter"})]}),(0,b.jsxs)(r.Z,{url:a,title:t,className:"share-button",children:[(0,b.jsx)(o.Z,{size:60,round:!0}),(0,b.jsx)(u.xv,{className:"social-name",children:"Facebook"})]}),(0,b.jsxs)(p.Z,{url:a,title:t,className:"share-button",children:[(0,b.jsx)(l.Z,{size:60,round:!0}),(0,b.jsx)(u.xv,{className:"social-name",children:"Reddit"})]}),(0,b.jsxs)(c.Z,{url:a,title:t,className:"share-button",children:[(0,b.jsx)(d.Z,{size:60,round:!0}),(0,b.jsx)(u.xv,{className:"social-name",children:"Pocket"})]})]}),(0,b.jsx)(u.xu,{className:"copy-to-clipboard-wrapper",children:(0,b.jsxs)(u.kC,{className:"copy-to-clipboard-flex",children:[(0,b.jsx)(m.g,{ref:N,onClick:S,className:"copy-textarea",value:a,readOnly:!0}),(0,b.jsxs)(h.zx,{colorScheme:"none",className:j?"copy-btn copied":"copy-btn",onClick:S,children:["Cop",j?"ied":"y"]})]})})]})]})}}}]);
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.