https://book-of-shaders-playground.vercel.app/_next/static/chunks/pages/_app-c5593760e936896d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2888],{86010:function(e,t,n){"use strict";function o(e){var t,n,r="";if("string"===typeof e||"number"===typeof e)r+=e;else if("object"===typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=o(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}function r(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=o(e))&&(r&&(r+=" "),r+=t);return r}n.d(t,{Z:function(){return r}})},35202:function(){!function(){"use strict";function e(e){var t=!0,n=!1,o=null,r={text:!0,search:!0,url:!0,tel:!0,email:!0,password:!0,number:!0,date:!0,month:!0,week:!0,time:!0,datetime:!0,"datetime-local":!0};function i(e){return!!(e&&e!==document&&"HTML"!==e.nodeName&&"BODY"!==e.nodeName&&"classList"in e&&"contains"in e.classList)}function a(e){var t=e.type,n=e.tagName;return!("INPUT"!==n||!r[t]||e.readOnly)||"TEXTAREA"===n&&!e.readOnly||!!e.isContentEditable}function s(e){e.classList.contains("focus-visible")||(e.classList.add("focus-visible"),e.setAttribute("data-focus-visible-added",""))}function c(e){e.hasAttribute("data-focus-visible-added")&&(e.classList.remove("focus-visible"),e.removeAttribute("data-focus-visible-added"))}function u(n){n.metaKey||n.altKey||n.ctrlKey||(i(e.activeElement)&&s(e.activeElement),t=!0)}function d(e){t=!1}function l(e){i(e.target)&&(t||a(e.target))&&s(e.target)}function f(e){i(e.target)&&(e.target.classList.contains("focus-visible")||e.target.hasAttribute("data-focus-visible-added"))&&(n=!0,window.clearTimeout(o),o=window.setTimeout((function(){n=!1}),100),c(e.target))}function p(e){"hidden"===document.visibilityState&&(n&&(t=!0),m())}function m(){document.addEventListener("mousemove",v),document.addEventListener("mousedown",v),document.addEventListener("mouseup",v),document.addEventListener("pointermove",v),document.addEventListener("pointerdown",v),document.addEventListener("pointerup",v),document.addEventListener("touchmove",v),document.addEventListener("touchstart",v),document.addEventListener("touchend",v)}function h(){document.removeEventListener("mousemove",v),document.removeEventListener("mousedown",v),document.removeEventListener("mouseup",v),document.removeEventListener("pointermove",v),document.removeEventListener("pointerdown",v),document.removeEventListener("pointerup",v),document.removeEventListener("touchmove",v),document.removeEventListener("touchstart",v),document.removeEventListener("touchend",v)}function v(e){e.target.nodeName&&"html"===e.target.nodeName.toLowerCase()||(t=!1,h())}document.addEventListener("keydown",u,!0),document.addEventListener("mousedown",d,!0),document.addEventListener("pointerdown",d,!0),document.addEventListener("touchstart",d,!0),document.addEventListener("visibilitychange",p,!0),m(),e.addEventListener("focus",l,!0),e.addEventListener("blur",f,!0),e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&e.host?e.host.setAttribute("data-js-focus-visible",""):e.nodeType===Node.DOCUMENT_NODE&&(document.documentElement.classList.add("js-focus-visible"),document.documentElement.setAttribute("data-js-focus-visible",""))}if("undefined"!==typeof window&&"undefined"!==typeof document){var t;window.applyFocusVisiblePolyfill=e;try{t=new CustomEvent("focus-visible-polyfill-ready")}catch(n){(t=document.createEvent("CustomEvent")).initCustomEvent("focus-visible-polyfill-ready",!1,!1,{})}window.dispatchEvent(t)}"undefined"!==typeof document&&e(document)}()},37347:function(e){!function(){function t(e,t){document.addEventListener?e.addEventListener("scroll",t,!1):e.attachEvent("scroll",t)}function n(e){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(e)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function o(e,t){e.a.style.cssText="max-width:none;min-width:20px;min-height:20px;

