@dynatrace/react-native-plugin 2.345.1 → 2.347.1

package/README.md

@@ -35,8 +35,8 @@ If you want to start using this plugin and are not a Dynatrace customer yet, hea
 ## Agent Versions
 These agent versions are configured in this plugin:
 
-* Android Agent: 8.345.1.1003
-* iOS Agent: 8.345.1.1003
+* Android Agent: 8.347.1.1003
+* iOS Agent: 8.347.1.1004
 
 ## Quick Setup
 
@@ -56,6 +56,7 @@ These agent versions are configured in this plugin:
   * [Send Exception Event](#send-exception-event)
   * [Send HTTP Request Event](#send-http-request-event)
   * [View Monitoring](#view-monitoring)
+  * [App start user action](#app-start-user-action)
   * [React Native Symbolication](#react-native-symbolication)
 * [RUM Classic](#rum-classic)
   * [Monitor a Component](#monitor-a-component)
@@ -653,6 +654,38 @@ Touches inside one of the 2 screens now produce:
 >
 > **Note:** The static property has no effect when a component is rendered as JSX. In that case the name is taken from either the `dtActionName` prop passed to it (option 1) or the name of the JSX component.
 
+### App start user action
+
+OneAgent automatically creates a user action for each app start. The action starts at the first measured React Native startup phase (`runJsBundleStart`) and ends when `contentAppeared` fires — once the JavaScript bundle has loaded and the first content is displayed. The action groups all web requests, navigations, and errors that occur during startup.
+
+**Startup phases captured (in order):**
+
+| Phase | Android | iOS |
+|---|---|---|
+| `downloadStart` / `downloadEnd` | Dev mode only (Metro bundle download) | Not captured |
+| `runJsBundleStart` / `runJsBundleEnd` | Yes | Yes |
+| `contentAppeared` | Yes | Yes |
+
+> **Note:** Unlike Android and iOS native agents, the React Native plugin does not distinguish cold, warm, and hot start types — the native SDK sets the start type when it receives the event.
+
+**Controlling the app start user action**
+
+The app start user action is part of automatic user action detection and is controlled at runtime with `setAutomaticUserActionDetection`:
+
+```ts
+import { Dynatrace } from '@dynatrace/react-native-plugin';
+
+// Disable all automatic user actions including the app start user action
+Dynatrace.setAutomaticUserActionDetection(false);
+
+// Re-enable
+Dynatrace.setAutomaticUserActionDetection(true);
+```
+
+This call applies to all automatic user actions (app start, touch/press interactions). To disable only touch interactions while keeping the app start user action, use `react.userInteraction: false` in `dynatrace.config.js` instead.
+
+For more details, see the [App start user action documentation](https://docs.dynatrace.com/docs/shortlink/react-native-app-performance#app-start-user-action).
+
 ### React Native Symbolication
 
 Dynatrace can automatically symbolicate JavaScript stack traces captured by the plugin using sourcemaps. This allows you to view human-readable file names, line numbers, and column information in your crash reports.
@@ -2053,6 +2086,13 @@ If you are struggling with a problem, submit a support ticket to Dynatrace (supp
 
 In Progress
 
+2.347.1
+* Updated Android (8.347.1.1003) & iOS Agent (8.347.1.1004)
+* Renamed `registerEventTrigger` to `registerNavigationEventTrigger` for clarity
+* Fixed re-configure failure to properly clear the table reload trigger
+* Updated `xmldom` dependency in Session Replay to a non-vulnerable version (DEM-32539)
+
+
 2.345.1
 * Updated Android (8.345.1.1003) & iOS Agent (8.345.1.1003)
 * Renamed `monitorNavigation` to `useNavigationMonitor`; React Navigation screen changes are now detected automatically, stamped with `start_time` and `duration`, and trigger Session Replay capture after the incoming screen settles

package/android/build.gradle

@@ -85,7 +85,7 @@ repositories {
 }
 
 dependencies {
-	implementation 'com.dynatrace.agent:agent-android:8.345.1.1003'
+	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.gradle

@@ -1,4 +1,4 @@
 // TEMPLATE: plugin-gradle.template
 dependencies {
-	classpath 'com.dynatrace.tools.android:gradle-plugin:8.345.1.1003'
+	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).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"])}],["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/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/internal.d.ts

@@ -1 +1,2 @@
-export declare function registerEventTrigger(fn: ((name: string, timestamp: number) => void) | null): void;
+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,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerEventTrigger = 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, "registerEventTrigger", { enumerable: true, get: function () { return NavigationTracker_1.registerEventTrigger; } });
+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; } });

package/ios/DynatraceRNBridge.mm

@@ -11,6 +11,7 @@
 #endif
 
 #import <Foundation/Foundation.h>
+#import <QuartzCore/QuartzCore.h>
 #import <CoreLocation/CoreLocation.h>
 #import <React/RCTPerformanceLogger.h>
 #import <React/RCTRootView.h>
@@ -178,7 +179,7 @@ int64_t getRunJSBundleEndTime() {
 }
 
 - (NSArray<NSString *> *)supportedEvents {
-    return @[EmitAppMeasurementsIdentifier, EmitDynatraceConfiguration];
+    return @[EmitAppMeasurementsIdentifier, EmitDynatraceConfiguration, @"DTNavigationFrame"];
 }
 
 int64_t GetTimestampUnix()
@@ -834,9 +835,35 @@ RCT_EXPORT_METHOD(getCurrentConfiguration:(RCTPromiseResolveBlock)resolve reject
     }
 }
 
+static _Atomic int32_t _navGeneration = 0;
+
+// 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.
 RCT_EXPORT_METHOD(startViewInternal:(NSDictionary<NSString*, id>*) fields)
 {
+    int32_t gen = ++_navGeneration;
+    CFTimeInterval imCATime = CACurrentMediaTime();
+
     [HybridBridge startView:fields];
+
+    dispatch_async(dispatch_get_main_queue(), ^{
+        __block CADisplayLink *link = [CADisplayLink displayLinkWithTarget:[NSBlockOperation blockOperationWithBlock:^{
+            [link invalidate];
+            link = nil;
+            if (_navGeneration != gen) return; // superseded by a newer navigation
+            CFTimeInterval frameCATime = CACurrentMediaTime();
+            uint64_t frameEpochMs = (uint64_t)([[NSDate date] timeIntervalSince1970] * 1000.0);
+            double deltaMs = (frameCATime - imCATime) * 1000.0;
+            if (hasListeners) {
+                [self sendEventWithName:@"DTNavigationFrame" body:@{
+                    @"frameEndMs": @(frameEpochMs),
+                    @"deltaMs": @(deltaMs)
+                }];
+            }
+        }] selector:@selector(main)];
+        [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
+    });
 }
 
 RCT_EXPORT_METHOD(stopViewInternal)

package/lib/core/logging/LogMessages.js

@@ -77,6 +77,7 @@ var LogMessage;
     LogMessage["KEY_SYNTAX_INVALID"] = "KEY_SYNTAX_INVALID";
     LogMessage["MODIFY_EVENT"] = "MODIFY_EVENT";
     LogMessage["MODIFY_EVENT_NULL"] = "MODIFY_EVENT_NULL";
+    LogMessage["NAVIGATION_FRAME_TIMING"] = "NAVIGATION_FRAME_TIMING";
     LogMessage["NAVIGATION_NOT_STARTED"] = "NAVIGATION_NOT_STARTED";
     LogMessage["PLUGIN_STARTED"] = "PLUGIN_STARTED";
     LogMessage["PROPERTY_LIMIT_EXCEEDED"] = "PROPERTY_LIMIT_EXCEEDED";
@@ -150,6 +151,15 @@ var LogMessage;
     LogMessage["WEB_REQUEST_TIMING_START_FAILED"] = "WEB_REQUEST_TIMING_START_FAILED";
     LogMessage["WEB_REQUEST_TIMING_STOP"] = "WEB_REQUEST_TIMING_STOP";
     LogMessage["WEB_REQUEST_TIMING_STOP_FAILED"] = "WEB_REQUEST_TIMING_STOP_FAILED";
+    LogMessage["TABLE_RELOAD_MOUNTED"] = "TABLE_RELOAD_MOUNTED";
+    LogMessage["TABLE_RELOAD_DATA_CHANGED"] = "TABLE_RELOAD_DATA_CHANGED";
+    LogMessage["TABLE_RELOAD_DATA_CHANGED_NOT_FOCUSED"] = "TABLE_RELOAD_DATA_CHANGED_NOT_FOCUSED";
+    LogMessage["TABLE_RELOAD_DEBOUNCE_ELAPSED"] = "TABLE_RELOAD_DEBOUNCE_ELAPSED";
+    LogMessage["TABLE_RELOAD_DEBOUNCE_LOST_FOCUS"] = "TABLE_RELOAD_DEBOUNCE_LOST_FOCUS";
+    LogMessage["TABLE_RELOAD_FOCUS_RESTORED"] = "TABLE_RELOAD_FOCUS_RESTORED";
+    LogMessage["TABLE_RELOAD_TRIGGER_REGISTERED"] = "TABLE_RELOAD_TRIGGER_REGISTERED";
+    LogMessage["TABLE_RELOAD_TRIGGER_SKIPPED"] = "TABLE_RELOAD_TRIGGER_SKIPPED";
+    LogMessage["TABLE_RELOAD_TRIGGER_FIRED"] = "TABLE_RELOAD_TRIGGER_FIRED";
 })(LogMessage = exports.LogMessage || (exports.LogMessage = {}));
 exports.LOG_MESSAGES = {
     [LogMessage.ACTION_CANCEL]: {
@@ -478,6 +488,10 @@ exports.LOG_MESSAGES = {
         logType: LogType_1.LogType.Warning,
         documentationUri: 'https://dt-url.net/7al37nc',
     },
+    [LogMessage.NAVIGATION_FRAME_TIMING]: {
+        template: ({ frameEndMs, deltaMs, }) => `[NavigationFrame]: frame_end=${frameEndMs} delta_ms=${deltaMs}`,
+        logType: LogType_1.LogType.Info,
+    },
     [LogMessage.NAVIGATION_NOT_STARTED]: {
         template: 'React Native plugin has not been started yet! Navigation will not be reported!',
         logType: LogType_1.LogType.Warning,
@@ -803,4 +817,40 @@ exports.LOG_MESSAGES = {
         logType: LogType_1.LogType.Warning,
         documentationUri: 'https://dt-url.net/4us39ur',
     },
+    [LogMessage.TABLE_RELOAD_MOUNTED]: {
+        template: ({ label, length }) => `${label} mounted — skipping initial value (length=${length})`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_DATA_CHANGED]: {
+        template: ({ label, length }) => `${label} data changed — debouncing (length=${length})`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_DATA_CHANGED_NOT_FOCUSED]: {
+        template: ({ label, length }) => `${label} data changed while not focused (length=${length}) — deferring until refocus`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_DEBOUNCE_ELAPSED]: {
+        template: ({ label }) => `${label} debounce elapsed — firing tableReload`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_DEBOUNCE_LOST_FOCUS]: {
+        template: ({ label }) => `${label} lost focus while debounce was running — deferring until refocus`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_FOCUS_RESTORED]: {
+        template: ({ label }) => `${label} screen focused with pending reload — firing tableReload`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_TRIGGER_REGISTERED]: {
+        template: ({ state }) => `TableReloadTracker: trigger ${state}`,
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_TRIGGER_SKIPPED]: {
+        template: 'TableReloadTracker: tableReload skipped — no trigger registered (SR not enabled)',
+        logType: LogType_1.LogType.Info,
+    },
+    [LogMessage.TABLE_RELOAD_TRIGGER_FIRED]: {
+        template: 'TableReloadTracker: tableReload firing → bridge trackEvent("tableReload")',
+        logType: LogType_1.LogType.Info,
+    },
 };

package/lib/next/events/spec/EventSpecContstants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ALL_APP_START_KEYS = exports.EVENT_WHITELIST_SIZE = exports.MODIFY_EVENT_WHITELIST_NAMESPACE = exports.MODIFY_EVENT_WHITELIST_STRING_FIELDS = exports.MODIFY_EVENT_WHITELIST_FIELDS = exports.SEND_SESSION_PROPERTY_EVENT_WHITELIST_FIELDS = exports.SEND_EXCEPTION_EVENT_WHITELIST_FIELDS = exports.SEND_EVENT_WHITELIST_FIELDS = exports.SEND_SESSION_PROPERTY_EVENT_WHITELIST_NAMESPACES = exports.SEND_EXCEPTION_EVENT_WHITELIST_NAMESPACES = exports.SEND_EVENT_WHITELIST_NAMESPACES = exports.AllCharacteristicsKeys = exports.KEY_NAME_REGEX = exports.MAX_CUSTOM_EVENT_VALUE_LENGTH = exports.MAX_CUSTOM_EVENT_KEY_LENGTH = exports.MAX_CUSTOM_EVENT_FIELDS = exports.SPECIFICATION_VERSION = void 0;
-exports.SPECIFICATION_VERSION = '0.24.0';
+exports.SPECIFICATION_VERSION = '1.0.0';
 exports.MAX_CUSTOM_EVENT_FIELDS = 50;
 exports.MAX_CUSTOM_EVENT_KEY_LENGTH = 100;
 exports.MAX_CUSTOM_EVENT_VALUE_LENGTH = 5000;

package/lib/next/navigation/NavigationTracker.js

@@ -1,17 +1,25 @@
 "use strict";
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports._resetForTest = exports.getActivePath = exports.reportScreenResume = exports.reportScreenBackground = exports.reportScreenChange = exports.buildPathFromState = exports.registerEventTrigger = void 0;
+exports._resetForTest = exports.getActivePath = exports.reportScreenResume = exports.reportScreenBackground = exports.reportScreenChange = exports.buildPathFromState = exports.registerNavigationEventTrigger = void 0;
 const ConsoleLogger_1 = require("../../core/logging/ConsoleLogger");
 const LogMessages_1 = require("../../core/logging/LogMessages");
 const ConfigurationHandler_1 = require("../../core/configuration/ConfigurationHandler");
 const DynatraceBridge_1 = require("../../core/DynatraceBridge");
 const BaseDataEventModifier_1 = require("../events/modifier/BaseDataEventModifier");
+const DynatraceEventBus_1 = require("../DynatraceEventBus");
 const logger = new ConsoleLogger_1.ConsoleLogger('NavigationTracker');
+(_a = (0, DynatraceEventBus_1.createEmitterRuntimeConfig)()) === null || _a === void 0 ? void 0 : _a.addListener('DTNavigationFrame', (event) => {
+    logger.debug(LogMessages_1.LogMessage.NAVIGATION_FRAME_TIMING, {
+        frameEndMs: Math.round(event.frameEndMs),
+        deltaMs: event.deltaMs.toFixed(1),
+    });
+});
 let eventTrigger = null;
-const registerEventTrigger = (fn) => {
+const registerNavigationEventTrigger = (fn) => {
     eventTrigger = fn;
 };
-exports.registerEventTrigger = registerEventTrigger;
+exports.registerNavigationEventTrigger = registerNavigationEventTrigger;
 let activePath = '';
 let isBackgrounded = false;
 const buildPathFromState = (state) => {

package/lib/next/triggers/TableReloadTracker.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.callTableReloadTrigger = exports.registerTableReloadTrigger = void 0;
+const ConsoleLogger_1 = require("../../core/logging/ConsoleLogger");
+const LogMessages_1 = require("../../core/logging/LogMessages");
+const logger = new ConsoleLogger_1.ConsoleLogger('TableReload');
+let tableReloadTrigger = null;
+const registerTableReloadTrigger = (fn) => {
+    tableReloadTrigger = fn;
+    logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_TRIGGER_REGISTERED, {
+        state: fn ? 'registered (SR enabled)' : 'cleared (SR disabled)',
+    });
+};
+exports.registerTableReloadTrigger = registerTableReloadTrigger;
+const callTableReloadTrigger = (timestamp) => {
+    if (tableReloadTrigger == null) {
+        logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_TRIGGER_SKIPPED);
+        return;
+    }
+    logger.debug(LogMessages_1.LogMessage.TABLE_RELOAD_TRIGGER_FIRED);
+    tableReloadTrigger(timestamp);
+};
+exports.callTableReloadTrigger = callTableReloadTrigger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynatrace/react-native-plugin",
-  "version": "2.345.1",
+  "version": "2.347.1",
   "description": "This plugin gives you the ability to use the Dynatrace Mobile agent in your react native application.",
   "main": "index.js",
   "types": "types.d.ts",
@@ -63,7 +63,8 @@
   "overrides": {
     "ws": "^8.21.1",
     "js-yaml": "^5.2.2",
-    "brace-expansion": "5.0.9"
+    "brace-expansion": "5.0.9",
+    "@xmldom/xmldom": "^0.9.12"
   },
   "devDependencies": {
     "@babel/plugin-transform-class-properties": "^7.27.1",
@@ -168,6 +169,7 @@
     "lib/next/provider/*.js",
     "lib/next/userAction/*.js",
     "lib/next/navigation/*.js",
+    "lib/next/triggers/*.js",
     "src/lib/core/interface/NativeDynatraceBridge.ts",
     "types.d.ts"
   ],

package/react-native-dynatrace.podspec

@@ -118,7 +118,7 @@ Pod::Spec.new do |s|
   #
   
   s.dependency "React"
-  s.dependency 'Dynatrace', '~> 8.345.1.1003'
+  s.dependency 'Dynatrace', '~> 8.347.1.1004'
 
   # Allows for better compatibility for older and newer versions
   if defined?(install_modules_dependencies)