1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9142],{1592:function(n,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sentry-example-page",function(){return r(35980)}])},35980:function(n,e,r){"use strict";r.r(e),r.d(e,{default:function(){return p}});var t=r(85893),o=r(66794),a=r(65505),s=r(61308),i=r(9008),l=r.n(i),c=r(67294);class d extends Error{constructor(n){super(n),this.name="SentryExampleFrontendError"}}function p(){let[n,e]=(0,c.useState)(!1),[r,i]=(0,c.useState)(!0);return(0,c.useEffect)(()=>{o.um("Sentry example page loaded"),async function(){let n=await a.P();i("sentry-unreachable"!==n)}()},[]),(0,t.jsxs)("div",{children:[(0,t.jsxs)(l(),{children:[(0,t.jsx)("title",{children:"sentry-example-page"}),(0,t.jsx)("meta",{name:"description",content:"Test Sentry for your Next.js app!"})]}),(0,t.jsxs)("main",{children:[(0,t.jsx)("div",{className:"flex-spacer"}),(0,t.jsx)("svg",{height:"40",width:"40",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Sentry logo",children:(0,t.jsx)("path",{d:"M21.85 2.995a3.698 3.698 0 0 1 1.353 1.354l16.303 28.278a3.703 3.703 0 0 1-1.354 5.053 3.694 3.694 0 0 1-1.848.496h-3.828a31.149 31.149 0 0 0 0-3.09h3.815a.61.61 0 0 0 .537-.917L20.523 5.893a.61.61 0 0 0-1.057 0l-3.739 6.494a28.948 28.948 0 0 1 9.63 10.453 28.988 28.988 0 0 1 3.499 13.78v1.542h-9.852v-1.544a19.106 19.106 0 0 0-2.182-8.85 19.08 19.08 0 0 0-6.032-6.829l-1.85 3.208a15.377 15.377 0 0 1 6.382 12.484v1.542H3.696A3.694 3.694 0 0 1 0 34.473c0-.648.17-1.286.494-1.849l2.33-4.074a8.562 8.562 0 0 1 2.689 1.536L3.158 34.17a.611.611 0 0 0 .538.917h8.448a12.481 12.481 0 0 0-6.037-9.09l-1.344-.772 4.908-8.545 1.344.77a22.16 22.16 0 0 1 7.705 7.444 22.193 22.193 0 0 1 3.316 10.193h3.699a25.892 25.892 0 0 0-3.811-12.033 25.856 25.856 0 0 0-9.046-8.796l-1.344-.772 5.269-9.136a3.698 3.698 0 0 1 3.2-1.849c.648 0 1.285.17 1.847.495Z",fill:"currentcolor"})}),(0,t.jsx)("h1",{children:"sentry-example-page"}),(0,t.jsxs)("p",{className:"description",children:["Click the button below, and view the sample error on the Sentry"," ",(0,t.jsx)("a",{target:"_blank",rel:"noopener",href:"https://nigwa.sentry.io/issues/?project=4510630730661968",children:"Issues Page"}),". For more details about setting up Sentry,"," ",(0,t.jsx)("a",{target:"_blank",rel:"noopener",href:"https://docs.sentry.io/platforms/javascript/guides/nextjs/",children:"read our docs"}),"."]}),(0,t.jsx)("button",{type:"button",onClick:async()=>{throw o.um("User clicked the button, throwing a sample error"),await s.GK({name:"Example Frontend/Backend Span",op:"test"},async()=>{let n=await fetch("/api/sentry-example-api");n.ok||e(!0)}),new d("This error is raised on the frontend of the example page.")},disabled:!r,children:(0,t.jsx)("span",{children:"Throw Sample Error"})}),n?(0,t.jsx)("p",{className:"success",children:"Error sent to Sentry."}):r?(0,t.jsx)("div",{className:"success_placeholder"}):(0,t.jsx)("div",{className:"connectivity-error",children:(0,t.jsx)("p",{children:"It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test."})}),(0,t.jsx)("div",{className:"flex-spacer"})]}),(0,t.jsx)("style",{dangerouslySetInnerHTML:{__html:'\n main {\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n padding: 16px;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;\n }\n\n h1 {\n padding: 0px 4px;\n border-radius: 4px;\n background-color: rgba(24, 20, 35, 0.03);\n font-family: monospace;\n font-size: 20px;\n line-height: 1.2;\n }\n\n p {\n margin: 0;\n font-size: 20px;\n }\n\n a {\n color: #6341F0;\n text-decoration: underline;\n cursor: pointer;\n\n @media (prefers-color-scheme: dark) {\n color: #B3A1FF;\n }\n }\n\n button {\n border-radius: 8px;\n color: white;\n cursor: pointer;\n background-color: #553DB8;\n border: none;\n padding: 0;\n margin-top: 4px;\n\n & > span {\n display: inline-block;\n padding: 12px 16px;\n border-radius: inherit;\n font-size: 20px;\n font-weight: bold;\n line-height: 1;\n background-color: #7553FF;\n border: 1px solid #553DB8;\n transform: translateY(-4px);\n }\n\n &:hover > span {\n transform: translateY(-8px);\n }\n\n &:active > span {\n transform: translateY(0);\n }
1\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.6;\n\n & > span {\n transform: translateY(0);\n border: none\n }\n }\n }\n\n .description {\n text-align: center;\n color: #6E6C75;\n max-width: 500px;\n line-height: 1.5;\n font-size: 20px;\n\n @media (prefers-color-scheme: dark) {\n color: #A49FB5;\n }\n }\n\n .flex-spacer {\n flex: 1;\n }\n\n .success {\n padding: 12px 16px;\n border-radius: 8px;\n font-size: 20px;\n line-height: 1;\n background-color: #00F261;\n border: 1px solid #00BF4D;\n color: #181423;\n }\n\n .success_placeholder {\n height: 46px;\n }\n\n .connectivity-error {\n padding: 12px 16px;\n background-color: #E50045;\n border-radius: 8px;\n width: 500px;\n color: #FFFFFF;\n border: 1px solid #A80033;\n text-align: center;\n margin: 0;\n }\n\n .connectivity-error a {\n color: #FFFFFF;\n text-decoration: underline;\n }\n '}})]})}}},function(n){n.O(0,[4962,7571,9774,2888,179],function(){return n(n.s=1592)}),_N_E=n.O()}]);
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.