@dynatrace/react-native-plugin 2.343.1 → 2.347.1

package/android/build.gradle

@@ -29,7 +29,9 @@ buildscript {
 }
 
 apply plugin: 'com.android.library'
-apply plugin: 'org.jetbrains.kotlin.android'
+if (!project.extensions.findByName('kotlin')) {
+    apply plugin: 'org.jetbrains.kotlin.android'
+}
 
 if (isNewArchitectureEnabled()) {
     apply plugin: 'com.facebook.react'
@@ -68,8 +70,10 @@ android {
         main {
             if (isNewArchitectureEnabled()) {
                 java.srcDirs += ['src/new']
+                kotlin.srcDirs += ['src/new']
             } else {
                 java.srcDirs += ['src/old']
+                kotlin.srcDirs += ['src/old']
             }
         }
     }
@@ -81,7 +85,7 @@ repositories {
 }
 
 dependencies {
-	implementation 'com.dynatrace.agent:agent-android:8.343.1.1038'
+	implementation 'com.dynatrace.agent:agent-android:8.347.1.1003'
     implementation "com.facebook.react:react-native:${safeExtGet('reactNative', '+')}"
 }
   

package/android/src/main/java/com/dynatrace/android/agent/DynatraceRNBridgeImpl.kt

@@ -1,6 +1,9 @@
 package com.dynatrace.android.agent
 
 import android.location.Location
+import android.os.Handler
+import android.os.Looper
+import android.view.Choreographer
 import com.dynatrace.android.agent.conf.DataCollectionLevel
 import com.dynatrace.android.agent.conf.DynatraceConfigurationBuilder
 import com.dynatrace.android.agent.conf.UserPrivacyOptions
@@ -46,6 +49,7 @@ class DynatraceRNBridgeImpl(
     private var lastConfiguration: MutableMap<String, Any>? = null
     private var hasInternalListener: Boolean = false
     private var listenersCount: Int = 0
+    private val navGeneration = java.util.concurrent.atomic.AtomicInteger(0)
 
     fun getConstants(): Map<String, Any> {
         return constants;
@@ -472,8 +476,28 @@ class DynatraceRNBridgeImpl(
         }
     }
 
+    // NOTE: This callback is observational only — it measures the first rendered frame for
+    // diagnostic tooling (LOAD TIME display). It does not defer stopView(); deferring the
+    // view-end to the rendered frame to fix TTID under-reporting (DEM-32277) is a separate task.
     fun startViewInternal(fields: ReadableMap) {
+        val imNanos = System.nanoTime()
+        val gen = navGeneration.incrementAndGet()
         HybridBridge.startView(JSONObject(DynatraceUtils.toHashMap(fields)))
+        Handler(Looper.getMainLooper()).post {
+            Choreographer.getInstance().postFrameCallback { frameTimeNanos ->
+                // Discard stale callbacks superseded by a newer navigation.
+                if (navGeneration.get() != gen) return@postFrameCallback
+                val frameEpochMs = System.currentTimeMillis()
+                val deltaMs = (frameTimeNanos - imNanos) / 1_000_000.0
+                val params = Arguments.createMap().apply {
+                    putDouble("frameEndMs", frameEpochMs.toDouble())
+                    putDouble("deltaMs", deltaMs)
+                }
+                reactApplicationContext
+                    .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter::class.java)
+                    .emit("DTNavigationFrame", params)
+            }
+        }
     }
 
     fun stopViewInternal() {

package/files/plugin-runtime.gradle

@@ -1,33 +1,17 @@
-import org.gradle.process.ExecOperations
-import javax.inject.Inject
-
-abstract class RunLineOffsetTask extends DefaultTask {
-    @Internal
-    abstract DirectoryProperty getWorkingDirectory()
-
-    @Inject
-    abstract ExecOperations getExecOperations()
-
-    @TaskAction
-    void run() {
-        execOperations.exec {
-            workingDir workingDirectory.get().asFile
-            if (System.getProperty('os.name').toLowerCase().contains('windows')) {
-                commandLine 'cmd', '/c', 'npx', 'lineOffsetDynatrace'
-            } else {
-                commandLine 'npx', 'lineOffsetDynatrace'
-            }
-        }
-    }
-}
-
-android.applicationVariants.all { variant ->
-    if (variant.buildType.name == "release") {
-        def lineOffsetTask = tasks.register("runLineOffset${variant.name.capitalize()}", RunLineOffsetTask) {
-            workingDirectory = layout.projectDirectory
-        }
-        variant.mergeAssetsProvider.configure { task ->
-            task.dependsOn(lineOffsetTask)
-        }
-    }
-}
+// Intentionally left empty. DO NOT DELETE THIS FILE.
+//
+// Apps instrumented with an older version of this plugin have the following
+// line hard-coded in their android/app/build.gradle:
+//
+//   apply from: "../../node_modules/@dynatrace/react-native-plugin/files/plugin-runtime.gradle"
+//
+// That line lives in the customer's own build.gradle, so we cannot reliably
+// remove it on upgrade. If this file were missing, the `apply from:` above
+// would fail the Gradle build for every app that still has that line.
+//
+// Previously this script registered a release-build Gradle task that ran
+// `npx lineOffsetDynatrace` for line-offset analysis. That is no longer needed:
+// auto-instrumentation moved to a Babel plugin and capturing moved to native,
+// so the script is now a no-op kept purely for backward compatibility.
+//
+// New installs no longer add the `apply from:` line at all.

package/files/plugin.gradle

@@ -1,4 +1,4 @@
 // TEMPLATE: plugin-gradle.template
 dependencies {
-	classpath 'com.dynatrace.tools.android:gradle-plugin:8.343.1.1038'
+	classpath 'com.dynatrace.tools.android:gradle-plugin:8.347.1.1003'
 }

package/instrumentation/BabelPluginDynatrace.js

@@ -1 +1 @@
-var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_taggedTemplateLiteral2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));function _createForOfIteratorHelper(e,t){var n,r,a,i,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return a=!(r=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return r=e.done,e},e:function(e){a=!0,n=e},f:function(){try{r||null==o.return||o.return()}finally{if(a)throw n}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),i=0,{s:t=function(){},n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(exports,"__esModule",{value:!0});var reactOptions,fspath=require("path"),fs=require("fs"),core_1=require("@babel/core"),generator_1=require("@babel/generator"),PathsConstants_1=require("../scripts/PathsConstants"),Config_1=require("../scripts/Config"),GetValuesFromPackage_1=require("../lib/core/util/GetValuesFromPackage"),Types_1=require("./model/Types"),INSTRUMENTATION_LIBS="@dynatrace/react-native-plugin/instrumentation/libs",COMPONENTS_EXCLUDED_FROM_UIA=new Set(["Fragment","React.Fragment"]),hasJSX=function(e){var t=!1;return e.traverse({"JSXElement|JSXFragment":function(){t=!0}}),t},instrumentUserInteraction=function(e){e.traverse({"FunctionDeclaration|ObjectMethod":function(e){var e=e.node,t=core_1.types.isFunctionDeclaration(e)?e.id:e.key;core_1.types.isIdentifier(t,{name:"registerComponent"})&&(t="".concat(INSTRUMENTATION_LIBS,"/UserInteraction"),e.body.body.unshift(core_1.template.statement('componentProvider = require("'.concat(t,'").wrapProvider(componentProvider);'))()))}})},instrumentAppRegistry=function(e){e.traverse({"FunctionDeclaration|ObjectMethod":function(e){var e=e.node,t=core_1.types.isFunctionDeclaration(e)?e.id:e.key;core_1.types.isIdentifier(t,{name:"runApplication"})&&e.body.body.unshift(core_1.template.statement(_templateObject=_templateObject||(0,_taggedTemplateLiteral2.default)(['require("@dynatrace/react-native-plugin").ApplicationHandler.startup();']))())}})},instrumentExceptionsManager=function(e){var t,n=null!=(t=null==(t=null==reactOptions?void 0:reactOptions.errorHandler)?void 0:t.reportFatalErrorAsCrash)&&t,r=(null==reactOptions?void 0:reactOptions.autoStart)&&(null==(t=null==reactOptions?void 0:reactOptions.errorHandler)?void 0:t.enabled);e.traverse({FunctionDeclaration:function(e){var t;core_1.types.isIdentifier(e.node.id,{name:"handleException"})&&(t=core_1.template.statement(_templateObject2=_templateObject2||(0,_taggedTemplateLiteral2.default)(['\n                setTimeout(() => BODY, require("@dynatrace/react-native-plugin/lib/core/ErrorHandler")\n                    .reportErrorToDynatrace(e, isFatal, CRASH, AUTO));\n            ']))({BODY:core_1.types.cloneNode(e.node.body),CRASH:core_1.types.booleanLiteral(n),AUTO:core_1.types.booleanLiteral(!!r)}),e.node.body.body=[t])}})},instrumentCssInterop=function(e){e.traverse({CallExpression:function(e){core_1.types.isIdentifier(e.node.callee,{name:"require"})&&(e=e.node.arguments[0],core_1.types.isStringLiteral(e))&&("react/jsx-runtime"===e.value?e.value="@dynatrace/react-native-plugin/jsx-runtime":"react/jsx-dev-runtime"===e.value&&(e.value="@dynatrace/react-native-plugin/jsx-dev-runtime"))}})},instrumentNavigation=function(e){e.traverse({VariableDeclarator:function(e){var t;core_1.types.isIdentifier(e.node.id,{name:"getRootState"})&&(t=core_1.template.statement(_templateObject3=_templateObject3||(0,_taggedTemplateLiteral2.default)(["\n                require(PATH).monitorNavigation(getRootState);\n            "]))({PATH:core_1.types.stringLiteral("".concat(INSTRUMENTATION_LIBS,"/react-navigation/ReactNavigation"))}),e.parentPath.insertAfter(t))}})},instrumentReactCreateElement=function(e){var t=core_1.template.statement(_templateObject4=_templateObject4||(0,_taggedTemplateLiteral2.default)(["\n        require(PATH).instrumentCreateElement(module.exports);\n    "]))({PATH:core_1.types.stringLiteral("@dynatrace/react-native-plugin/instrumentation/jsx/ElementHelper")});e.pushContainer("body",t)},instrumentComponents=function(e,n){e.traverse({FunctionDeclaration:function(e){var t;hasJSX(e)&&(t=e.node,core_1.types.isIdentifier(t.id))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t.id.name,Types_1.Types.FunctionalComponent))},ClassDeclaration:function(e){var t;hasJSX(e)&&(t=e.node,core_1.types.isIdentifier(t.id))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t.id.name,Types_1.Types.ClassComponent))},"FunctionExpression|ArrowFunctionExpression":function(e){var t;hasJSX(e)&&(t=e.parent,void 0!==(t=core_1.types.isVariableDeclarator(t)&&core_1.types.isIdentifier(t.id)?t.id.name:core_1.types.isAssignmentExpression(t)&&core_1.types.isIdentifier(t.left)?t.left.name:void 0))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t,Types_1.Types.FunctionalComponent))}})},instrumentLifecycle=function(e){instrumentComponents(e,function(e,t){return core_1.template.statement(_templateObject5=_templateObject5||(0,_taggedTemplateLiteral2.default)(["NAME._dtInfo = { type: TYPE, name: 'NAME_STR' }"]))({NAME:core_1.types.identifier(e),TYPE:core_1.types.numericLiteral(t),NAME_STR:core_1.types.stringLiteral(e)})})},instrumentComponentNames=function(e){instrumentComponents(e,function(e){return core_1.template.statement(_templateObject6=_templateObject6||(0,_taggedTemplateLiteral2.default)(["NAME.dtName = 'NAME_STR'"]))({NAME:core_1.types.identifier(e),NAME_STR:core_1.types.stringLiteral(e)})})},instrumentInput=function(e){var u=new Map([["react-native",{proxy:"".concat(INSTRUMENTATION_LIBS,"/react-native/"),components:new Set(["TouchableHighlight","TouchableNativeFeedback","TouchableOpacity","TouchableWithoutFeedback","Button","RefreshControl","Text","Pressable","Switch"])}],["react-native-gesture-handler",{proxy:"".concat(INSTRUMENTATION_LIBS,"/community/gesture-handler/"),components:new Set(["TouchableHighlight","TouchableNativeFeedback","TouchableOpacity","TouchableWithoutFeedback","RectButton","BorderlessButton","BaseButton"])}],["@react-native-picker/picker",{proxy:"".concat(INSTRUMENTATION_LIBS,"/community/Picker"),components:new Set(["Picker","PickerIOS"])}]]);e.traverse({ImportDeclaration:function(e){if(void 0===e.node.processed){var t=e.node.source;if(u.has(t.value)){var r=u.get(t.value),n=e.node.specifiers,a=[],i=[];if(n.forEach(function(e,t){var n;core_1.types.isImportSpecifier(e)&&(n=core_1.types.isIdentifier(e.imported)?e.imported.name:e.imported.value,r.components.has(n)||(a.push(e),i.push(t)))}),a.length!==n.length){var o,s=_createForOfIteratorHelper([].concat(i).reverse());try{for(s.s();!(o=s.n()).done;){var c=o.value;n.splice(c,1)}}catch(e){s.e(e)}finally{s.f()}0<a.length&&((t=core_1.types.importDeclaration(a,core_1.types.stringLiteral(t.value))).processed=!0,e.insertBefore(t)),e.node.source=core_1.types.stringLiteral(r.proxy),e.scope.crawl()}}}},CallExpression:function(e){core_1.types.isIdentifier(e.node.callee,{name:"require"})&&(e=e.node.arguments[0],core_1.types.isStringLiteral(e))&&u.has(e.value)&&(e.value=u.get(e.value).proxy)}})},instrumentJsxNames=function(e){e.traverse({JSXOpeningElement:function(e){var t=e.node.name,t=core_1.types.isJSXIdentifier(t)?t.name:core_1.types.isJSXMemberExpression(t)?(0,generator_1.default)(t).code:void 0;t&&!COMPONENTS_EXCLUDED_FROM_UIA.has(t)&&e.node.attributes.unshift(core_1.types.jsxAttribute(core_1.types.jsxIdentifier("dtName"),core_1.types.stringLiteral(t)))}})},instrumentConfigurationPreset=function(e){var t,n=(0,GetValuesFromPackage_1.getHostAppBundleInfo)(PathsConstants_1.default.getPackageJsonFile()),r={getLifecycleUpdate:reactOptions.lifecycle.includeUpdate,getLogLevel:reactOptions.debug?0:1,getBundleName:null!=(t=reactOptions.bundleName)?t:null==n?void 0:n.name,getBundleVersion:null!=(t=reactOptions.bundleVersion)?t:null==n?void 0:n.version,getActionNamePrivacy:reactOptions.input.actionNamePrivacy,getActionNamePreference:reactOptions.input.actionNamePreference,getActionNameAlgorithm:reactOptions.input.actionNameAlgorithm,isErrorHandlerEnabled:reactOptions.errorHandler.enabled,isReportFatalErrorAsCrash:reactOptions.errorHandler.reportFatalErrorAsCrash,isAutoStartupEnabled:reactOptions.autoStart};e.traverse({ClassMethod:function(e){var t;core_1.types.isIdentifier(e.node.key)&&void 0!==(t=r[e.node.key.name])&&(e=e.node.body.body[0],core_1.types.isReturnStatement(e))&&(e.argument=core_1.types.valueToNode(t))}})},createFilenameMatcher=function(r){return{isModule:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.some(function(e){return r.includes(fspath.join("node_modules",e)+fspath.sep)})},isFile:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.some(function(e){return r.endsWith(e)})}}},captureOriginalCode=function(e){return!0!==reactOptions.debugBabelPlugin?"":(0,generator_1.default)(e.node).code},isConfigurationPresetTarget=function(e){return e.isModule("@dynatrace")&&e.isFile("ConfigurationPreset.js")},isAppRegistryTarget=function(e){return e.isModule("react-native")&&e.isFile("AppRegistry.js","AppRegistryImpl.js")},isExceptionsManagerTarget=function(e){return e.isModule("react-native")&&e.isFile("ExceptionsManager.js")},isCssInteropTarget=function(e){return e.isModule("react-native-css-interop")&&e.isFile("jsx-runtime.js","jsx-dev-runtime.js")},isNavigationTarget=function(e){return reactOptions.navigation.enabled&&e.isModule("@react-navigation")&&e.isFile("BaseNavigationContainer.js","BaseNavigationContainer.tsx")},isReactIndexTarget=function(e){return e.isModule("react")&&e.isFile("index.js")},shouldInstrumentLifecycleForFile=function(e,t,n){var r,a,n=n.isModule("react-native")&&n.isFile("renderApplication.js");return(null==(a=null==(r=reactOptions.lifecycle)?void 0:r.instrument)?void 0:a.call(r,t))&&(!t.includes("node_modules")||n)&&hasJSX(e)},shouldInstrumentInputForFile=function(e,t){var n,r,t=t.isModule("@react-navigation","react-native-drawer-layout");return(null==(r=null==(n=reactOptions.input)?void 0:n.instrument)?void 0:r.call(n,e))&&(!e.includes("node_modules")||t)},shouldInstrumentUserInteractionNames=function(e){return reactOptions.userInteraction&&!e.includes("node_modules")},instrumentByModuleAndFile=function(e,t,n){isConfigurationPresetTarget(n)&&instrumentConfigurationPreset(e),isAppRegistryTarget(n)&&(reactOptions.autoStart&&instrumentAppRegistry(e),reactOptions.userInteraction)&&instrumentUserInteraction(e),isExceptionsManagerTarget(n)&&instrumentExceptionsManager(e),isCssInteropTarget(n)&&instrumentCssInterop(e),isNavigationTarget(n)&&instrumentNavigation(e),isReactIndexTarget(n)&&instrumentReactCreateElement(e),shouldInstrumentLifecycleForFile(e,t,n)&&instrumentLifecycle(e),shouldInstrumentInputForFile(t,n)&&instrumentInput(e),shouldInstrumentUserInteractionNames(t)&&(instrumentJsxNames(e),instrumentComponentNames(e))},writeDebugOutputIfChanged=function(e,t,n,r){!0===reactOptions.debugBabelPlugin&&(e=(0,generator_1.default)(e.node).code)!==r&&(r=fspath.join(PathsConstants_1.default.getBuildPath(),fspath.relative(PathsConstants_1.default.getApplicationPath(),n)+".dtx"),fs.mkdirSync(fspath.dirname(r),{recursive:!0}),fs.writeFileSync(r,e),t.set("fileDidChange",!0))};exports.default=function(){return{visitor:{Program:function(e,t){reactOptions=(0,Config_1.readConfigDefault)().react;var n,r,a=t.filename;void 0!==a&&(n=createFilenameMatcher(a),r=captureOriginalCode(e),instrumentByModuleAndFile(e,a,n),writeDebugOutputIfChanged(e,t,a,r))}},post:function(e){var t;!0===reactOptions.debugBabelPlugin&&!0===this.get("fileDidChange")&&(t=(0,generator_1.default)(e.ast).code,e=fspath.join(PathsConstants_1.default.getBuildPath(),fspath.relative(PathsConstants_1.default.getApplicationPath(),e.opts.filename)+".dtx.downstream"),fs.mkdirSync(fspath.dirname(e),{recursive:!0}),fs.writeFileSync(e,t))}}};
+var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_taggedTemplateLiteral2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));function _createForOfIteratorHelper(e,t){var n,r,a,i,o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return a=!(r=!0),{s:function(){o=o.call(e)},n:function(){var e=o.next();return r=e.done,e},e:function(e){a=!0,n=e},f:function(){try{r||null==o.return||o.return()}finally{if(a)throw n}}};if(Array.isArray(e)||(o=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length)return o&&(e=o),i=0,{s:t=function(){},n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:t};throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var n;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(n="Object"===(n={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:n)||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}Object.defineProperty(exports,"__esModule",{value:!0});var reactOptions,fspath=require("path"),fs=require("fs"),core_1=require("@babel/core"),generator_1=require("@babel/generator"),PathsConstants_1=require("../scripts/PathsConstants"),Config_1=require("../scripts/Config"),GetValuesFromPackage_1=require("../lib/core/util/GetValuesFromPackage"),Types_1=require("./model/Types"),INSTRUMENTATION_LIBS="@dynatrace/react-native-plugin/instrumentation/libs",COMPONENTS_EXCLUDED_FROM_UIA=new Set(["Fragment","React.Fragment"]),hasJSX=function(e){var t=!1;return e.traverse({"JSXElement|JSXFragment":function(){t=!0}}),t},instrumentUserInteraction=function(e){e.traverse({"FunctionDeclaration|ObjectMethod":function(e){var e=e.node,t=core_1.types.isFunctionDeclaration(e)?e.id:e.key;core_1.types.isIdentifier(t,{name:"registerComponent"})&&(t="".concat(INSTRUMENTATION_LIBS,"/UserInteraction"),e.body.body.unshift(core_1.template.statement('componentProvider = require("'.concat(t,'").wrapProvider(componentProvider);'))()))}})},instrumentAppRegistry=function(e){e.traverse({"FunctionDeclaration|ObjectMethod":function(e){var e=e.node,t=core_1.types.isFunctionDeclaration(e)?e.id:e.key;core_1.types.isIdentifier(t,{name:"runApplication"})&&e.body.body.unshift(core_1.template.statement(_templateObject=_templateObject||(0,_taggedTemplateLiteral2.default)(['require("@dynatrace/react-native-plugin").ApplicationHandler.startup();']))())}})},instrumentExceptionsManager=function(e){var t,n=null!=(t=null==(t=null==reactOptions?void 0:reactOptions.errorHandler)?void 0:t.reportFatalErrorAsCrash)&&t,r=(null==reactOptions?void 0:reactOptions.autoStart)&&(null==(t=null==reactOptions?void 0:reactOptions.errorHandler)?void 0:t.enabled);e.traverse({FunctionDeclaration:function(e){var t;core_1.types.isIdentifier(e.node.id,{name:"handleException"})&&(t=core_1.template.statement(_templateObject2=_templateObject2||(0,_taggedTemplateLiteral2.default)(['\n                setTimeout(() => BODY, require("@dynatrace/react-native-plugin/lib/core/ErrorHandler")\n                    .reportErrorToDynatrace(e, isFatal, CRASH, AUTO));\n            ']))({BODY:core_1.types.cloneNode(e.node.body),CRASH:core_1.types.booleanLiteral(n),AUTO:core_1.types.booleanLiteral(!!r)}),e.node.body.body=[t])}})},instrumentCssInterop=function(e){e.traverse({CallExpression:function(e){core_1.types.isIdentifier(e.node.callee,{name:"require"})&&(e=e.node.arguments[0],core_1.types.isStringLiteral(e))&&("react/jsx-runtime"===e.value?e.value="@dynatrace/react-native-plugin/jsx-runtime":"react/jsx-dev-runtime"===e.value&&(e.value="@dynatrace/react-native-plugin/jsx-dev-runtime"))}})},instrumentNavigation=function(e){e.traverse({VariableDeclarator:function(e){var t;core_1.types.isIdentifier(e.node.id,{name:"getRootState"})&&(t=core_1.template.statement(_templateObject3=_templateObject3||(0,_taggedTemplateLiteral2.default)(["\n                require(PATH).useNavigationMonitor(getRootState);\n            "]))({PATH:core_1.types.stringLiteral("".concat(INSTRUMENTATION_LIBS,"/react-navigation/ReactNavigation"))}),e.parentPath.insertAfter(t))}})},instrumentReactCreateElement=function(e){var t=core_1.template.statement(_templateObject4=_templateObject4||(0,_taggedTemplateLiteral2.default)(["\n        require(PATH).instrumentCreateElement(module.exports);\n    "]))({PATH:core_1.types.stringLiteral("@dynatrace/react-native-plugin/instrumentation/jsx/ElementHelper")});e.pushContainer("body",t)},instrumentComponents=function(e,n){e.traverse({FunctionDeclaration:function(e){var t;hasJSX(e)&&(t=e.node,core_1.types.isIdentifier(t.id))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t.id.name,Types_1.Types.FunctionalComponent))},ClassDeclaration:function(e){var t;hasJSX(e)&&(t=e.node,core_1.types.isIdentifier(t.id))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t.id.name,Types_1.Types.ClassComponent))},"FunctionExpression|ArrowFunctionExpression":function(e){var t;hasJSX(e)&&(t=e.parent,void 0!==(t=core_1.types.isVariableDeclarator(t)&&core_1.types.isIdentifier(t.id)?t.id.name:core_1.types.isAssignmentExpression(t)&&core_1.types.isIdentifier(t.left)?t.left.name:void 0))&&null!=(e=e.getStatementParent())&&e.insertAfter(n(t,Types_1.Types.FunctionalComponent))}})},instrumentLifecycle=function(e){instrumentComponents(e,function(e,t){return core_1.template.statement(_templateObject5=_templateObject5||(0,_taggedTemplateLiteral2.default)(["NAME._dtInfo = { type: TYPE, name: 'NAME_STR' }"]))({NAME:core_1.types.identifier(e),TYPE:core_1.types.numericLiteral(t),NAME_STR:core_1.types.stringLiteral(e)})})},instrumentComponentNames=function(e){instrumentComponents(e,function(e){return core_1.template.statement(_templateObject6=_templateObject6||(0,_taggedTemplateLiteral2.default)(["NAME.dtName = 'NAME_STR'"]))({NAME:core_1.types.identifier(e),NAME_STR:core_1.types.stringLiteral(e)})})},instrumentInput=function(e){var u=new Map([["react-native",{proxy:"".concat(INSTRUMENTATION_LIBS,"/react-native/"),components:new Set(["TouchableHighlight","TouchableNativeFeedback","TouchableOpacity","TouchableWithoutFeedback","Button","RefreshControl","Text","Pressable","Switch","FlatList","SectionList"])}],["react-native-gesture-handler",{proxy:"".concat(INSTRUMENTATION_LIBS,"/community/gesture-handler/"),components:new Set(["TouchableHighlight","TouchableNativeFeedback","TouchableOpacity","TouchableWithoutFeedback","RectButton","BorderlessButton","BaseButton"])}],["@react-native-picker/picker",{proxy:"".concat(INSTRUMENTATION_LIBS,"/community/Picker"),components:new Set(["Picker","PickerIOS"])}]]);e.traverse({ImportDeclaration:function(e){if(void 0===e.node.processed){var t=e.node.source;if(u.has(t.value)){var r=u.get(t.value),n=e.node.specifiers,a=[],i=[];if(n.forEach(function(e,t){var n;core_1.types.isImportSpecifier(e)&&(n=core_1.types.isIdentifier(e.imported)?e.imported.name:e.imported.value,r.components.has(n)||(a.push(e),i.push(t)))}),a.length!==n.length){var o,s=_createForOfIteratorHelper([].concat(i).reverse());try{for(s.s();!(o=s.n()).done;){var c=o.value;n.splice(c,1)}}catch(e){s.e(e)}finally{s.f()}0<a.length&&((t=core_1.types.importDeclaration(a,core_1.types.stringLiteral(t.value))).processed=!0,e.insertBefore(t)),e.node.source=core_1.types.stringLiteral(r.proxy),e.scope.crawl()}}}},CallExpression:function(e){core_1.types.isIdentifier(e.node.callee,{name:"require"})&&(e=e.node.arguments[0],core_1.types.isStringLiteral(e))&&u.has(e.value)&&(e.value=u.get(e.value).proxy)}})},instrumentJsxNames=function(e){e.traverse({JSXOpeningElement:function(e){var t=e.node.name,t=core_1.types.isJSXIdentifier(t)?t.name:core_1.types.isJSXMemberExpression(t)?(0,generator_1.default)(t).code:void 0;t&&!COMPONENTS_EXCLUDED_FROM_UIA.has(t)&&e.node.attributes.unshift(core_1.types.jsxAttribute(core_1.types.jsxIdentifier("dtName"),core_1.types.stringLiteral(t)))}})},instrumentConfigurationPreset=function(e){var t,n=(0,GetValuesFromPackage_1.getHostAppBundleInfo)(PathsConstants_1.default.getPackageJsonFile()),r={getLifecycleUpdate:reactOptions.lifecycle.includeUpdate,getLogLevel:reactOptions.debug?0:1,getBundleName:null!=(t=reactOptions.bundleName)?t:null==n?void 0:n.name,getBundleVersion:null!=(t=reactOptions.bundleVersion)?t:null==n?void 0:n.version,getActionNamePrivacy:reactOptions.input.actionNamePrivacy,getActionNamePreference:reactOptions.input.actionNamePreference,getActionNameAlgorithm:reactOptions.input.actionNameAlgorithm,isErrorHandlerEnabled:reactOptions.errorHandler.enabled,isReportFatalErrorAsCrash:reactOptions.errorHandler.reportFatalErrorAsCrash,isAutoStartupEnabled:reactOptions.autoStart};e.traverse({ClassMethod:function(e){var t;core_1.types.isIdentifier(e.node.key)&&void 0!==(t=r[e.node.key.name])&&(e=e.node.body.body[0],core_1.types.isReturnStatement(e))&&(e.argument=core_1.types.valueToNode(t))}})},createFilenameMatcher=function(r){return{isModule:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.some(function(e){return r.includes(fspath.join("node_modules",e)+fspath.sep)})},isFile:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.some(function(e){return r.endsWith(e)})}}},captureOriginalCode=function(e){return!0!==reactOptions.debugBabelPlugin?"":(0,generator_1.default)(e.node).code},isConfigurationPresetTarget=function(e){return e.isModule("@dynatrace")&&e.isFile("ConfigurationPreset.js")},isAppRegistryTarget=function(e){return e.isModule("react-native")&&e.isFile("AppRegistry.js","AppRegistryImpl.js")},isExceptionsManagerTarget=function(e){return e.isModule("react-native")&&e.isFile("ExceptionsManager.js")},isCssInteropTarget=function(e){return e.isModule("react-native-css-interop")&&e.isFile("jsx-runtime.js","jsx-dev-runtime.js")},isNavigationTarget=function(e){return reactOptions.navigation.enabled&&e.isModule("@react-navigation")&&e.isFile("BaseNavigationContainer.js","BaseNavigationContainer.tsx")},isReactIndexTarget=function(e){return e.isModule("react")&&e.isFile("index.js")},shouldInstrumentLifecycleForFile=function(e,t,n){var r,a,n=n.isModule("react-native")&&n.isFile("renderApplication.js");return(null==(a=null==(r=reactOptions.lifecycle)?void 0:r.instrument)?void 0:a.call(r,t))&&(!t.includes("node_modules")||n)&&hasJSX(e)},shouldInstrumentInputForFile=function(e,t){var n,r,t=t.isModule("@react-navigation","react-native-drawer-layout");return(null==(r=null==(n=reactOptions.input)?void 0:n.instrument)?void 0:r.call(n,e))&&(!e.includes("node_modules")||t)},shouldInstrumentUserInteractionNames=function(e){return reactOptions.userInteraction&&!e.includes("node_modules")},instrumentByModuleAndFile=function(e,t,n){isConfigurationPresetTarget(n)&&instrumentConfigurationPreset(e),isAppRegistryTarget(n)&&(reactOptions.autoStart&&instrumentAppRegistry(e),reactOptions.userInteraction)&&instrumentUserInteraction(e),isExceptionsManagerTarget(n)&&instrumentExceptionsManager(e),isCssInteropTarget(n)&&instrumentCssInterop(e),isNavigationTarget(n)&&instrumentNavigation(e),isReactIndexTarget(n)&&instrumentReactCreateElement(e),shouldInstrumentLifecycleForFile(e,t,n)&&instrumentLifecycle(e),shouldInstrumentInputForFile(t,n)&&instrumentInput(e),shouldInstrumentUserInteractionNames(t)&&(instrumentJsxNames(e),instrumentComponentNames(e))},writeDebugOutputIfChanged=function(e,t,n,r){!0===reactOptions.debugBabelPlugin&&(e=(0,generator_1.default)(e.node).code)!==r&&(r=fspath.join(PathsConstants_1.default.getBuildPath(),fspath.relative(PathsConstants_1.default.getApplicationPath(),n)+".dtx"),fs.mkdirSync(fspath.dirname(r),{recursive:!0}),fs.writeFileSync(r,e),t.set("fileDidChange",!0))};exports.default=function(){return{visitor:{Program:function(e,t){reactOptions=(0,Config_1.readConfigDefault)().react;var n,r,a=t.filename;void 0!==a&&(n=createFilenameMatcher(a),r=captureOriginalCode(e),instrumentByModuleAndFile(e,a,n),writeDebugOutputIfChanged(e,t,a,r))}},post:function(e){var t;!0===reactOptions.debugBabelPlugin&&!0===this.get("fileDidChange")&&(t=(0,generator_1.default)(e.ast).code,e=fspath.join(PathsConstants_1.default.getBuildPath(),fspath.relative(PathsConstants_1.default.getApplicationPath(),e.opts.filename)+".dtx.downstream"),fs.mkdirSync(fspath.dirname(e),{recursive:!0}),fs.writeFileSync(e,t))}}};

