noibu-react-native 0.0.4 → 0.0.6

package/dist/utils/stacktrace-parser.js

@@ -1,4 +1,4 @@
-import { MAX_FRAMES_IN_ARRAY, MAX_STRING_LENGTH, JS_STACK_LINE_ATT_NAME, JS_STACK_COL_ATT_NAME, JS_STACK_FILE_ATT_NAME, JS_STACK_METHOD_ATT_NAME } from '../constants.js';
+import { MAX_FRAMES_IN_ARRAY, MAX_STRING_LENGTH } from '../constants.js';
 
 /* eslint-disable require-jsdoc,prefer-destructuring,camelcase */
 // This is a loose copy of ravenjs code
@@ -56,14 +56,14 @@ const extractSafariExtensionDetails = (func, filename) => {
 };
 function createFrame(filename, func, lineno, colno) {
     const frame = {
-        [JS_STACK_FILE_ATT_NAME]: filename,
-        [JS_STACK_METHOD_ATT_NAME]: func,
+        file: filename,
+        mname: func,
     };
     if (lineno !== undefined) {
-        frame[JS_STACK_LINE_ATT_NAME] = lineno;
+        frame.line = lineno;
     }
     if (colno !== undefined) {
-        frame[JS_STACK_COL_ATT_NAME] = colno;
+        frame.column = colno;
     }
     return frame;
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "noibu-react-native",
-  "version": "0.0.4",
+  "version": "0.0.6",
+  "targetNjsVersion": "1.0.104",
   "description": "React-Native SDK for NoibuJS to collect errors in React-Native applications",
   "main": "dist/entry/index.js",
   "types": "dist/entry/index.d.ts",

package/dist/monitors/elementMonitor.js

@@ -1,177 +0,0 @@
-import { GET_ATTRIBUTE_SELECTORS } from '../constants.js';
-import InputManager from '../api/inputManager.js';
-
-/** @module ElementMonitor */
-
-/** Monitors the elements matching query selectors and passes them to the InputManager */
-class ElementMonitor {
-  /**
-   * gets the singleton instance
-   * @returns {ElementMonitor}
-   */
-  static getInstance() {
-    if (!this.instance) {
-      this.instance = new ElementMonitor();
-    }
-
-    return this.instance;
-  }
-
-  /**
-   * Safely calls `querySelectorAll` on the given node and returns an array of
-   * matching child elements. If `querySelectorAll` returns a falsy value,
-   * an empty array is returned.
-   *
-   * @private
-   * @param {Node} node - The node on which to call `querySelectorAll`.
-   * @param {string} selector - The CSS selector used to match child elements.
-   * @returns {Array<Element>} An array of matching child elements.
-   */
-  _safeQueryAll(node, selector) {
-    const matchingChildElements = node.querySelectorAll(selector);
-    if (!matchingChildElements) {
-      return [];
-    }
-
-    return Array.from(matchingChildElements);
-  }
-
-  /**
-   * Processes the given elements by adding their custom attributes to the InputManager.
-   *
-   * @private
-   * @param {NodeList|Array} elements - The list of elements to be processed.
-   * @param {string} selector - The selector corresponding to the elements being processed.
-   */
-  _processMatchingElements(elements, selector) {
-    elements.forEach(element => {
-      if (!element) {
-        return;
-      }
-
-      const selectorText = element.textContent;
-
-      if (!selectorText) {
-        return;
-      }
-
-      InputManager.getInstance()._addCustomAttribute(selector, selectorText);
-    });
-  }
-
-  /**
-   * Finds and processes matching elements within the added nodes by checking if
-   * they match any of the attribute selectors from GET_ATTRIBUTE_SELECTORS().
-   * If a node or any of its descendants match, their custom attributes are added
-   * to the InputManager.
-   *
-   * @private
-   * @param {NodeList|Array} addedNodes - The list of nodes that were added or
-   *   modified in the DOM. Each node in the list will be checked against the
-   *   attribute selectors, and their matching descendants will also be processed.
-   */
-  _findAndAddMatchingElementsInNodes(addedNodes) {
-    const attributeSelectorNames = Object.keys(GET_ATTRIBUTE_SELECTORS());
-    attributeSelectorNames.forEach(name => {
-      const selector = GET_ATTRIBUTE_SELECTORS()[name];
-      if (!selector) {
-        return;
-      }
-
-      addedNodes.forEach(node => {
-        // move to the next node its not an element node
-        if (node.nodeType !== Node.ELEMENT_NODE) {
-          return;
-        }
-
-        let matchingElements = [];
-
-        if (node.matches(selector)) {
-          matchingElements.push(node);
-        }
-
-        const matchingChildElements = this._safeQueryAll(node, selector);
-        matchingElements = matchingElements.concat(matchingChildElements);
-
-        this._processMatchingElements(matchingElements, name);
-      });
-    });
-  }
-
-  /** Sets up a MutationObserver to monitor added elements and attribute changes */
-  _setupMutationObserver() {
-    const observer = new MutationObserver(mutations => {
-      mutations.forEach(mutation => {
-        // Handle childList mutations
-        if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
-          this._findAndAddMatchingElementsInNodes(mutation.addedNodes);
-        }
-
-        // Handle attribute mutations
-        if (mutation.type === 'attributes') {
-          const targetNode = mutation.target;
-          if (targetNode.nodeType === Node.ELEMENT_NODE) {
-            this._findAndAddMatchingElementsInNodes([targetNode]);
-          }
-        }
-      });
-    });
-
-    // the observer will get called when children are added and changed
-    const observerConfig = { childList: true, subtree: true, attributes: true };
-    observer.observe(document.documentElement, observerConfig);
-    this.observer = observer;
-  }
-
-  /** Finds and adds matching elements to the InputManager */
-  _findAndAddMatchingElements() {
-    const attributeSelectorNames = Object.keys(GET_ATTRIBUTE_SELECTORS());
-    attributeSelectorNames.forEach(name => {
-      const selector = GET_ATTRIBUTE_SELECTORS()[name];
-      if (!selector) {
-        return;
-      }
-      const elements = this._safeQueryAll(document, selector);
-      this._processMatchingElements(elements, name);
-    });
-  }
-
-  /** Starts monitoring elements matching query selectors */
-  monitor() {
-    const attributeNames = Object.keys(GET_ATTRIBUTE_SELECTORS());
-    // if we have no attributes to look for, do not setup the listeners
-    if (attributeNames.length === 0) {
-      return;
-    }
-    this._findAndAddMatchingElements();
-    if (typeof MutationObserver !== 'undefined') {
-      this._setupMutationObserver();
-    } else {
-      // Fallback using setInterval if MutationObserver is not supported
-      this.interval = setInterval(() => {
-        this._findAndAddMatchingElements();
-      }, 5000); // Check for changes every N seconds
-    }
-  }
-
-  /**
-   * Disconnects the MutationObserver instance, if it exists and has a valid disconnect method.
-   * This is needed for testing since we want to properly tear down mutation listeners
-   * @private
-   */
-  _disconnectObserver() {
-    if (
-      this.observer &&
-      this.observer.disconnect &&
-      typeof this.observer.disconnect === 'function'
-    ) {
-      this.observer.disconnect();
-    }
-
-    if (this.interval) {
-      clearInterval(this.interval);
-    }
-  }
-}
-
-export { ElementMonitor };