INP not showing on self-hosted

[amenk]

I am currently testing the new INP integration locally.

Versions:

• Version 122.0.6261.128 (Official Build) (64-bit)
• Sentry Browser Integration https://browser.sentry-cdn.com/7.110.0/bundle.tracing.min.js
• Sentry 24.3.0 self hosted, with the default features from the config example

Tracing sample rate is set to 1

I used

    Sentry.browserTracingIntegration({
        enableInp: true,
    }),

The web vitals view looks like this

I did not deploy the enableInp yet to production, maybe it would work there with a greater user base?

I am mostly interested in the INP element - how would this show up? Can someone post an example how it should look like when it is working?

When exactly is the INP transmitted? I saw in getsentry/sentry-javascript#7765 that some caching might be in place?

Originally posted by @amenk in getsentry/sentry-javascript#11591

[aldy505]

Can you try to add "organizations:performance-vitals-inp" to the feature flag on to the list of feature flags that's defined here?

self-hosted/sentry/sentry.conf.example.py

Lines 266 to 312 in d59c0aa

	for feature in (
	"organizations:discover",
	"organizations:events",
	"organizations:global-views",
	"organizations:incidents",
	"organizations:integrations-issue-basic",
	"organizations:integrations-issue-sync",
	"organizations:invite-members",
	"organizations:metric-alert-builder-aggregate",
	"organizations:sso-basic",
	"organizations:sso-rippling",
	"organizations:sso-saml2",
	"organizations:performance-view",
	"organizations:advanced-search",
	"organizations:session-replay",
	"organizations:issue-platform",
	"organizations:profiling",
	"organizations:monitors",
	"organizations:dashboards-mep",
	"organizations:mep-rollout-flag",
	"organizations:dashboards-rh-widget",
	"organizations:metrics-extraction",
	"organizations:transaction-metrics-extraction",
	"projects:custom-inbound-filters",
	"projects:data-forwarding",
	"projects:discard-groups",
	"projects:plugins",
	"projects:rate-limits",
	"projects:servicehooks",
	)
	+ (
	"projects:span-metrics-extraction",
	"organizations:starfish-browser-resource-module-image-view",
	"organizations:starfish-browser-resource-module-ui",
	"organizations:starfish-browser-webvitals",
	"organizations:starfish-browser-webvitals-pageoverview-v2",
	"organizations:starfish-browser-webvitals-use-backend-scores",
	"organizations:performance-calculate-score-relay",
	"organizations:starfish-browser-webvitals-replace-fid-with-inp",
	"organizations:deprecate-fid-from-performance-score",
	"organizations:performance-database-view",
	"organizations:performance-screens-view",
	"organizations:mobile-ttid-ttfd-contribution",
	"organizations:starfish-mobile-appstart",
	"organizations:standalone-span-ingestion",
	) # starfish related flags
	}

Then re-run ./install.sh script.

[amenk]

@aldy505 Added ist and re-ran install.sh - still "no data" after browsing a bit on the page.
How to sort out if the browser is sending INP? I have the debug javascript package already included.

<script src="https://browser.sentry-cdn.com/7.110.0/debug.min.js" crossorigin="anonymous"></script>

[aldy505]

Okay I've tested it on my instance. All you need to do:

1. Add another feature flag on sentry/sentry.conf.py

   SENTRY_FEATURES.update(
     # ...
     "organizations:performance-vitals-inp",
     # ...
   )

2. Re-run sudo ./install.sh && sudo docker compose up -d
3. I'm using this bundle: https://browser.sentry-cdn.com/7.111.0/bundle.tracing.replay.min.js
4. On Sentry.init, add enableInp: true

   Sentry.init({
     // ...
     integrations: [
       Sentry.browserTracingIntegration({
         enableInp: true
       })
     ]
   })

Event should be coming after sometime, it's not gonna be instant.

@amenk Let me know if that's working for you