package/instrumentation/libs/UserInteraction.js

@@ -1,12 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RootWrapper = exports.wrapProvider = exports.notifyPress = void 0;
+exports.RootWrapper = exports.wrapProvider = exports.notifyPress = exports.UserInteractionEventKey = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
-const ConfigurationHandler_1 = require("../../lib/core/configuration/ConfigurationHandler");
 const EventPipeline_1 = require("../../lib/next/events/EventPipeline");
 const EventTimestamp_1 = require("../../lib/next/events/EventTimestamp");
 const TimestampProvider_1 = require("../../lib/next/provider/TimestampProvider");
+const ConfigurationHandler_1 = require("../../lib/core/configuration/ConfigurationHandler");
+var UserInteractionEventKey;
+(function (UserInteractionEventKey) {
+    UserInteractionEventKey["EventHasUserInteraction"] = "characteristics.has_user_interaction";
+    UserInteractionEventKey["UiElementDetectedName"] = "ui_element.detected_name";
+    UserInteractionEventKey["UiElementComponents"] = "ui_element.components";
+    UserInteractionEventKey["UiElementId"] = "ui_element.id";
+    UserInteractionEventKey["UiElementNameOrigin"] = "ui_element.name_origin";
+    UserInteractionEventKey["InteractionType"] = "interaction.type";
+    UserInteractionEventKey["UiElementResponderDetectedName"] = "ui_element.responder.detected_name";
+    UserInteractionEventKey["UiElementResponderComponents"] = "ui_element.responder.components";
+    UserInteractionEventKey["UiElementResponderOriginName"] = "ui_element.responder.name_origin";
+    UserInteractionEventKey["UiElementResponderId"] = "ui_element.responder.id";
+})(UserInteractionEventKey = exports.UserInteractionEventKey || (exports.UserInteractionEventKey = {}));
 const TOUCH_FLUSH_DELAY = 250;
 let pendingTouch = null;
 const getFiberPath = (fiber) => {
@@ -43,7 +56,7 @@ function findRCTTextChild(fiber) {
     return null;
 }
 const getHostComponentInfo = (event) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     let fiber = event._targetInst;
     if (!fiber) {
         console.warn('Assumption violated: _targetInst not found');
@@ -64,7 +77,7 @@ const getHostComponentInfo = (event) => {
     let detectedName;
     if (fiber.type !== 'RCTText') {
         nameOrigin = 'component';
-        detectedName = (_b = fiber.memoizedProps.accessibilityLabel) !== null && _b !== void 0 ? _b : leaf;
+        detectedName = (_c = (_b = fiber.memoizedProps) === null || _b === void 0 ? void 0 : _b.accessibilityLabel) !== null && _c !== void 0 ? _c : leaf;
     }
     else if (anyParentMasked) {
         nameOrigin = 'masked';
@@ -72,7 +85,7 @@ const getHostComponentInfo = (event) => {
     }
     else {
         nameOrigin = 'text';
-        detectedName = flatten(fiber.memoizedProps.children);
+        detectedName = flatten((_e = (_d = fiber.memoizedProps) === null || _d === void 0 ? void 0 : _d.children) !== null && _e !== void 0 ? _e : '');
     }
     return { id, components, detectedName, nameOrigin };
 };
@@ -92,8 +105,9 @@ const flushTouch = (responderComponentInfo) => {
     EventPipeline_1.EventPipeline.insertEvent(event);
 };
 const onTouch = (e) => {
-    if (!ConfigurationHandler_1.ConfigurationHandler.isUserInteractionEnabled())
+    if (!ConfigurationHandler_1.ConfigurationHandler.getThirdGenDataReportingDecision().allowed) {
         return;
+    }
     flushTouch();
     const touchedComponentInfo = getHostComponentInfo(e);
     if (!touchedComponentInfo)

package/instrumentation/libs/react-native/Lists.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionList = exports.FlatList = exports.useTableReloadOnChange = void 0;
+const react_native_1 = require("react-native");
+const React = require("react");
+const TableReloadTracker_1 = require("../../../lib/next/triggers/TableReloadTracker");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const LogMessages_1 = require("../../../lib/core/logging/LogMessages");
+const DEBOUNCE_MS = 100;
+const logger = new ConsoleLogger_1.ConsoleLogger('TableReload');
+const _useIsFocused = (() => {
+    try {
+        return require('@react-navigation/native').useIsFocused;
+    }
+    catch (_a) {
+        return () => true;
+    }
+})();
+function useTableReloadOnChange(value, label) {
+    const isFocused = _useIsFocused();
+    const isFocusedRef = React.useRef(isFocused);
+    const isMounted = React.useRef(false);
+    const pendingReload = React.useRef(false);
+    const timer = React.useRef(null);
+    React.useEffect(() => {
+        isFocusedRef.current = isFocused;
+    }, [isFocused]);
+    const fireAfterDebounce = React.useCallback(() => {
+        if (timer.current !== null)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => {
+            timer.current = null;
+            if (!isFocusedRef.current) {
+                logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_DEBOUNCE_LOST_FOCUS, {
+                    label,
+                });
+                pendingReload.current = true;
+                return;
+            }
+            logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_DEBOUNCE_ELAPSED, { label });
+            (0, TableReloadTracker_1.callTableReloadTrigger)(Date.now());
+        }, DEBOUNCE_MS);
+    }, [label]);
+    React.useEffect(() => {
+        if (!isMounted.current) {
+            isMounted.current = true;
+            logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_MOUNTED, {
+                label,
+                length: Array.isArray(value) ? String(value.length) : 'null',
+            });
+            return;
+        }
+        const length = Array.isArray(value) ? String(value.length) : 'null';
+        if (!isFocused) {
+            logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_DATA_CHANGED_NOT_FOCUSED, {
+                label,
+                length,
+            });
+            pendingReload.current = true;
+            return;
+        }
+        logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_DATA_CHANGED, { label, length });
+        pendingReload.current = false;
+        fireAfterDebounce();
+        return () => {
+            if (timer.current !== null) {
+                clearTimeout(timer.current);
+                timer.current = null;
+            }
+        };
+    }, [value]);
+    React.useEffect(() => {
+        if (!isFocused || !pendingReload.current)
+            return;
+        pendingReload.current = false;
+        logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_FOCUS_RESTORED, { label });
+        fireAfterDebounce();
+        return () => {
+            if (timer.current !== null) {
+                clearTimeout(timer.current);
+                timer.current = null;
+            }
+        };
+    }, [isFocused, fireAfterDebounce, label]);
+}
+exports.useTableReloadOnChange = useTableReloadOnChange;
+exports.FlatList = React.forwardRef(function DynatraceFlatList(props, ref) {
+    useTableReloadOnChange(props.data, 'FlatList');
+    return React.createElement(react_native_1.FlatList, Object.assign({ ref: ref }, props));
+});
+exports.SectionList = React.forwardRef(function DynatraceSectionList(props, ref) {
+    useTableReloadOnChange(props.sections, 'SectionList');
+    return React.createElement(react_native_1.SectionList, Object.assign({ ref: ref }, props));
+});

