-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-using-ssr-js-2fd9537e76fde49860ef.js.map
1 lines (1 loc) · 9.45 KB
/
component---src-pages-using-ssr-js-2fd9537e76fde49860ef.js.map
1
{"version":3,"file":"component---src-pages-using-ssr-js-2fd9537e76fde49860ef.js","mappings":"6LA+BA,MA5Be,QAAC,UAAEA,GAAW,SAC3B,0BACEC,MAAO,CACLC,OAAO,SACPC,QAAQ,oCACRC,QAAQ,OACRC,WAAW,SACXC,eAAe,kBAGjB,gBAAC,EAAAC,KAAI,CACHC,GAAG,IACHP,MAAO,CACLQ,SAAS,iBACTC,eAAe,SAGhBV,GAEH,uBACEW,IAAI,cACJC,OAAQ,GACRX,MAAO,CAAEC,OAAQ,GACjBW,IAAI,y6EAEC,ECsBX,MArCe,IAAmB,IAAD,MAAjB,SAAEC,GAAU,EAC1B,MAAMC,GAAOC,EAAAA,EAAAA,gBAAe,cAU5B,OACE,gCACE,gBAAC,EAAM,CAAChB,WAAiC,QAAtB,EAAAe,EAAKE,KAAKC,oBAAY,aAAtB,EAAwBC,QAAK,UAChD,uBACElB,MAAO,CACLC,OAAO,SACPkB,SAAS,sBACTjB,QAAQ,uBAGV,4BAAOW,GACP,0BACEb,MAAO,CACLoB,UAAU,iBACVZ,SAAS,mBAEZ,MACI,IAAIa,MAAOC,cAAc,gBAC5B,IACA,qBAAGC,KAAK,4BAA2B,YAGtC,C,+CCFP,IAlCA,SAAa,GAAmC,IAAD,QAAlC,YAAEC,EAAW,MAAEN,EAAK,SAAEL,GAAU,EAC3C,MAAM,KAAEG,IAASD,EAAAA,EAAAA,gBAAe,YAc1BU,EAAkBD,GAAeR,EAAKC,aAAaO,YACnDE,EAAgC,QAApB,EAAGV,EAAKC,oBAAY,aAAjB,EAAmBC,MAExC,OACE,gCACE,6BAAQQ,EAAkBR,EAAK,MAAMQ,EAAiBR,GACtD,wBAAMS,KAAK,cAAcC,QAASH,IAClC,wBAAMI,SAAS,WAAWD,QAASV,IACnC,wBAAMW,SAAS,iBAAiBD,QAASH,IACzC,wBAAMI,SAAS,UAAUD,QAAQ,YACjC,wBAAMD,KAAK,eAAeC,QAAQ,YAClC,wBAAMD,KAAK,kBAAkBC,SAA0B,QAAjB,EAAAZ,EAAKC,oBAAY,aAAjB,EAAmBa,SAAM,KAC/D,wBAAMH,KAAK,gBAAgBC,QAASV,IACpC,wBAAMS,KAAK,sBAAsBC,QAASH,IACzCZ,EAGP,C,6GCpCA,MA4BakB,EAAO,IAAM,gBAAC,IAAG,CAACb,MAAM,cAErC,UA9BiB,IAAoB,IAAnB,WAAEc,GAAY,EAC9B,OACE,gBAAC,IAAM,KACL,0BAAI,gBACW,yBAAG,yBAElB,yBAAG,mHAE4C,IAC7C,4BAAM,yCAA4C,KAEpD,uBACEhC,MAAO,CAAEiC,MAAO,QAASC,aAAc,wBACvCxB,IAAI,eACJE,IAAKoB,EAAWG,UAElB,yBAAG,kCAC+B,IAChC,qBAAGZ,KAAK,oFAAmF,6CAEvF,KAGN,gBAAC,EAAAjB,KAAI,CAACC,GAAG,KAAI,2BACN,C","sources":["webpack://gatsby-starter-default/./src/components/header.js","webpack://gatsby-starter-default/./src/components/layout.js","webpack://gatsby-starter-default/./src/components/seo.js","webpack://gatsby-starter-default/./src/pages/using-ssr.js"],"sourcesContent":["import * as React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nconst Header = ({ siteTitle }) => (\r\n <header\r\n style={{\r\n margin: `0 auto`,\r\n padding: `var(--space-4) var(--size-gutter)`,\r\n display: `flex`,\r\n alignItems: `center`,\r\n justifyContent: `space-between`,\r\n }}\r\n >\r\n <Link\r\n to=\"/\"\r\n style={{\r\n fontSize: `var(--font-sm)`,\r\n textDecoration: `none`,\r\n }}\r\n >\r\n {siteTitle}\r\n </Link>\r\n <img\r\n alt=\"Gatsby logo\"\r\n height={20}\r\n style={{ margin: 0 }}\r\n src=\"data:image/svg+xml,%3Csvg fill='none' viewBox='0 0 107 28' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m0 0h106.1v28h-106.1z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cg fill='%23000'%3E%3Cpath clip-rule='evenodd' d='m89 11.7c-.8 0-2.2.2-3.2 1.6v-8.10005h-2.8v16.80005h2.7v-1.3c1.1 1.5 2.6 1.5999 3.2 1.5999 3 0 5-2.2999 5-5.2999s-2-5.3-4.9-5.3zm-.7 2.5c1.7 0 2.8 1.2 2.8 2.8s-1.2 2.8-2.8 2.8c-1.7 0-2.8-1.2-2.8-2.8s1.1-2.8 2.8-2.8z' fill-rule='evenodd'/%3E%3Cpath d='m71.2 21.9999v-7.6h1.9v-2.4h-1.9v-3.40005h-2.8v3.40005h-1.1v2.4h1.1v7.6z'/%3E%3Cpath clip-rule='evenodd' d='m65.6999 12h-2.9v1.3c-.8999-1.5-2.4-1.6-3.2-1.6-2.9 0-4.8999 2.4-4.8999 5.3s1.9999 5.2999 5.0999 5.2999c.8 0 2.1001-.0999 3.1001-1.5999v1.3h2.7999zm-5.1999 7.8c-1.7001 0-2.8-1.2-2.8-2.8s1.2-2.8 2.8-2.8c1.7 0 2.7999 1.2 2.7999 2.8s-1.1999 2.8-2.7999 2.8z' fill-rule='evenodd'/%3E%3Cpath d='m79.7001 14.4c-.7-.6-1.3-.7-1.6-.7-.7 0-1.1.3-1.1.8 0 .3.1.6.9.9l.7.2c.1261.0472.2621.0945.4037.1437.7571.2632 1.6751.5823 2.0963 1.2563.3.4.5 1 .5 1.7 0 .9-.3 1.8-1.1 2.5s-1.8 1.0999-3 1.0999c-2.1 0-3.2-.9999-3.9-1.6999l1.5-1.7c.6.6 1.4 1.2 2.2 1.2s1.4-.4 1.4-1.1c0-.6-.5-.9-.9-1l-.6-.2c-.0687-.0295-.1384-.0589-.2087-.0887l-.0011-.0004c-.6458-.2729-1.3496-.5704-1.8902-1.1109-.5-.5-.8-1.1-.8-1.9 0-1 .5-1.8 1-2.3.8-.6 1.8-.7 2.6-.7.7 0 1.9.1 3.2 1.1z'/%3E%3Cpath d='m98.5 20.5-4.8-8.5h3.3l3.1 5.7 2.8-5.7h3.2l-8 15.3h-3.2z'/%3E%3Cpath d='m47 13.7h7c0 .0634.01.1267.0206.1932.0227.1435.0477.3018-.0206.5068 0 4.5-3.4 8.1-8 8.1s-8-3.6-8-8.1c0-4.49995 3.6-8.09995 8-8.09995 2.6 0 5 1.2 6.5 3.3l-2.3 1.49995c-1-1.29995-2.6-2.09995-4.2-2.09995-2.9 0-4.9 2.49995-4.9 5.39995s2.1 5.3 5 5.3c2.6 0 4-1.3 4.6-3.2h-3.7z'/%3E%3C/g%3E%3Cpath d='m18 14h7c0 5.2-3.7 9.6-8.5 10.8l-13.19995-13.2c1.1-4.9 5.5-8.6 10.69995-8.6 3.7 0 6.9 1.8 8.9 4.5l-1.5 1.3c-1.7-2.3-4.4-3.8-7.4-3.8-3.9 0-7.29995 2.5-8.49995 6l11.49995 11.5c2.9-1 5.1-3.5 5.8-6.5h-4.8z' fill='%23fff'/%3E%3Cpath d='m6.2 21.7001c-2.1-2.1-3.2-4.8-3.2-7.6l10.8 10.8c-2.7 0-5.5-1.1-7.6-3.2z' fill='%23fff'/%3E%3Cpath d='m14 0c-7.7 0-14 6.3-14 14s6.3 14 14 14 14-6.3 14-14-6.3-14-14-14zm-7.8 21.8c-2.1-2.1-3.2-4.9-3.2-7.6l10.9 10.8c-2.8-.1-5.6-1.1-7.7-3.2zm10.2 2.9-13.1-13.1c1.1-4.9 5.5-8.6 10.7-8.6 3.7 0 6.9 1.8 8.9 4.5l-1.5 1.3c-1.7-2.3-4.4-3.8-7.4-3.8-3.9 0-7.2 2.5-8.5 6l11.5 11.5c2.9-1 5.1-3.5 5.8-6.5h-4.8v-2h7c0 5.2-3.7 9.6-8.6 10.7z' fill='%237026b9'/%3E%3C/g%3E%3C/svg%3E\"\r\n />\r\n </header>\r\n)\r\n\r\nexport default Header\r\n","/**\r\n * Layout component that queries for data\r\n * with Gatsby's useStaticQuery component\r\n *\r\n * See: https://www.gatsbyjs.com/docs/how-to/querying-data/use-static-query/\r\n */\r\n\r\nimport * as React from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\n\r\nimport Header from \"./header\"\r\nimport \"./layout.css\"\r\n\r\nconst Layout = ({ children }) => {\r\n const data = useStaticQuery(graphql`\r\n query SiteTitleQuery {\r\n site {\r\n siteMetadata {\r\n title\r\n }\r\n }\r\n }\r\n `)\r\n\r\n return (\r\n <>\r\n <Header siteTitle={data.site.siteMetadata?.title || `Title`} />\r\n <div\r\n style={{\r\n margin: `0 auto`,\r\n maxWidth: `var(--size-content)`,\r\n padding: `var(--size-gutter)`,\r\n }}\r\n >\r\n <main>{children}</main>\r\n <footer\r\n style={{\r\n marginTop: `var(--space-5)`,\r\n fontSize: `var(--font-sm)`,\r\n }}\r\n >\r\n © {new Date().getFullYear()} · Built with\r\n {` `}\r\n <a href=\"https://www.gatsbyjs.com\">Gatsby</a>\r\n </footer>\r\n </div>\r\n </>\r\n )\r\n}\r\n\r\nexport default Layout\r\n","/**\r\n * SEO component that queries for data with\r\n * Gatsby's useStaticQuery React hook\r\n *\r\n * See: https://www.gatsbyjs.com/docs/how-to/querying-data/use-static-query/\r\n */\r\n\r\nimport * as React from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\n\r\nfunction Seo({ description, title, children }) {\r\n const { site } = useStaticQuery(\r\n graphql`\r\n query {\r\n site {\r\n siteMetadata {\r\n title\r\n description\r\n author\r\n }\r\n }\r\n }\r\n `\r\n )\r\n\r\n const metaDescription = description || site.siteMetadata.description\r\n const defaultTitle = site.siteMetadata?.title\r\n\r\n return (\r\n <>\r\n <title>{defaultTitle ? `${title} | ${defaultTitle}` : title}</title>\r\n <meta name=\"description\" content={metaDescription} />\r\n <meta property=\"og:title\" content={title} />\r\n <meta property=\"og:description\" content={metaDescription} />\r\n <meta property=\"og:type\" content=\"website\" />\r\n <meta name=\"twitter:card\" content=\"summary\" />\r\n <meta name=\"twitter:creator\" content={site.siteMetadata?.author || ``} />\r\n <meta name=\"twitter:title\" content={title} />\r\n <meta name=\"twitter:description\" content={metaDescription} />\r\n {children}\r\n </>\r\n )\r\n}\r\n\r\nexport default Seo\r\n","import * as React from \"react\"\r\nimport { Link } from \"gatsby\"\r\n\r\nimport Layout from \"../components/layout\"\r\nimport Seo from \"../components/seo\"\r\n\r\nconst UsingSSR = ({ serverData }) => {\r\n return (\r\n <Layout>\r\n <h1>\r\n This page is <b>rendered server-side</b>\r\n </h1>\r\n <p>\r\n This page is rendered server side every time the page is requested.\r\n Reload it to see a(nother) random photo from{\" \"}\r\n <code>dog.ceo/api/breed/shiba/images/random</code>:\r\n </p>\r\n <img\r\n style={{ width: \"320px\", borderRadius: \"var(--border-radius)\" }}\r\n alt=\"A random dog\"\r\n src={serverData.message}\r\n />\r\n <p>\r\n To learn more, head over to our{\" \"}\r\n <a href=\"https://www.gatsbyjs.com/docs/reference/rendering-options/server-side-rendering/\">\r\n documentation about Server Side Rendering\r\n </a>\r\n .\r\n </p>\r\n <Link to=\"/\">Go back to the homepage</Link>\r\n </Layout>\r\n )\r\n}\r\n\r\nexport const Head = () => <Seo title=\"Using SSR\" />\r\n\r\nexport default UsingSSR\r\n\r\nexport async function getServerData() {\r\n try {\r\n const res = await fetch(`https://dog.ceo/api/breed/shiba/images/random`)\r\n if (!res.ok) {\r\n throw new Error(`Response failed`)\r\n }\r\n return {\r\n props: await res.json(),\r\n }\r\n } catch (error) {\r\n return {\r\n status: 500,\r\n headers: {},\r\n props: {},\r\n }\r\n }\r\n}\r\n"],"names":["siteTitle","style","margin","padding","display","alignItems","justifyContent","Link","to","fontSize","textDecoration","alt","height","src","children","data","useStaticQuery","site","siteMetadata","title","maxWidth","marginTop","Date","getFullYear","href","description","metaDescription","defaultTitle","name","content","property","author","Head","serverData","width","borderRadius","message"],"sourceRoot":""}