1display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;white-space:nowrap;font-synthesis:none;font:"+t+";"}function r(e){var t=e.a.offsetWidth,n=t+100;return e.f.style.width=n+"px",e.c.scrollLeft=n,e.b.scrollLeft=e.b.scrollWidth+100,e.g!==t&&(e.g=t,!0)}function i(e,n){function o(){var e=i;r(e)&&e.a.parentNode&&n(e.g)}var i=e;t(e.b,o),t(e.c,o),r(e)}function a(e,t){var n=t||{};this.family=e,this.style=n.style||"normal",this.weight=n.weight||"normal",this.stretch=n.stretch||"normal"}var s=null,c=null,u=null,d=null;function l(){return null===d&&(d=!!document.fonts),d}function f(){if(null===u){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(t){}u=""!==e.style.font}return u}function p(e,t){return[e.style,e.weight,f()?e.stretch:"","100px",t].join(" ")}a.prototype.load=function(e,t){var r=this,a=e||"BESbswy",u=0,d=t||3e3,f=(new Date).getTime();return new Promise((function(e,t){if(l()&&!function(){if(null===c)if(l()&&/Apple/.test(window.navigator.vendor)){var e=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent);c=!!e&&603>parseInt(e[1],10)}else c=!1;return c}()){var m=new Promise((function(e,t){!function n(){(new Date).getTime()-f>=d?t(Error(d+"ms timeout exceeded")):document.fonts.load(p(r,'"'+r.family+'"'),a).then((function(t){1<=t.length?e():setTimeout(n,25)}),t)}()})),h=new Promise((function(e,t){u=setTimeout((function(){t(Error(d+"ms timeout exceeded"))}),d)}));Promise.race([h,m]).then((function(){clearTimeout(u),e(r)}),t)}else!function(e){document.body?e():document.addEventListener?document.addEventListener("DOMContentLoaded",(function t(){document.removeEventListener("DOMContentLoaded",t),e()})):document.attachEvent("onreadystatechange",(function t(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",t),e())}))}((function(){function c(){var t;(t=-1!=v&&-1!=y||-1!=v&&-1!=b||-1!=y&&-1!=b)&&((t=v!=y&&v!=b&&y!=b)||(null===s&&(t=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),s=!!t&&(536>parseInt(t[1],10)||536===parseInt(t[1],10)&&11>=parseInt(t[2],10))),t=s&&(v==w&&y==w&&b==w||v==E&&y==E&&b==E||v==x&&y==x&&b==x)),t=!t),t&&(g.parentNode&&g.parentNode.removeChild(g),clearTimeout(u),e(r))}var l=new n(a),m=new n(a),h=new n(a),v=-1,y=-1,b=-1,w=-1,E=-1,x=-1,g=document.createElement("div");g.dir="ltr",o(l,p(r,"sans-serif")),o(m,p(r,"serif")),o(h,p(r,"monospace")),g.appendChild(l.a),g.appendChild(m.a),g.appendChild(h.a),document.body.appendChild(g),w=l.a.offsetWidth,E=m.a.offsetWidth,x=h.a.offsetWidth,function e(){if((new Date).getTime()-f>=d)g.parentNode&&g.parentNode.removeChild(g),t(Error(d+"ms timeout exceeded"));else{var n=document.hidden;!0!==n&&void 0!==n||(v=l.a.offsetWidth,y=m.a.offsetWidth,b=h.a.offsetWidth,c()),u=setTimeout(e,50)}}(),i(l,(function(e){v=e,c()})),o(l,p(r,'"'+r.family+'",sans-serif')),i(m,(function(e){y=e,c()})),o(m,p(r,'"'+r.family+'",serif')),i(h,(function(e){b=e,c()})),o(h,p(r,'"'+r.family+'",monospace'))}))}))},e.exports=a}()},76363:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(51572)}])},48418:function(e,t,n){"use strict";function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],o=!0,r=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(o=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(c){r=!0,i=c}finally{try{o||null==s.return||s.return()}finally{if(r)throw i}}return n}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}t.default=void 0;var r,i=(r=n(67294))&&r.__esModule?r:{default:r},a=n(76273),s=n(90387),c=n(57190);var u={};function d(e,t,n,o){if(e&&a.isLocalURL(t)){e.prefetch(t,n,o).catch((function(e){0}));var r=o&&"undefined"!==typeof o.locale?o.locale:e&&e.locale;u[t+"%"+n+(r?"%"+r:"")]=!0}}var l=function(e){var t,n=!1!==e.prefetch,r=s.useRouter(),l=i.default.useMemo((function(){var t=o(a.resolveHref(r,e.href,!0),2),n=t[0],i=t[1];return{href:n,as:e.as?a.resolveHref(r,e.as):i||n}}),[r,e.href,e.as]),f=l.href,p=l.as,m=e.children,h=e.replace,v=e.shallow,y=e.scroll,b=e.locale;"string"===typeof m&&(m=i.default.createElement("a",null,m));var w=(t=i.default.Children.only(m))&&"object"===typeof t&&t.ref,E=o(c.useIntersection({rootMargin:"200px"}),2),x=E[0],g=E[1],_=i.default.useCallback((function(e){x(e),w&&("function"===typeof w?w(e):"object"===typeof w&&(w.current=e))}),[w,x]);i.default.useEffect((function(){var e=g&&n&&a.isLocalURL(f),t="undefined"!==typeof b?b:r&&r.locale,o=u[f+"%"+p+(t?"%"+t:"")];e&&!o&&d(r,f,p,{locale:t})}),[p,f,g,b,n,r]);var L={ref:_,onClick:function(e){t.props&&"function"===typeof t.props.onClick&&t.props.onClick(e),e.defaultPrevented||function(e,t,n,o,r,i,s,c){("A"!==e.currentTarget.nodeName||!function(e){var t=e.currentTarget.target;return t&&"_self"!==t||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)&&a.isLocalURL(n))&&(e.preventDefault(),null==s&&o.indexOf("#")>=0&&(s=!1),t[r?"replace":"push"](n,o,{shallow:i,locale:c,scroll:s}))}(e,r,f,p,h,v,y,b)},onMouseEnter:function(e){t.props&&"function"===typeof t.props.onMouseEnter&&t.props.onMouseEnter(e),a.isLocalURL(f)&&d(r,f,p,{priority:!0})}};if(e.passHref||"a"===t.type&&!("href"in t.props)){var N="undefined"!==typeof b?b:r&&r.locale,C=r&&r.isLocaleDomain&&a.getDomainLocale(p,N,r&&r.locales,r&&r.domainLocales);L.href=C||a.addBasePath(a.addLocale(p,N,r&&r.defaultLocale))}return i.default.cloneElement(t,L)};t.default=l},57190:function(e,t,n){"use strict";function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=[],o=!0,r=!1,i=void 0;try{for(var a,s=e[Symbol.iterator]();!(o=(a=s.next()).done)&&(n.push(a.value),!t||n.length!==t);o=!0);}catch(c){r=!0,i=c}finally{try{o||null==s.return||s.return()}finally{if(r)throw i}}return n}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}Object.defineProperty(t,"__esModule",{value:!0}),t.useIntersection=function(e){var t=e.rootMargin,n=e.disabled||!a,c=r.useRef(),u=o(r.useState(!1),2),d=u[0],l=u[1],f=r.useCallback((function(e){c.current&&(c.current(),c.current=void 0),n||d||e&&e.tagName&&(c.current=function(e,t,n){var o=function(e){var t=e.rootMargin||"",n=s.get(t);if(n)return n;var o=new Map,r=new IntersectionObserver((function(e){e.forEach((function(e){var t=o.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)}))}),e);return s.set(t,n={id:t,observer:r,elements:o}),n}(n),r=o.id,i=o.observer,a=o.elements;return a.set(e,t),i.observe(e),function(){a.delete(e),i.unobserve(e),0===a.size&&(i.disconnect(),s.delete(r))}}(e,(function(e){return e&&l(e)}),{rootMargin:t}))}),[n,t,d]);return r.useEffect((function(){if(!a&&!d){var e=i.requestIdleCallback((function(){return l(!0)}));return function(){return i.cancelIdleCallback(e)}}}),[d]),[f,d]};var r=n(67294),i=n(9311),a="undefined"!==typeof IntersectionObserver;var s=new Map},25332:function(e,t,n){"use strict";n.d(t,{f:function(){return i}});var o=n(85893),r=(n(67294),n(41664)),i=function(e){var t=e.elHref,n=e.children,i=e.isExternal,a=e.onClickFn;return(0,o.jsx)(o.Fragment,{children:i?(0,o.jsx)("a",{style:{display:"flex"},href:t,rel:"noreferrer",target:"_blank",children:n}):a?(0,o.jsx)("button",{style:{width:"100%",display:"flex"},onClick:function(){return a()},children:n}):t&&(0,o.jsx)(r.default,{href:t,passHref:!0,children:(0,o.jsx)("a",{style:{width:"100%",display:"flex"},children:n})})})}},51572:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return y}});var o=n(85893),r=n(67294),i=(n(35202),n(23386),n(11163)),a=n(37347),s=n.n(a),c=n(86010),u=n(25332),d=n(10916),l=n.n(d),f=n(58959),p=n.n(f),m=function(e){var t=e.children,n=e.isReady,a=(0,i.useRouter)();return(0,r.useEffect)((function(){return n&&!document.body.classList.contains("isReady")&&document.body.classList.add("isReady"),function(){document.body.classList.remove("isReady")}}),[n]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:(0,c.Z)(p().readyWrapper,n&&p().readyWrapperReady)}),(0,o.jsx)("div",{className:p().appBackground}),(0,o.jsxs)("div",{className:p().authorWrapper,children:[(0,o.jsx)("span",{className:l().text,children:"Shaders Playground by"}),(0,o.jsx)("span",{className:p().contactSpacer}),(0,o.jsx)(u.f,{isExternal:!0,elHref:"https://creativeprojects.vercel.app/",children:(0,o.jsx)("span",{className:(0,c.Z)(l().text,l().textBold,l().textUnderline),children:"Michal Zalobny"})})]}),"/"===a.pathname&&(0,o.jsx)("div",{className:p().codeWrapper,children:(0,o.jsx)(u.f,{isExternal:!0,elHref:"https://github.com/michalzalobny/book-of-shaders-playground/tree/main/src/containers/Shaders",children:(0,o.jsx)("span",{className:(0,c.Z)(l().text,l().textUnderline),children:"GitHub Repo"})})}),t]})};function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){h(e,t,n[t])}))}return e}function y(e){var t=e.Component,n=e.pageProps,a=(0,i.useRouter)(),c=(0,r.useState)(!1),u=c[0],d=c[1];return(0,r.useEffect)((function(){var e=new(s())("opensans");Promise.all([e.load(null,1500)]).then((function(){d(!0)}),(function(){d(!0),console.warn("Fonts were loading too long (over 1500ms)")})).catch((function(e){d(!0),console.warn("Some critical font are not available:",e)}))}),[]),(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(m,{isReady:u,children:(0,o.jsx)(t,v({router:a},n),a.route+a.locale)})})}},58959:function(e){e.exports={readyWrapper:"Layout_readyWrapper__ay_hN",codeWrapper:"Layout_codeWrapper__a21MQ",authorWrapper:"Layout_authorWrapper__BTwZY",contactSpacer:"Layout_contactSpacer__O5vBQ",appBackgroun

1d:"Layout_appBackground___1sRF"}},10916:function(e){e.exports={blobBtn:"sharedStyles_blobBtn__zyphd",blobBtnSmall:"sharedStyles_blobBtnSmall___ACGW",blobBtnNoShadow:"sharedStyles_blobBtnNoShadow__ykJmm",text:"sharedStyles_text__PFir_",textBold:"sharedStyles_textBold__G1wfv",textBox:"sharedStyles_textBox__KUIS0",textBlack:"sharedStyles_textBlack__E35uD",textUnderline:"sharedStyles_textUnderline__JJPB7"}},23386:function(){},41664:function(e,t,n){e.exports=n(48418)},11163:function(e,t,n){e.exports=n(90387)}},function(e){var t=function(t){return e(e.s=t)};e.O(0,[9774,179],(function(){return t(76363),t(90387)}));var n=e.O();_N_E=n}]);