PageSourceSearch

https://pipeops.io/_next/static/chunks/0z6vkd_78x7_j.js

js pipeops.io collected 2026-10-03 23:46:34 UTC 16,222 bytes, 329 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,32429,e=>{"use strict";var t=e.i(85035);e.s(["Empty",()=>t.default])},83372,69665,10377,e=>{"use strict";var t=e.i(90876);e.s(["MetallicUser",()=>t.default],83372);var r=e.i(76312);e.s(["useGetStrapiContent",()=>r.default],69665);var a=e.i(39046);e.s(["Pagination",()=>a.default],10377)},98414,e=>{"use strict";var t=e.i(18050),r=e.i(57688),a=e.i(22016);e.i(48576);var i=e.i(32429),n=e.i(83372);e.i(71645);var s=e.i(96924);e.i(63994);var l=e.i(85539);e.i(92053);var o=e.i(69665);e.i(74918);var c=e.i(28323),d=e.i(10377),m=e.i(79862),p=e.i(66456),g=e.i(97053);let h=g.default.div.withConfig({displayName:"style",componentId:"sc-f8354989-0"})`
2    position: relative;
3    &:after {
4        content: "";
5        width: 100vw;
6        left: 50%;
7        height: 100%;
8        position: absolute;
9        transform: translateX(-50%);
10        z-index: 1;
11        top: 0px;
12    }
13    * {
14        position: relative;
15        z-index: 2;
16    }
17
18    section.section-jumbotron {
19       display: flex;
20       flex-direction: column;
21       justify-content: center;
22       padding: 10em 0 0;
23       align-items: center;
24       position: relative;
25
26       .author-container {
27                    display: flex;
28                    gap: 0.5em;
29                    align-items: center;
30
31                    p {
32                        margin: 0;
33                        text-align: left;
34                        text-transform: capitalize;
35                        color: #ffffff52;
36                        letter-spacing: 0.5px;
37                    }
38                }
39
40       .blog-header {
41        position: absolute;
42        top: 40px;
43        width: fit-content;
44        left: 0;
45    }
46
47       &:before {
48        content: "";
49        position: absolute;
50        top: 0;
51        left: 0;
52        width: 100%;
53        height: 100%;
54        background: url(${p.BallPattern}) no-repeat center;
55        background-size: 50rem;
56        background-position-y: -8rem;
57            filter: blur(29px);
58            z-index: 1;
59        }
60
61        
62        .featured-blog {
63            margin: 0 0 8em;
64            display: flex;
65            gap: 3rem;
66            outline: none;
67            align-items: center;
68            justify-content: center;
69            flex-wrap: wrap;
70            text-decoration: none;
71
72            &:hover, &:focus {
73                    h2 {
74                        text-decoration: underline;
75                    }
76
77                    img {
78                        transform: scale(1.1);
79                    }
80                }
81
82            .featuredBlog-img {
83                max-width: 31.25rem;
84                min-width: 19.75rem;
85                width: 100%;
86                height: 294px;
87                box-shadow: 0px 10px 40px #00000029;
88                border: 2px solid #363538;
89                border-radius: 15px;
90                overflow: hidden;
91                flex: 1;
92
93                img {
94                    width: 100%;
95                    height: 100%;
96                    object-fit: cover;
97                    transition: all 0.3s ease-in-out;
98                }
99
100                @media (max-width: 1024px) {
101                    height: auto;
102
103                    img {
104                        height: auto;
105                        display: block;
106                    }
107                }
108            }
109
110            div.featuredBlog-texts {
111                max-width: 547px;
112                min-width: 316px;
113                width: 100%;
114                flex: 1;
115
116                h2 {
117                    font-weight: 400;
118                    line-height: 1.5;
119                        font-size: clamp(1.5rem, 3vw, 2rem) !important;
120                        margin: 0.2rem 0 1.2rem;
121                }
122
123                p {
124                    text-align: left;
125                    color: #D8D8D8;
126                    font-size: 1.125rem !important;
127                    font-weight: 300 !important;
128                    max-width: 100% !important;
129                    margin-bottom: 0;
130
131
132                    &.tags {
133                        display: flex;
134                        align-items: center;
135                        gap: 0.6em;
136
137                        span {
138                        color: #D8D8D899;
139                    font-weight: 400 !important;
140                        letter-spacing: 2.8px;
141                        font-size: 0.875rem;
142                        text-transform: uppercase;
143
144                        &:nth-child(2) {
145                            display: inline-block;
146                            width: 4px;
147                            height: 4px;
148                            border-radius: 50%;
149                            background-color: #D8D8D899;                        
150                        }
151                    }
152                    }
153                }
154                .author-container {
155                    margin-top: 1em;
156                    p{
157                        font-size: 1rem !important;
158                        color: #a3a3a3;
159                    }
160                }
161            }
162        }
163        div.paginationWrapper {
164            margin-top: 7rem;
165        }
166    }
167
168       h1 {
169        text-align: center;
170           margin-bottom: 0.25em;
171           font-size: clamp(2.5rem, 5vw, 4.875rem);
172           font-weight: 400;
173            line-height: 120%;
174            background: linear-gradient(94deg, rgba(255, 255, 255, 0.72) 42.56%, rgba(255, 255, 255, 0.24) 63.66%, rgba(255, 255, 255, 0.48) 83.86%);
175background-clip: text;
176-webkit-background-clip: text;
177-webkit-text-fill-color: transparent;
178&:after {
179    content: ".";
180     -webkit-text-fill-color: #3DBA55;
181    font-size: inherit;
182}
183       }
184
185       p {
186        color: rgba(255, 255, 255, 0.46);
187        font-size: 1.375rem;
188        line-height: 140%;
189        text-align: center;
190        font-weight: 300;
191        width: 100%;
192        margin-bottom: 6em;
193       }
194
195       .search-box {
196        max-width: 45rem;
197        width: 100%;
198        z-index: 20;
199        display: flex;
200        gap: 1rem;
201        margin: 1.5rem 0 1rem;
202
203
204        @media (max-width: 600px) {
205            flex-direction: column;
206            gap: 2rem;
207
208            .filter {
209                margin: 0 auto 2.5em;
210            }
211        }
212        
213        .search-wrapper {
214            flex: 1;
215        }
216
217        .filter {
218            width: 12.81rem;
219        }
220
221        .btn-select {
222            text-transform: capitalize;
223        }
224        }
225
226        .card-wrapper {
227            gap: 2.5em;
228            min-height: 15.75rem;
229            margin: 2em 0 4em;
230            width: 100%;
231            display: grid;
232        grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
233        a {
234            color: rgba(255, 255, 255, 0.48);
235            text-decoration: none;
236            &:only-child {
237                width: 28rem;
238            }
239            .screen {
240            height: 14rem;
241            background: url(${p.ResourcesCardIllustration}) no-repeat -22rem -20rem,linear-gradient(#0e0e0f, #0e0e0f);
242            border-radius: 1rem;
243            overflow: hidden;
244            display: flex;
245            flex-direction: column;
246            justify-content: space-between;
247            position: relative;
248            background-image: linear-gradient(rgb(14, 14, 15), rgb(14, 14, 15)), linear-gradient(170deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.12) 37%, rgba(255, 255, 255, 0.04) 100%);
249            background-origin: border-box;
250            background-clip: padding-box, border-box;
251            border: 3px double transparent !important;
252
253            img {
254                object-fit: cover;
255            }
256            }
257            .category {
258                text-transform: uppercase;
259                letter-spacing: 2.4px;
260                display: inline-block;
261                margin: 2em 0 0.3em;
262                font-size: 0.75rem;
263                color: rgba(255, 255, 255, 0.32);
264            }
265            h2 {
266                font-size: 1.75rem;
267                margin: 0.3em 0 0.8em;
268                letter-spacing: -0.7px;
269                font-weight: 400;
270                color: rgba(255, 255, 255, 0.64);
271            }
272            p {
273                color: rgba(255, 255, 255, 0.46);
274                font-size: 1rem;
275                font-weight: 300;
276            }
277            span {
278                text-decoration: none;
279            }
280            transition: all 0.3s ease-in-out;
281            &:hover, &:focus {
282                transform: translateY(-0.4em);
283                .screen {
284                    background: linear-gradient(70deg, rgba(240,131,255,1) 0%, rgba(190,200,255,1) 51%, rgba(159,255,214,1) 100%);
285                }
286            }
287        }
288
289            &.empty {
290                min-height: 24.375rem;
291                display: flex;
292                flex-direction: column;
293                align-items: center;
294
295                button {
296                    border: 1.5px solid #4F21EA;
297                    background-color: #4F21EA;
298                    padding: 1em 2em;
299                    margin: 0 auto;
300                    display: grid;
301                    margin-top: 1.5rem;
302                    color: #fff;
303                    font-size: 1rem;
304                    border-radius: 2.5rem;
305                    font-weight: 400;
306                    transition: all 0.15s ease-out;
307
308                    &:is(:hover, :focus) {
309                        background-color: rgba(80, 33, 234, 0.9);
310                    } 
311                    &:active {
312                        transition-duration: 0.1s;
313                        transform: scale(0.95);
314                    }
315                }
316
317                svg {
318                    font-size: 9rem;
319                }
320
321                p {
322                    font-size: 1.2rem;
323                    margin-bottom: 1.5em;
324                }
325            }
326        }
327    }
328
329`;e.s(["default",0,({initialData:e,totalCount:p})=>{let{handleFetchData:g,page:u,pageCount:x,filter:f,searchText:b,categories:j,loading:w,pageData:v,featuredBlog:y,handleClearSearch:N,handleSearch:k,handleFilterChange:z,handleStateUpdate:B}=(0,o.useGetStrapiContent)({section:"blogs",initialData:e,totalCount:p}),C=y?.createdBy?.firstname||y?.updatedBy?.firstname,$=y?.createdBy?.lastname||y?.updatedBy?.lastname,S=new Date(y?.createdat).getFullYear(),D=e=>{let t="https://pub-30c11acc143348fcae20835653c5514d.r2.dev/card_Bg4_09c37060fc.png";return e?e.startsWith("/uploads")?`https://st.pipeops.io${e}`:e.startsWith("https")?e:t:t};return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(h,{className:"appContentContainer",children:(0,t.jsxs)("section",{className:"section-jumbotron blogs",children:[y?(0,t.jsxs)(a.default,{className:"featured-blog",href:`/blog/${y?.id}/${(0,l.urlFormatter)(y?.title??"")}`,passHref:!0,children:[(0,t.jsx)("div",{className:"featuredBlog-img",children:(0,t.jsx)(r.default,{priority:!0,src:D(y?.banner?.url),alt:y?.title,width:300,height:400})}),(0,t.jsxs)("div",{className:"featuredBlog-texts",children:[(0,t.jsxs)("p",{className:"tags",children:[(0,t.jsx)("span",{children:y?.categories}),(0,t.jsx)("span",{}),(0,t.jsxs)("span",{children:[y?.ReadTime," min read"]})]}),(0,t.jsx)("h2",{children:y?.title}),(0,t.jsx)("p",{children:(e=>{let t=e.split(/\n\s*\n/),r="";for(let e of t){if(e.trim().startsWith("#")||e.includes("```")||e.trim().match(/^[-*+]\s/))continue;let t=e.replace(/\[([^\]]+)\]\([^)]+\)/g,"$1").replace(/!\[[^\]]*\]\([^)]+\)/g,"").replace(/(\*\*|__)(.*?)\1/g,"$2").replace(/(\*|_)(.*?)\1/g,"$2").replace(/<\/?[^>]+(>|$)/g,"").replace(/\s+/g," ").trim();if(t.length>20){r=t;break}}return r||(r=e.replace(/<\/?[^>]+(>|$)/g,"").replace(/\s+/g," ").trim()),r.length>170?r.slice(0,170)+"...":r})(y?.content)}),(C||$)&&Number(S)>2025&&(0,t.jsxs)("div",{className:"author-container",children:[(0,t.jsx)("span",{children:(0,t.jsx)(n.MetallicUser,{})})," ",(0,t.jsxs)("p",{children:[C," ",$]})]})]})]}):(0,t.jsxs)("div",{className:"featured-blog",children:[(0,t.jsx)("div",{className:"featuredBlog-img",children:(0,t.jsx)(s.default,{width:"100%",height:"100%"})}),(0,t.jsxs)("div",{className:"featuredBlog-texts",children:[(0,t.jsx)("p",{className:"tags",children:(0,t.jsx)(s.default,{width:"10rem",height:"1.5rem"})}),(0,t.jsxs)("h2",{children:[(0,t.jsx)(s.default,{width:"100%",height:"2rem"}),(0,t.jsx)(s.default,{width:"80%",height:"2rem"})]}),(0,t.jsxs)("p",{children:[(0,t.jsx)(s.default,{width:"100%",height:"1.4rem"}),(0,t.jsx)(s.default,{width:"100%",height:"1.4rem"}),(0,t.jsx)(s.default,{width:"100%",height:"1.4rem"})]})]})]}),(0,t.jsxs)("div",{className:"search-box",children:[(0,t.jsx)("div",{className:"search-wrapper",children:(0,t.jsx)(m.SearchBox,{onChange:k,value:b,placeholder:"Search blog",searchText:b,onClearSearch:N,defaultFilter:f,filterfunction:B})}),(0,t.jsx)(c.CustomSelect,{optionLists:j,disabled:w,onChange:z,name:"filter",value:f,renderCustomValue:e=>e?.replace(/-/g," "),renderOption:e=>e?.replace(/-/g," "),className:"filter"})]}),w?(0,t.jsx)("div",{className:"card-wrapper",children:[...Array(6)].map((e,r)=>(0,t.jsx)(s.default,{height:"15rem",borderRadius:"1rem"},r))}):v||b||"all"!==f?b&&v?.length===0?(0,t.jsxs)("div",{className:"card-wrapper empty",children:[(0,t.jsx)(i.Empty,{}),(0,t.jsxs)("p",{className:"no-result",children:[(0,t.jsxs)(t.Fragment,{children:["Sorry can't find blog with title"," ",(0,t.jsxs)("strong",{children:['"',b,'"']}),"all"!==f?(0,t.jsxs)(t.Fragment,{children:[" ","& category"," ",(0,t.jsxs)("strong",{children:['" ',f.replace(/-/g," "),'"']})]}):""]}),". Please try again.",(0,t.jsx)("button",{type:"button",onClick:()=>N({clearAll:!0}),children:"Clear all filters"})]})]}):v?.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"card-wrapper",children:v&&v?.map(e=>{let i=e?.title,s=e?.createdBy?.firstname||e?.updatedBy?.firstname,o=e?.createdBy?.lastname||e?.updatedBy?.lastname,c=new Date(e?.createdat).getFullYear();if(b||i!==y?.title)return(0,t.jsxs)(a.default,{href:`/blog/${e?.id}/${(0,l.urlFormatter)(i)}`,passHref:!0,children:[(0,t.jsx)("div",{className:"screen",children:(0,t.jsx)(r.default,{priority:!0,src:D(e?.banner?.url),alt:i,width:450,height:390})}),(0,t.jsxs)("div",{className:"card-text-container",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"category",children:e?.categories}),(0,t.jsx)("h2",{children:i})]}),!["aptresponses","porchplus"].some(e=>i?.toLowerCase()?.includes(e))&&(s||o)&&Number(c)>2025&&(0,t.jsxs)("div",{className:"author-container",children:[(0,t.jsx)("span",{children:(0,t.jsx)(n.MetallicUser,{})})," ",(0,t.jsxs)("p",{children:[s," ",o]})]})]})]},i)})}),x>1&&(0,t.jsx)(d.Pagination,{total:x,currentPage:u,changePageHandler:e=>{let t=[];"all"!==f&&t.push(`filters[categories][$containsi]=${f}`),b&&t.push(`filters[title][$containsi]=${b}`),g({pageNumber:e,shouldScroll:!0,query:t.join("&")})}})]}):(0,t.jsxs)("div",{className:"card-wrapper empty",children:[(0,t.jsx)(i.Empty,{}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"no-result",children:"Oops! Something went wrong. Please reload the page."}),(0,t.jsx)("button",{type:"button",onClick:()=>window.location.reload(),children:"Reload"})]})]})]})})})}],98414)},85539,e=>{"use strict";e.s(["urlFormatter",0,(e,t="slug")=>{if(!e||"string"!=typeof e)return"";if("slug"===t){let t="àáâäæãåāăąçćčđďèéêëēėęěğǵḧîïíīįìłḿñńǹňôöòóœøōõőṕŕřßśšşșťțûüùúūǘůűųẃẍÿýžźż·/_,:;
329",r=RegExp(t.split("").join("|"),"g");return e.toString().toLowerCase().replace(/\s+/g,"-").replace(r,e=>"aaaaaaaaaacccddeeeeeeeegghiiiiiilmnnnnoooooooooprrsssssttuuuuuuuuuwxyyzzz------".charAt(t.indexOf(e))).replace(/&/g,"-and-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}return"xml"===t?e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;"):/^(https?:)?\/\//i.test(e)?e:`https://${e}`}],85539)},28323,e=>{"use strict";var t=e.i(41210);e.s(["CustomSelect",()=>t.default])},79862,e=>{"use strict";var t=e.i(96853);e.s(["SearchBox",()=>t.default])}]);

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.