Browser: How to add `beforeSend` hook?

[jakubm95]

I tried adding a beforeSend hook. I found #42 but it is not described enough Could you describe exactly how to add beforeSend hook?

Sentry.init({
  beforeSend(event, hint) {
    if (hint.originalException === "Timeout") return null;
    return event;
  }
});

Thank you in advance

[stayallive]

See: https://github.com/stayallive/wp-sentry#client-side-hook

Something like this might be what you need, not tested though so check it over yourself before using please!

add_action( 'wp_enqueue_scripts', function () {
    wp_add_inline_script( 'wp-sentry-browser', 'function wp_sentry_hook(options) { options.beforeSend(event, hint) { return hint.originalException === "Timeout" ? null : event; } }', 'before' );
} );

[alessandro-newzoo]

I'd like to add that maintaining JS snippets within PHP code can quickly become a nightmare (and VS Code will not have any syntax highlighting for the JS inside of the PHP code which makes it even worse), so I'd suggest something like this:

functions.php:

add_action(
    'wp_enqueue_scripts',
    function () {

                // Move your JS to this file
        $sentry_config_path = get_template_directory() . '/js/sentry.js';

        if ( file_exists( $sentry_config_path ) ) {
            // Load the contents of the bundled script
            $sentry_config_script = file_get_contents( $sentry_config_path );

            // Inline the script before the wp-sentry-browser script
            wp_add_inline_script( 'wp-sentry-browser', $sentry_config_script, 'before' );
        }
    }
);

sentry.js:

function wp_sentry_hook(options) {
    options.beforeSend = function (event, hint) {
        // Modify the event here
        return event;
    };
    return options;
}