Next.js middleware sourcemaps built to from .next/server/src missing #8646

Closed
#9454
Closed
Next.js middleware sourcemaps built to from .next/server/src missing#8646
#9454
Assignees
lforst

Description

@meyer9
meyer9
opened on Jul 26, 2023

Is there an existing issue for this?

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/nextjs

SDK Version

7.60.0

Framework Version

Next.js 13.4.9

Link to Sentry event

https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29

SDK Setup

/** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}

Steps to Reproduce

  1. Trigger an error in NextJS middleware.
Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
  1. Notice the stack trace in Sentry includes an error about absolute URLs

Expected Result

Source map should shows up in Sentry.

Actual Result

The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.

From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634

It seems like .next/server/src is not included.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    , 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
     blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

    Skip to content
    Next.js middleware sourcemaps built to from .next/server/src missing #8646
    Closed
    #9454
    Closed
    Next.js middleware sourcemaps built to from .next/server/src missing#8646
    #9454
    Assignees
    lforst
    Description
    @meyer9
    meyer9
    opened on Jul 26, 2023
    Is there an existing issue for this?
    How do you use Sentry?
    Sentry Saas (sentry.io)
    Which SDK are you using?
    @sentry/nextjs
    SDK Version
    7.60.0
    Framework Version
    Next.js 13.4.9
    Link to Sentry event
    https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
    SDK Setup
    /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
    Steps to Reproduce
    1. Trigger an error in NextJS middleware.
    Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

    1. Notice the stack trace in Sentry includes an error about absolute URLs
    Expected Result
    Source map should shows up in Sentry.
    Actual Result
    The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
    From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
    It seems like .next/server/src is not included.
    Activity
    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Metadata
    Metadata
    Assignees
    Labels
    No labels
    No labels
    Projects
    No projects
      Milestone
      No milestone
      Relationships
      None yet
      Development
      No branches or pull requests
      Issue actions
      
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

      Skip to content
      Next.js middleware sourcemaps built to from .next/server/src missing #8646
      Closed
      #9454
      Closed
      Next.js middleware sourcemaps built to from .next/server/src missing#8646
      #9454
      Assignees
      lforst
      Description
      @meyer9
      meyer9
      opened on Jul 26, 2023
      Is there an existing issue for this?
      How do you use Sentry?
      Sentry Saas (sentry.io)
      Which SDK are you using?
      @sentry/nextjs
      SDK Version
      7.60.0
      Framework Version
      Next.js 13.4.9
      Link to Sentry event
      https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
      SDK Setup
      /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
      Steps to Reproduce
      1. Trigger an error in NextJS middleware.
      Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

      1. Notice the stack trace in Sentry includes an error about absolute URLs
      Expected Result
      Source map should shows up in Sentry.
      Actual Result
      The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
      From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
      It seems like .next/server/src is not included.
      Activity
      Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
      Metadata
      Metadata
      Assignees
      Labels
      No labels
      No labels
      Projects
      No projects
        Milestone
        No milestone
        Relationships
        None yet
        Development
        No branches or pull requests
        Issue actions
        
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

        Skip to content
        Next.js middleware sourcemaps built to from .next/server/src missing #8646
        Closed
        #9454
        Closed
        Next.js middleware sourcemaps built to from .next/server/src missing#8646
        #9454
        Assignees
        lforst
        Description
        @meyer9
        meyer9
        opened on Jul 26, 2023
        Is there an existing issue for this?
        How do you use Sentry?
        Sentry Saas (sentry.io)
        Which SDK are you using?
        @sentry/nextjs
        SDK Version
        7.60.0
        Framework Version
        Next.js 13.4.9
        Link to Sentry event
        https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
        SDK Setup
        /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
        Steps to Reproduce
        1. Trigger an error in NextJS middleware.
        Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

        1. Notice the stack trace in Sentry includes an error about absolute URLs
        Expected Result
        Source map should shows up in Sentry.
        Actual Result
        The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
        From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
        It seems like .next/server/src is not included.
        Activity
        Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
        Metadata
        Metadata
        Assignees
        Labels
        No labels
        No labels
        Projects
        No projects
          Milestone
          No milestone
          Relationships
          None yet
          Development
          No branches or pull requests
          Issue actions
          
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

          Skip to content
          Next.js middleware sourcemaps built to from .next/server/src missing #8646
          Closed
          #9454
          Closed
          Next.js middleware sourcemaps built to from .next/server/src missing#8646
          #9454
          Assignees
          lforst
          Description
          @meyer9
          meyer9
          opened on Jul 26, 2023
          Is there an existing issue for this?
          How do you use Sentry?
          Sentry Saas (sentry.io)
          Which SDK are you using?
          @sentry/nextjs
          SDK Version
          7.60.0
          Framework Version
          Next.js 13.4.9
          Link to Sentry event
          https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
          SDK Setup
          /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
          Steps to Reproduce
          1. Trigger an error in NextJS middleware.
          Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

          1. Notice the stack trace in Sentry includes an error about absolute URLs
          Expected Result
          Source map should shows up in Sentry.
          Actual Result
          The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
          From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
          It seems like .next/server/src is not included.
          Activity
          Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
          Metadata
          Metadata
          Assignees
          Labels
          No labels
          No labels
          Projects
          No projects
            Milestone
            No milestone
            Relationships
            None yet
            Development
            No branches or pull requests
            Issue actions
            
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

            Skip to content
            Next.js middleware sourcemaps built to from .next/server/src missing #8646
            Closed
            #9454
            Closed
            Next.js middleware sourcemaps built to from .next/server/src missing#8646
            #9454
            Assignees
            lforst
            Description
            @meyer9
            meyer9
            opened on Jul 26, 2023
            Is there an existing issue for this?
            How do you use Sentry?
            Sentry Saas (sentry.io)
            Which SDK are you using?
            @sentry/nextjs
            SDK Version
            7.60.0
            Framework Version
            Next.js 13.4.9
            Link to Sentry event
            https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
            SDK Setup
            /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
            Steps to Reproduce
            1. Trigger an error in NextJS middleware.
            Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

            1. Notice the stack trace in Sentry includes an error about absolute URLs
            Expected Result
            Source map should shows up in Sentry.
            Actual Result
            The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
            From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
            It seems like .next/server/src is not included.
            Activity
            Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
            Metadata
            Metadata
            Assignees
            Labels
            No labels
            No labels
            Projects
            No projects
              Milestone
              No milestone
              Relationships
              None yet
              Development
              No branches or pull requests
              Issue actions
              
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

              Skip to content
              Next.js middleware sourcemaps built to from .next/server/src missing #8646
              Closed
              #9454
              Closed
              Next.js middleware sourcemaps built to from .next/server/src missing#8646
              #9454
              Assignees
              lforst
              Description
              @meyer9
              meyer9
              opened on Jul 26, 2023
              Is there an existing issue for this?
              How do you use Sentry?
              Sentry Saas (sentry.io)
              Which SDK are you using?
              @sentry/nextjs
              SDK Version
              7.60.0
              Framework Version
              Next.js 13.4.9
              Link to Sentry event
              https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
              SDK Setup
              /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
              Steps to Reproduce
              1. Trigger an error in NextJS middleware.
              Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

              1. Notice the stack trace in Sentry includes an error about absolute URLs
              Expected Result
              Source map should shows up in Sentry.
              Actual Result
              The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
              From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
              It seems like .next/server/src is not included.
              Activity
              Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
              Metadata
              Metadata
              Assignees
              Labels
              No labels
              No labels
              Projects
              No projects
                Milestone
                No milestone
                Relationships
                None yet
                Development
                No branches or pull requests
                Issue actions
                
, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

                Skip to content
                Next.js middleware sourcemaps built to from .next/server/src missing #8646
                Closed
                #9454
                Closed
                Next.js middleware sourcemaps built to from .next/server/src missing#8646
                #9454
                Assignees
                lforst
                Description
                @meyer9
                meyer9
                opened on Jul 26, 2023
                Is there an existing issue for this?
                How do you use Sentry?
                Sentry Saas (sentry.io)
                Which SDK are you using?
                @sentry/nextjs
                SDK Version
                7.60.0
                Framework Version
                Next.js 13.4.9
                Link to Sentry event
                https://placepull.sentry.io/discover/mercury:343d9d59ead7441bb0f30872747d2b9a/?field=title&field=release&field=environment&field=user.display&field=timestamp&name=Error%3A+this+is+a+test+error+2&project=5662046&query=issue%3AMERCURY-8AN&sort=-timestamp&statsPeriod=90d&yAxis=count%28%29
                SDK Setup
                /** * @type {Partial<import("@sentry/nextjs").SentryWebpackPluginOptions>} */constSentryWebpackPluginOptions={deploy: SENTRY_ENABLED
? {env: SENTRY_ENV,}
: undefined,release: NEXT_PUBLIC_COMMIT_SHA,env: SENTRY_ENV,authToken: SENTRY_AUTH_TOKEN,finalize: !SENTRY_ENABLED,dryRun: !SENTRY_ENABLED,hideSourceMaps: true,silent: NODE_ENV!=='production',}
                Steps to Reproduce
                1. Trigger an error in NextJS middleware.
                Error: this is a test error 2
at Object.middleware$1 (file:///Users/work/development/app/.next/server/src/middleware.js:8544:15)
at Object.<anonymous> (file:///Users/work/development/app/.next/server/src/middleware.js:8344:49)
at Object.apply (file:///Users/work/development/app/.next/server/src/middleware.js:8424:16)
at adapter (file:///Users/work/development/app/.next/server/src/middleware.js:1250:33)
at processTicksAndRejections (node:internal/process/task_queues:96:5)

                1. Notice the stack trace in Sentry includes an error about absolute URLs
                Expected Result
                Source map should shows up in Sentry.
                Actual Result
                The abs_path of the stack frame is /Users/work/development/app/.next/server/src/middleware.js which is not a valid URL. Read our docs for troubleshooting help.
                From this code: https://github.com/getsentry/sentry-javascript/blob/develop/packages/nextjs/src/config/webpack.ts#L627-L634
                It seems like .next/server/src is not included.
                Activity
                Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
                Metadata
                Metadata
                Assignees
                Labels
                No labels
                No labels
                Projects
                No projects
                  Milestone
                  No milestone
                  Relationships
                  None yet
                  Development
                  No branches or pull requests
                  Issue actions