https://worldappfactory.com/component---src-pages-index-js-1bf5cbc93911a641bcaf.js

1"use strict";(self.webpackChunkbrowsergames_site_gatsby=self.webpackChunkbrowsergames_site_gatsby||[]).push([[678],{3204:function(e){const t=/[\p{Lu}]/u,a=/[\p{Ll}]/u,n=/^[\p{Lu}](?![\p{Lu}])/gu,r=/([\p{Alpha}\p{N}_]|$)/u,s=/[_.\- ]+/,i=new RegExp("^"+s.source),l=new RegExp(s.source+r.source,"gu"),o=new RegExp("\\d+"+r.source,"gu"),c=(e,r)=>{if("string"!=typeof e&&!Array.isArray(e))throw new TypeError("Expected the input to be `string | string[]`");if(r={pascalCase:!1,preserveConsecutiveUppercase:!1,...r},0===(e=Array.isArray(e)?e.map((e=>e.trim())).filter((e=>e.length)).join("-"):e.trim()).length)return"";const s=!1===r.locale?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r.locale),c=!1===r.locale?e=>e.toUpperCase():e=>e.toLocaleUpperCase(r.locale);if(1===e.length)return r.pascalCase?c(e):s(e);return e!==s(e)&&(e=((e,n,r)=>{let s=!1,i=!1,l=!1;for(let o=0;o<e.length;o++){const c=e[o];s&&t.test(c)?(e=e.slice(0,o)+"-"+e.slice(o),s=!1,l=i,i=!0,o++):i&&l&&a.test(c)?(e=e.slice(0,o-1)+"-"+e.slice(o-1),l=i,i=!1,s=!0):(s=n(c)===c&&r(c)!==c,l=i,i=r(c)===c&&n(c)!==c)}return e})(e,s,c)),e=e.replace(i,""),e=r.preserveConsecutiveUppercase?((e,t)=>(n.lastIndex=0,e.replace(n,(e=>t(e)))))(e,s):s(e),r.pascalCase&&(e=c(e.charAt(0))+e.slice(1)),((e,t)=>(l.lastIndex=0,o.lastIndex=0,e.replace(l,((e,a)=>t(a))).replace(o,(e=>t(e)))))(e,c)};e.exports=c,e.exports.default=c},8032:function(e,t,a){a.d(t,{L:function(){return p},M:function(){return k},P:function(){return E},S:function(){return G},_:function(){return l},a:function(){return i},b:function(){return u},g:function(){return d},h:function(){return o}});var n=a(7294),r=(a(3204),a(5697)),s=a.n(r);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},i.apply(this,arguments)}function l(e,t){if(null==e)return{};var a,n,r={},s=Object.keys(e);for(n=0;n<s.length;n++)t.indexOf(a=s[n])>=0||(r[a]=e[a]);return r}const o=()=>"undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;function c(e,t,a){const n={};let r="gatsby-image-wrapper";return"fixed"===a?(n.width=e,n.height=t):"constrained"===a&&(r="gatsby-image-wrapper gatsby-image-wrapper-constrained"),{className:r,"data-gatsby-image-wrapper":"",style:n}}function u(e,t,a,n,r){return void 0===r&&(r={}),i({},a,{loading:n,shouldLoad:e,"data-main-image":"",style:i({},r,{opacity:t?1:0})})}function d(e,t,a,n,r,s,l,o){const c={};s&&(c.backgroundColor=s,"fixed"===a?(c.width=n,c.height=r,c.backgroundColor=s,c.position="relative"):("constrained"===a||"fullWidth"===a)&&(c.position="absolute",c.top=0,c.left=0,c.bottom=0,c.right=0)),l&&(c.objectFit=l),o&&(c.objectPosition=o);const u=i({},e,{"aria-hidden":!0,"data-placeholder-image":"",style:i({opacity:t?0:1,transition:"opacity 500ms linear"},c)});return u}const m=["children"],g=function(e){let{layout:t,width:a,height:r}=e;return"fullWidth"===t?n.createElement("div",{"aria-hidden":!0,style:{paddingTop:r/a*100+"%"}}):"constrained"===t?n.createElement("div",{style:{maxWidth:a,display:"block"}},n.createElement("img",{alt:"",role:"presentation","aria-hidden":"true",src:"data:image/svg+xml;charset=utf-8,%3Csvg%20height='"+r+"'%20width='"+a+"'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E",style:{maxWidth:"100%",display:"block",position:"static"}})):null},p=function(e){let{children:t}=e,a=l(e,m);return n.createElement(n.Fragment,null,n.createElement(g,i({},a)),t,null)},f=["src","srcSet","loading","alt","shouldLoad"],y=["fallback","sources","shouldLoad"],h=function(e){let{src:t,srcSet:a,loading:r,alt:s="",shouldLoad:o}=e,c=l(e,f);return n.createElement("img",i({},c,{decoding:"async",loading:r,src:o?t:void 0,"data-src":o?void 0:t,srcSet:o?a:void 0,"data-srcset":o?void 0:a,alt:s}))},b=function(e){let{fallback:t,sources:a=[],shouldLoad:r=!0}=e,s=l(e,y);const o=s.sizes||(null==t?void 0:t.sizes),c=n.createElement(h,i({},s,t,{sizes:o,shouldLoad:r}));return a.length?n.createElement("picture",null,a.map((e=>{let{media:t,srcSet:a,type:s}=e;return n.createElement("source",{key:t+"-"+s+"-"+a,type:s,media:t,srcSet:r?a:void 0,"data-srcset":r?void 0:a,sizes:o})})),c):c};var w;h.propTypes={src:r.string.isRequired,alt:r.string.isRequired,sizes:r.string,srcSet:r.string,shouldLoad:r.bool}

1,b.displayName="Picture",b.propTypes={alt:r.string.isRequired,shouldLoad:r.bool,fallback:r.exact({src:r.string.isRequired,srcSet:r.string,sizes:r.string}),sources:r.arrayOf(r.oneOfType([r.exact({media:r.string.isRequired,type:r.string,sizes:r.string,srcSet:r.string.isRequired}),r.exact({media:r.string,type:r.string.isRequired,sizes:r.string,srcSet:r.string.isRequired})]))};const v=["fallback"],E=function(e){let{fallback:t}=e,a=l(e,v);return t?n.createElement(b,i({},a,{fallback:{src:t},"aria-hidden":!0,alt:""})):n.createElement("div",i({},a))};E.displayName="Placeholder",E.propTypes={fallback:r.string,sources:null==(w=b.propTypes)?void 0:w.sources,alt:function(e,t,a){return e[t]?new Error("Invalid prop `"+t+"` supplied to `"+a+"`. Validation failed."):null}};const k=function(e){return n.createElement(n.Fragment,null,n.createElement(b,i({},e)),n.createElement("noscript",null,n.createElement(b,i({},e,{shouldLoad:!0}))))};k.displayName="MainImage",k.propTypes=b.propTypes;const x=["as","className","class","style","image","loading","imgClassName","imgStyle","backgroundColor","objectFit","objectPosition"],C=["style","className"],S=e=>e.replace(/\n/g,""),L=function(e,t,a){for(var n=arguments.length,r=new Array(n>3?n-3:0),i=3;i<n;i++)r[i-3]=arguments[i];return e.alt||""===e.alt?s().string.apply(s(),[e,t,a].concat(r)):new Error('The "alt" prop is required in '+a+'. If the image is purely presentational then pass an empty string: e.g. alt="". Learn more: https://a11y-style-guide.com/style-guide/section-media.html')},N={image:s().object.isRequired,alt:L},T=["as","image","style","backgroundColor","className","class","onStartLoad","onLoad","onError"],I=["style","className"],_=new Set;let z,j;const A=function(e){let{as:t="div",image:r,style:s,backgroundColor:u,className:d,class:m,onStartLoad:g,onLoad:p,onError:f}=e,y=l(e,T);const{width:h,height:b,layout:w}=r,v=c(h,b,w),{style:E,className:k}=v,x=l(v,I),C=(0,n.useRef)(),S=(0,n.useMemo)((()=>JSON.stringify(r.images)),[r.images]);m&&(d=m);const L=function(e,t,a){let n="";return"fullWidth"===e&&(n='<div aria-hidden="true" style="padding-top: '+a/t*100+'%;"></div>'),"constrained"===e&&(n='<div style="max-width: '+t+'px; display: block;"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height=\''+a+"'%20width='"+t+"'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E\" style=\"max-width: 100%; display: block; position: static;\"></div>"),n}(w,h,b);return(0,n.useEffect)((()=>{z||(z=a.e(731).then(a.bind(a,6731)).then((e=>{let{renderImageToString:t,swapPlaceholderImage:a}=e;return j=t,{renderImageToString:t,swapPlaceholderImage:a}})));const e=C.current.querySelector("[data-gatsby-image-ssr]");if(e&&o())return e.complete?(null==g||g({wasCached:!0}),null==p||p({wasCached:!0}),setTimeout((()=>{e.removeAttribute("data-gatsby-image-ssr")}),0)):(null==g||g({wasCached:!0}),e.addEventListener("load",(function t(){e.removeEventListener("load",t),null==p||p({wasCached:!0}),setTimeout((()=>{e.removeAttribute("data-gatsby-image-ssr")}),0)}))),void _.add(S);if(j&&_.has(S))return;let t,n;return z.then((e=>{let{renderImageToString:a,swapPlaceholderImage:l}=e;C.current&&(C.current.innerHTML=a(i({isLoading:!0,isLoaded:_.has(S),image:r},y)),_.has(S)||(t=requestAnimationFrame((()=>{C.current&&(n=l(C.current,S,_,s,g,p,f))}))))})),()=>{t&&cancelAnimationFrame(t),n&&n()}}),[r]),(0,n.useLayoutEffect)((()=>{_.has(S)&&j&&(C.current.innerHTML=j(i({isLoading:_.has(S),isLoaded:_.has(S),image:r},y)),null==g||g({wasCached:!0}),null==p||p({wasCached:!0}))}),[r]),(0,n.createElement)(t,i({},x,{style:i({},E,s,{backgroundColor:u}),className:k+(d?" "+d:""),ref:C,dangerouslySetInnerHTML:{__html:L},suppressHydrationWarning:!0}))},O=(0,n.memo)((function(e){return e.image?(0,n.createElement)(A,e):null}));O.propTypes=N,O.displayName="GatsbyImage";const P=["src","__imageData","__error","width","height","aspectRatio","tracedSVGOptions","placeholder","formats","quality","transformOptions","jpgOptions","pngOptions","webpOptions","avifOptions","blurredOptions","breakpoints","outputPixelDensities"];function R(e){return function(t){let{src:a,__imageData:r,__error:s}=t,o=l(t,P);return s&&console.warn(s),r?n.createElement(e,i({image:r},o)):(console.warn("Image not loaded",a),null)}}const W=R((function(e){let{as:t="div",className:a,class:r,style:s,image:o,loading:m="lazy",imgClassName:g,imgStyle:f,backgroundColor:y,objectFit:h,objectPosition:b}=e,w=l(e,x);if(!o)return console.warn("[gatsby-plugin-image] Missing image prop"),null;r&&(a=r),f=i({objectFit:h,objectPosition:b,backgroundColor:y},f);const{width:v,height:L,layout:N,images:T,placeholder:I,backgroundColor:_}=o,z=c(v,L,N),{style:j,className:A}=z,O=l(z,C),P={fallback:void 0,sources:[]};return T.fallback&&(P.fallback=i({},T.fallback,{srcSet:T.fallback.srcSet?S(T.fallback.srcSet):void 0})),T.sources&&(P.sources=T.sources.map((e=>i({},e,{srcSet:S(e.srcSet)})))),n.createElement(t,i({},O,{style:i({},j,s,{backgroundColor:y}),className:A+(a?" "+a:"")}),n.createElement(p,{layout:N,width:v,height:L},n.createElement(E,i({},d(I,!1,N,v,L,_,h,b))),n.createElement(k,i({"data-gatsby-image-ssr":"",className:g},w,u("eager"===m,!1,P,m,f)))))})),q=function(e,t){for(var a=arguments.length,n=new Array(a>2?a-2:0),r=2;r<a;r++)n[r-2]=arguments[r];return"fullWidth"!==e.layout||"width"!==t&&"height"!==t||!e[t]?s().number.apply(s(),[e,t].concat(n)):new Error('"'+t+'" '+e[t]+" may not be passed when layout is fullWidth.")},F=new Set(["fixed","fullWidth","constrained"]),M={src:s().string.isRequired,alt:L,width:q,height:q,sizes:s().string,layout:e=>{if(void 0!==e.layout&&!F.has(e.layout))return new Error("Invalid value "+e.layout+'" provided for prop "layout". Defaulting to "constrained". Valid values are "fixed", "fullWidth" or "constrained".')}};W.displayName="StaticImage",W.propTypes=M;const G=R(O);G.displayName="StaticImage",G.propTypes=M},7628:function(e,t,a){a.d(t,{Z:function(){return l}});var n=a(7294),r=a(1883),s=a.p+"static/waf-play-gaming-controller-6afb3afc14de1bcd82bf7fcb75331d21.webp";var i=e=>{let{siteTitle:t}=e;const[a,i]=n.useState("closed");return n.createElement("header",{style:{margin:"0 auto",padding:"var(--space-2) var(--size-gutter)",display:"flex",alignItems:"center",justifyContent:"flex-start",backgroundColor:"black"}},n.createElement("span",{className:"open-nav",onClick:function(){i("open")}},"☰"),n.createElement("div",{className:a+" sidenav"},n.createElement("a",{class:"closebtn",onClick:function(){i("closed")}},"×"),n.createElement(r.Link,{to:"/games-by-genre"},"Games By Genre"),n.createElement(r.Link,{to:"/games-by-tag"},"Games By Tags")),n.createElement(r.Link,{to:"/",style:{fontSize:"var(--font-sm)",textDecoration:"none",color:"white",display:"flex"}},n.createElement("img",{alt:"Browser Games @ World App Factory Logo",height:50,style:{margin:"0 5px"},src:s}),n.createElement("h3",null,"Browser Games @ WAF")))};var l=e=>{var t;let{children:a}=e;const s=(0,r.useStaticQuery)("3649515864");return n.createElement(n.Fragment,null,n.createElement(i,{siteTitle:(null===(t=s.site.siteMetadata)||void 0===t?void 0:t.t

1itle)||"Title"}),n.createElement("div",{style:{margin:"0 auto",maxWidth:"var(--size-content)",padding:"var(--size-gutter)"}},n.createElement("main",null,a),n.createElement("footer",{style:{marginTop:"var(--space-5)",fontSize:"var(--font-sm)"}},"© ",(new Date).getFullYear()," · Built with"," ",n.createElement("a",{href:"https://www.gatsbyjs.com"},"Gatsby"))))}},9357:function(e,t,a){var n=a(7294),r=a(1883);t.Z=function(e){var t,a;let{description:s,title:i,children:l}=e;const{site:o}=(0,r.useStaticQuery)("63159454"),c=s||o.siteMetadata.description,u=null===(t=o.siteMetadata)||void 0===t?void 0:t.title;return n.createElement(n.Fragment,null,n.createElement("title",null,u?i+" | "+u:i),n.createElement("meta",{name:"description",content:c}),n.createElement("meta",{property:"og:title",content:i}),n.createElement("meta",{property:"og:description",content:c}),n.createElement("meta",{property:"og:type",content:"website"}),n.createElement("meta",{name:"twitter:card",content:"summary"}),n.createElement("meta",{name:"twitter:creator",content:(null===(a=o.siteMetadata)||void 0===a?void 0:a.author)||""}),n.createElement("meta",{name:"twitter:title",content:i}),n.createElement("meta",{name:"twitter:description",content:c}),l)}},7549:function(e,t,a){a.r(t),a.d(t,{Head:function(){return m},default:function(){return g}});var n=a(5785),r=a(7294),s=a(1883),i=a(8032),l=a(7628),o=a(9357),c=a(9339);var u=function(e){let{gameData:t}=e,a=t["GD URL"].split("/").pop();return r.createElement(r.Fragment,null,r.createElement("div",{className:c.In},r.createElement(s.Link,{to:"/play-game/"+a},r.createElement("img",{className:c.pU,src:t.Assets[1],alt:"Avatar"}),r.createElement("div",{className:c.k4},r.createElement("h4",{className:c.X5},r.createElement("b",null,t.Title))))))};const d=function(e){return new Set(e.map((e=>e.Genres))).size},m=()=>r.createElement(o.Z,{title:"Home"});var g=e=>{var t;let{data:s}=e;const o=s.allSitePage.nodes.map(((e,t)=>{let a=e.pageContext.pageContent;return{text:"Games listing page "+(t+1),url:e.path,description:"Page with "+a.length+" games.\n      With over "+3*d(a)+" genres.\n      "}}));let m=(t=[]).concat.apply(t,(0,n.Z)(s.allSitePage.nodes.map((e=>

1e.pageContext.pageContent)))),g=[];for(let a=0;a<50;a++){let e=Math.floor(Math.random()*m.length);g=g.concat(m.slice(e,e+1))}return r.createElement(l.Z,null,r.createElement("div",{className:"index-module--textCenter--4ece3"},r.createElement(i.S,{src:"../images/waf-play-gaming-controller.webp",loading:"eager",width:500,quality:95,formats:["auto","webp","avif"],alt:"",style:{marginBottom:"var(--space-3)"},__imageData:a(518)}),r.createElement("h1",{style:{marginBottom:"1rem"}},"Welcome to ",r.createElement("b",null,"Browser Games!")),r.createElement("h1",{style:{marginBottom:"3rem"}}," @ World App Factory ")),r.createElement("div",{className:c.Ic},g.map(((e,t)=>r.createElement(u,{gameData:e})))),r.createElement("ul",{className:"index-module--list--fb407"},o.map((e=>r.createElement("li",{key:e.url,className:"index-module--listItem--06e6d"},r.createElement("a",{className:"index-module--listItemLink--02c9e",href:e.url+"?utm_source=starter&utm_medium=start-page&utm_campaign=default-starter"},e.text," ↗"),r.createElement("p",{style:{whiteSpace:"pre-line"},className:"index-module--listItemDescription--f3875"},e.description))))))}},9339:function(e,t,a){a.d(t,{H8:function(){return c},Ic:function(){return s},In:function(){return r},P3:function(){return d},X5:function(){return o},k4:function(){return l},ns:function(){return n},pU:function(){return i},vP:function(){return u}});var n="games-listing-styles-module--advert-ctn--dacd0",r="games-listing-styles-module--card--26817",s="games-listing-styles-module--card-ctn--d67e8",i="games-listing-styles-module--card-img--45834",l="games-listing-styles-module--card-info-container--4cb44",o="games-listing-styles-module--card-title--ccff3",c="games-listing-styles-module--page-ctn--a5100",u="games-listing-styles-module--pill-btn--c78f0",d="games-listing-styles-module--pill-btn-ctn--a3233"},518:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080818","images":{"fallback":{"src":"/static/fa20b792a3f1679f94d6a6fb24a89b4b/6a3a0/waf-play-gaming-controller.webp","srcSet":"/static/fa20b792a3f1679f94d6a6fb24a89b4b/570e0/waf-play-gaming-controller.webp 116w,\\n/static/fa20b792a3f1679f94d6a6fb24a89b4b/73881/waf-play-gaming-controller.webp 232w,\\n/static/fa20b792a3f1679f94d6a6fb24a89b4b/6a3a0/waf-play-gaming-controller.webp 464w","sizes":"(min-width: 464px) 464px, 100vw"},"sources":[{"srcSet":"/static/fa20b792a3f1679f94d6a6fb24a89b4b/d1a77/waf-play-gaming-controller.avif 116w,\\n/static/fa20b792a3f1679f94d6a6fb24a89b4b/33114/waf-play-gaming-controller.avif 232w,\\n/static/fa20b792a3f1679f94d6a6fb24a89b4b/bd548/waf-play-gaming-controller.avif 464w","type":"image/avif","sizes":"(min-width: 464px) 464px, 100vw"}]},"width":500,"height":279.0948275862069}')}}]);
2//# sourceMappingURL=component---src-pages-index-js-1bf5cbc93911a641bcaf.js.map