@honeybadger-io/js 6.14.0 → 6.15.0

package/dist/browser/honeybadger.js

@@ -939,7 +939,7 @@
 	var defaults = {};
 
 	Object.defineProperty(defaults, "__esModule", { value: true });
-	defaults.CONFIG = void 0;
+	defaults.BREADCRUMBS_SELECTOR_ATTRIBUTES = defaults.CONFIG = void 0;
 	defaults.CONFIG = {
 	    apiKey: null,
 	    endpoint: 'https://api.honeybadger.io',
@@ -966,6 +966,8 @@
 	    filters: ['creditcard', 'password'],
 	    __plugins: [],
 	};
+	// Browser-only, so it lives outside CONFIG (which is shared with Node).
+	defaults.BREADCRUMBS_SELECTOR_ATTRIBUTES = ['data-hb-name'];
 
 	var __assign$2 = (commonjsGlobal && commonjsGlobal.__assign) || function () {
 	    __assign$2 = Object.assign || function(t) {
@@ -1198,7 +1200,7 @@
 	        this.__notifier = {
 	            name: '@honeybadger-io/core',
 	            url: 'https://github.com/honeybadger-io/honeybadger-js/tree/master/packages/core',
-	            version: '6.14.0'
+	            version: '6.15.0'
 	        };
 	        this.config = __assign$1(__assign$1({}, defaults_1.CONFIG), opts);
 	        this.__initStore();
@@ -1633,12 +1635,34 @@
 	util.preferCatch = util.encodeCookie = util.decodeCookie = util.localURLPathname = util.parseURL = util.nativeFetch = util.stringTextOfElement = util.stringSelectorOfElement = util.stringNameOfElement = void 0;
 	var core_1$7 = src;
 	var globalThisOrWindow$7 = core_1$7.Util.globalThisOrWindow;
+	var BREADCRUMBS_SELECTOR_ATTRIBUTES = core_1$7.Defaults.BREADCRUMBS_SELECTOR_ATTRIBUTES;
 	/**
 	 * Converts an HTMLElement into a human-readable string.
 	 * @param {!HTMLElement} element
 	 * @return {string}
 	 */
-	function stringNameOfElement(element) {
+	function cleanNameOfElement(element, attributes) {
+	    if (!Array.isArray(attributes)) {
+	        return undefined;
+	    }
+	    if (!element || typeof element.getAttribute !== 'function') {
+	        return undefined;
+	    }
+	    for (var _i = 0, attributes_1 = attributes; _i < attributes_1.length; _i++) {
+	        var attr = attributes_1[_i];
+	        if (typeof attr !== 'string' || attr.length === 0) {
+	            continue;
+	        }
+	        var value = element.getAttribute(attr);
+	        if (value && value.trim()) {
+	            var normalized = value.trim().replace(/\s+/g, ' ');
+	            return truncate(normalized, 100);
+	        }
+	    }
+	    return undefined;
+	}
+	function stringNameOfElement(element, attributes) {
+	    if (attributes === void 0) { attributes = BREADCRUMBS_SELECTOR_ATTRIBUTES; }
 	    if (!element || !element.tagName) {
 	        return '';
 	    }
@@ -1647,6 +1671,10 @@
 	    if (name === 'html') {
 	        return '';
 	    }
+	    var cleanName = cleanNameOfElement(element, attributes);
+	    if (cleanName) {
+	        return cleanName;
+	    }
 	    if (element.id) {
 	        name += "#".concat(element.id);
 	    }
@@ -1669,10 +1697,15 @@
 	    return name;
 	}
 	util.stringNameOfElement = stringNameOfElement;
-	function stringSelectorOfElement(element) {
-	    var name = stringNameOfElement(element);
+	function stringSelectorOfElement(element, attributes) {
+	    if (attributes === void 0) { attributes = BREADCRUMBS_SELECTOR_ATTRIBUTES; }
+	    var name = stringNameOfElement(element, attributes);
+	    // A named element anchors the selector: stop walking up.
+	    if (name && cleanNameOfElement(element, attributes)) {
+	        return name;
+	    }
 	    if (element.parentNode && element.parentNode.tagName) {
-	        var parentName = stringSelectorOfElement(element.parentNode);
+	        var parentName = stringSelectorOfElement(element.parentNode, attributes);
 	        if (parentName.length > 0) {
 	            return "".concat(parentName, " > ").concat(name);
 	        }
@@ -2002,8 +2035,9 @@
 	                _window.addEventListener('click', function (event) {
 	                    var message, selector, text;
 	                    try {
-	                        message = (0, util_1.stringNameOfElement)(event.target);
-	                        selector = (0, util_1.stringSelectorOfElement)(event.target);
+	                        var attributes = client.config.breadcrumbsSelectorAttributes;
+	                        message = (0, util_1.stringNameOfElement)(event.target, attributes);
+	                        selector = (0, util_1.stringSelectorOfElement)(event.target, attributes);
 	                        text = (0, util_1.stringTextOfElement)(event.target);
 	                    }
 	                    catch (e) {
@@ -2552,7 +2586,7 @@
 		    __extends(Honeybadger, _super);
 		    function Honeybadger(opts) {
 		        if (opts === void 0) { opts = {}; }
-		        var _this = _super.call(this, __assign({ userFeedbackEndpoint: 'https://api.honeybadger.io/v2/feedback', async: true, maxErrors: null, ignoreBrowserExtensionErrors: false, projectRoot: getProjectRoot() }, opts), new transport_1.BrowserTransport({
+		        var _this = _super.call(this, __assign({ userFeedbackEndpoint: 'https://api.honeybadger.io/v2/feedback', async: true, maxErrors: null, ignoreBrowserExtensionErrors: false, breadcrumbsSelectorAttributes: core_1.Defaults.BREADCRUMBS_SELECTOR_ATTRIBUTES, projectRoot: getProjectRoot() }, opts), new transport_1.BrowserTransport({
 		            'User-Agent': userAgent(),
 		        })) || this;
 		        /** @internal */
@@ -2726,7 +2760,7 @@
 		var NOTIFIER = {
 		    name: '@honeybadger-io/js',
 		    url: 'https://github.com/honeybadger-io/honeybadger-js/tree/master/packages/js',
-		    version: '6.14.0'
+		    version: '6.15.0'
 		};
 		var userAgent = function () {
 		    if (typeof navigator !== 'undefined') {