package/instrumentation/libs/react-native/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = exports.Pressable = exports.Text = exports.Button = exports.TouchableWithoutFeedback = exports.TouchableOpacity = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.RefreshControl = void 0;
+exports.SectionList = exports.FlatList = exports.Switch = exports.Pressable = exports.Text = exports.Button = exports.TouchableWithoutFeedback = exports.TouchableOpacity = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.RefreshControl = void 0;
 var RefreshControl_1 = require("./RefreshControl");
 Object.defineProperty(exports, "RefreshControl", { enumerable: true, get: function () { return RefreshControl_1.RefreshControl; } });
 var Touchables_1 = require("./Touchables");
@@ -13,3 +13,6 @@ Object.defineProperty(exports, "Text", { enumerable: true, get: function () { re
 Object.defineProperty(exports, "Pressable", { enumerable: true, get: function () { return Touchables_1.Pressable; } });
 var Switch_1 = require("./Switch");
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+var Lists_1 = require("./Lists");
+Object.defineProperty(exports, "FlatList", { enumerable: true, get: function () { return Lists_1.FlatList; } });
+Object.defineProperty(exports, "SectionList", { enumerable: true, get: function () { return Lists_1.SectionList; } });

package/instrumentation/libs/react-native.js

@@ -5,6 +5,7 @@ const reactNative = require("react-native");
 const Touchables_1 = require("./react-native/Touchables");
 const RefreshControl_1 = require("./react-native/RefreshControl");
 const Switch_1 = require("./react-native/Switch");
+const Lists_1 = require("./react-native/Lists");
 const dynatraceInstrument = {
     TouchableHighlight: Touchables_1.TouchableHighlight,
     TouchableNativeFeedback: Touchables_1.TouchableNativeFeedback,
@@ -15,6 +16,8 @@ const dynatraceInstrument = {
     Text: Touchables_1.Text,
     Pressable: Touchables_1.Pressable,
     Switch: Switch_1.Switch,
+    FlatList: Lists_1.FlatList,
+    SectionList: Lists_1.SectionList,
 };
 const dynatraceProxy = new Proxy(reactNative, {
     get: (target, property) => {

package/instrumentation/libs/react-navigation/ReactNavigation.js

@@ -1,74 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.monitorNavigation = void 0;
+exports.useNavigationMonitor = void 0;
 const react_1 = require("react");
 const react_native_1 = require("react-native");
-const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
-const LogMessages_1 = require("../../../lib/core/logging/LogMessages");
-const DynatraceBridge_1 = require("../../../lib/core/DynatraceBridge");
-const BaseDataEventModifier_1 = require("../../../lib/next/events/modifier/BaseDataEventModifier");
-const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
-const logger = new ConsoleLogger_1.ConsoleLogger('ReactNavigation');
-let activePath = '';
-let appState = react_native_1.AppState.currentState;
-const monitorNavigation = (getRootState) => {
+const NavigationTracker_1 = require("../../../lib/next/navigation/NavigationTracker");
+const useNavigationMonitor = (getRootState) => {
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        let currentState = getRootState();
-        let newPath = '';
-        while (currentState === null || currentState === void 0 ? void 0 : currentState.routes[(_a = currentState.index) !== null && _a !== void 0 ? _a : 0]) {
-            const currentRoute = currentState === null || currentState === void 0 ? void 0 : currentState.routes[(_b = currentState.index) !== null && _b !== void 0 ? _b : 0];
-            newPath += `/${currentRoute.name}`;
-            currentState = currentRoute.state;
-        }
-        if (newPath !== activePath) {
-            if (activePath !== '') {
-                stopView();
-            }
-            startView(newPath);
-            activePath = newPath;
-        }
+        const newPath = (0, NavigationTracker_1.buildPathFromState)(getRootState());
+        (0, NavigationTracker_1.reportScreenChange)(newPath);
     });
+    const appStateRef = (0, react_1.useRef)(react_native_1.AppState.currentState);
     (0, react_1.useEffect)(() => {
         const subscription = react_native_1.AppState.addEventListener('change', (nextAppState) => {
-            if (nextAppState !== 'active' && appState === 'active') {
-                stopView();
+            const prevAppState = appStateRef.current;
+            appStateRef.current = nextAppState;
+            if (nextAppState !== 'active' && prevAppState === 'active') {
+                (0, NavigationTracker_1.reportScreenBackground)();
             }
-            else if (nextAppState === 'active' && appState !== 'active') {
-                startView(activePath);
+            else if (nextAppState === 'active' &&
+                prevAppState !== 'active') {
+                (0, NavigationTracker_1.reportScreenResume)();
             }
-            appState = nextAppState;
         });
         return () => {
             subscription.remove();
         };
     }, []);
 };
-exports.monitorNavigation = monitorNavigation;
-const startView = (newPath) => {
-    if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-        logger.info(LogMessages_1.LogMessage.NAVIGATION_NOT_STARTED);
-        return;
-    }
-    const startViewInternalEvent = new BaseDataEventModifier_1.BaseDataEventModifier().modifyEvent(Object.assign({ 'view.detected_name': newPath }, (activePath && {
-        'view.source.detected_name': activePath,
-    })));
-    const fn = DynatraceBridge_1.DynatraceNative === null || DynatraceBridge_1.DynatraceNative === void 0 ? void 0 : DynatraceBridge_1.DynatraceNative.startViewInternal;
-    if (typeof fn === 'function') {
-        fn(startViewInternalEvent);
-    }
-    logger.debug(LogMessages_1.LogMessage.START_VIEW_INTERNAL, {
-        event: JSON.stringify(startViewInternalEvent),
-    });
-};
-const stopView = () => {
-    if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-        logger.info(LogMessages_1.LogMessage.NAVIGATION_NOT_STARTED);
-        return;
-    }
-    const fn = DynatraceBridge_1.DynatraceNative === null || DynatraceBridge_1.DynatraceNative === void 0 ? void 0 : DynatraceBridge_1.DynatraceNative.stopViewInternal;
-    if (typeof fn === 'function') {
-        fn();
-    }
-    logger.debug(LogMessages_1.LogMessage.STOP_VIEW_INTERNAL);
-};
+exports.useNavigationMonitor = useNavigationMonitor;

package/instrumentation/libs/withOnPressMonitoring.js

@@ -15,68 +15,18 @@ function withOnPressMonitoring(Component, fallbackName) {
         const { onPress, onLongPress } = props;
         const touchableName = (0, exports.chooseTouchableName)(props, fallbackName);
         const dynatraceIgnored = (0, ComponentUtil_1.isDynatraceIgnored)(props);
-        const isRNButton = 'title' in props && typeof props.title === 'string';
-        const isRectButton = fallbackName === 'Button';
-        const isButtonLike = isRNButton || isRectButton;
-        const buttonLabel = isRNButton ? String(props.title) : null;
         const propsWithoutRef = Object.assign(Object.assign(Object.assign({}, props), (!dynatraceIgnored &&
             onPress && {
-            onPress: (0, exports.wrapOnPress)(onPress, touchableName, isButtonLike, buttonLabel),
+            onPress: (0, exports.wrapOnPress)(onPress, touchableName),
         })), (!dynatraceIgnored &&
             onLongPress && {
-            onLongPress: (0, exports.wrapOnPress)(onLongPress, touchableName, isButtonLike, buttonLabel),
+            onLongPress: (0, exports.wrapOnPress)(onLongPress, touchableName),
         }));
         const propsWithRef = Object.assign(Object.assign({}, propsWithoutRef), { ref });
         return React.createElement(Component, Object.assign({}, propsWithRef));
     });
 }
 exports.withOnPressMonitoring = withOnPressMonitoring;
-const dtGetUiBridge = () => {
-    var _a;
-    const g = globalThis;
-    return (_a = g === null || g === void 0 ? void 0 : g.__DT_UII_BRIDGE) !== null && _a !== void 0 ? _a : null;
-};
-const dtBuildPressPath = (startPath, touchableName) => {
-    var _a;
-    const base = (_a = startPath === null || startPath === void 0 ? void 0 : startPath.toString()) !== null && _a !== void 0 ? _a : '';
-    if (!base)
-        return `Touchable(${touchableName})`;
-    const cut1 = base.lastIndexOf('/Text');
-    const cut2 = base.lastIndexOf('/Text(');
-    const cut = Math.max(cut1, cut2);
-    const parent = cut > 0 ? base.slice(0, cut) : base;
-    return parent + `/Touchable(${touchableName})`;
-};
-const registerPressOnBridge = (args, touchableName, isButtonLike, buttonLabel) => {
-    const bridge = dtGetUiBridge();
-    if (!bridge || typeof bridge.registerPress !== 'function') {
-        return;
-    }
-    try {
-        const e = args === null || args === void 0 ? void 0 : args[0];
-        const ne = e === null || e === void 0 ? void 0 : e.nativeEvent;
-        const x = Number(ne === null || ne === void 0 ? void 0 : ne.pageX);
-        const y = Number(ne === null || ne === void 0 ? void 0 : ne.pageY);
-        const pos = Number.isFinite(x) && Number.isFinite(y) ? { x, y } : undefined;
-        const startPath = typeof bridge.getStartPath === 'function'
-            ? bridge.getStartPath()
-            : null;
-        const nameForBridge = isButtonLike
-            ? buttonLabel || touchableName
-            : touchableName;
-        bridge.registerPress({
-            path: dtBuildPressPath(startPath, nameForBridge),
-            elementName: nameForBridge,
-            pos,
-        });
-    }
-    catch (e) {
-        const errorMsg = e instanceof Error ? e.stack || e.message : String(e);
-        Logger.debug(LogMessages_1.LogMessage.REGISTER_PRESS_HOOK_FAILED, {
-            errorMsg,
-        });
-    }
-};
 const notifyPressFromEvent = (args) => {
     if (args[0] && typeof args[0] === 'object' && 'nativeEvent' in args[0]) {
         (0, UserInteraction_1.notifyPress)(args[0]);
@@ -104,9 +54,8 @@ const invokeOnPressWithAction = (onPress, args, touchableName) => {
         }
     }
 };
-const wrapOnPress = (onPress, touchableName, isButtonLike, buttonLabel) => {
+const wrapOnPress = (onPress, touchableName) => {
     return (...args) => {
-        registerPressOnBridge(args, touchableName, isButtonLike, buttonLabel);
         notifyPressFromEvent(args);
         if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
             invokeOnPressWithoutConfiguration(onPress, args);

package/internal.d.ts

@@ -0,0 +1,2 @@
+export declare function registerNavigationEventTrigger(fn: ((name: string, timestamp: number) => void) | null): void;
+export declare function registerTableReloadTrigger(fn: ((timestamp: number) => void) | null): void;

package/internal.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createElement = exports.ApplicationHandler = void 0;
+exports.registerTableReloadTrigger = exports.registerNavigationEventTrigger = exports.createElement = exports.ApplicationHandler = void 0;
 var Application_1 = require("./lib/core/Application");
 Object.defineProperty(exports, "ApplicationHandler", { enumerable: true, get: function () { return Application_1.ApplicationHandler; } });
 var CreateElement_1 = require("./instrumentation/jsx/CreateElement");
 Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return CreateElement_1.createElement; } });
+var NavigationTracker_1 = require("./lib/next/navigation/NavigationTracker");
+Object.defineProperty(exports, "registerNavigationEventTrigger", { enumerable: true, get: function () { return NavigationTracker_1.registerNavigationEventTrigger; } });
+var TableReloadTracker_1 = require("./lib/next/triggers/TableReloadTracker");
+Object.defineProperty(exports, "registerTableReloadTrigger", { enumerable: true, get: function () { return TableReloadTracker_1.registerTableReloadTrigger; } });