@dynatrace/react-native-plugin 2.305.1 → 2.309.1

package/instrumentation/DynatraceInstrumentation.js

@@ -0,0 +1 @@
+"use strict";var u,n=require("@babel/runtime/helpers/interopRequireDefault"),r=n(require("@babel/runtime/helpers/toConsumableArray")),a=(Object.defineProperty(exports,"t",{value:!0}),exports.instrument=void 0,require("path")),c=require("jscodeshift"),i=require("jscodeshift/src/Collection"),e=require("../scripts/FileOperationHelper"),t=require("../scripts/PathsConstants"),o=require("./libs/react-native/Touchables.InstrInfo"),l=require("./libs/react-native/RefreshControl.InstrInfo"),f=require("./libs/react-native/Switch.InstrInfo"),s=require("./libs/community/gesture-handler/Touchables.InstrInfo"),d=require("./libs/community/Picker.InstrInfo"),v=require("./parser/Babel"),p=require("./model/Types"),m=(!function(n){n[n.i=-1]="Filtered",n[n.o=0]="Normal",n[n.u=1]="ReactNative",n[n.l=2]="React"}(u=u||{}),[]),y=(m.push.apply(m,(0,r.default)(o.instrumentationInfo)),m.push.apply(m,(0,r.default)(l.instrumentationInfo)),m.push.apply(m,(0,r.default)(f.instrumentationInfo)),m.push.apply(m,(0,r.default)(s.instrumentationInfo)),m.push.apply(m,(0,r.default)(d.instrumentationInfo)),["AppRegistry","renderApplication","setUpErrorHandling"]),g="@dynatrace/react-native-plugin/instrumentation/libs",instrument=function(n,r,e){r=w(r);var t=V(r);if(t!==u.i){var i=!1,o=N(r,n);if(t===u.l)T(o),i=!0;else if(t===u.u)r.endsWith("AppRegistry.js")?void 0!==e&&e.autoStart&&(U(o),i=!0):r.endsWith("renderApplication.js")?(q(o),i=!0):r.endsWith("setUpErrorHandling.js")&&void 0!==e&&e.autoStart&&e.errorHandler.enabled&&(J(o,e.autoStart,e.errorHandler.reportFatalErrorAsCrash),i=!0);else{var t=B(r,e);if(e.custom.reactnavigation&&b(r,o))i=!0;else{if(!t.input&&!t.lifecycle)return null!=e&&e.debug&&console.log("Dynatrace - Filtered All: ".concat(r)),E(r),n;t.lifecycle&&q(o)&&(i=!0),t.input&&m.forEach(function(n){n=K(o,n);o=n.root,i=i||n.v})}}i?(n=o.toSource({quote:"single"}),H(n,r)):E(r),null!=e&&e.debug&&i&&console.log("Dynatrace - Modified Filename: "+r)}else r.includes(a.join("@dynatrace","react-native-plugin"))&&r.endsWith(a.join("lib","core","configuration","ConfigurationPreset.js"))&&void 0!==e&&(t=N(r,n),void 0!==e.lifecycle&&h(t,"getLifecycleUpdate",e.lifecycle.includeUpdate),void 0!==e.debug&&h(t,"getLogLevel",e.debug?0:1),void 0!==e.bundleName&&h(t,"getBundleName",e.bundleName),void 0!==e.bundleVersion&&h(t,"getBundleVersion",e.bundleVersion),void 0!==e.input&&void 0!==e.input.actionNamePrivacy&&h(t,"getActionNamePrivacy",e.input.actionNamePrivacy),void 0!==e.errorHandler&&(h(t,"isErrorHandlerEnabled",e.errorHandler.enabled),h(t,"isReportFatalErrorAsCrash",e.errorHandler.reportFatalErrorAsCrash)),e.autoStart&&h(t,"isAutoStartupEnabled",e.autoStart),n=t.toSource({quote:"single"}),H(n,r));return n},b=(exports.instrument=instrument,function(n,r){return!!O(n,r)&&(n="import { registerListener } from '".concat(g,"/react-navigation/ReactNavigation';"),r.find(c.ImportDeclaration).at(0).insertBefore(n),!0)}),O=function(n,r){var e=!1;return n.includes("react-navigation")&&n.includes("NavigationContainer.tsx")&&r.find(c.VariableDeclarator).forEach(function(n){e||null==n.value||null==n.value.id||"refContainer"!==n.value.id.name||null!=n.parent&&null!=n.parent.value&&null!=n.parent.value.type&&"VariableDeclaration"===n.parent.value.type&&(n.parent.insertAfter("registerListener(refContainer);"),e=!0)}),e},q=function(n){var r=n.findJSXElements(),t=!1;return 0<r.length&&(n.find(c.FunctionDeclaration).forEach(function(n){var r,e=(0,i.fromPaths)([n]);0<e.findJSXElements().length&&null!=n&&null!=n.value&&null!=n.value.id&&n.value.id.name&&(r=e.find(c.ClassDeclaration),e=e.find(c.ClassExpression),0===r.length)&&0===e.length&&(A(n,p.Types.FunctionalComponent,n.value.id.name),t=!0)}),n.find(c.ClassDeclaration).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n&&null!=n.value&&n.value.id&&n.value.id.name&&(A(n,p.Types.ClassComponent,n.value.id.name),t=!0)}),n.find(c.ArrowFunctionExpression).forEach(function(n){0<(0,i.fromPaths)([n]).findJSXElements().length&&null!=n.parent&&null!=n.parent.value&&null!=n.parent.value.id&&null!=n.parent.value.id.name&&(A(n,p.Types.FunctionalComponent,n.parent.value.id.name),t=!0)})),t},A=function(n,r,e){for(r=c.expressionStatement(c.assignmentExpression("=",c.memberExpression(c.identifier(e),c.identifier("_dtInfo")),P(r,e)));void 0!==n.parentPath&&"body"!==n.parentPath.name;)n=n.parentPath;void 0!==n.parentPath&&n.insertAfter(r)},P=function(n,r){return c.objectExpression([c.objectProperty(c.identifier("type"),c.numericLiteral(n)),c.objectProperty(c.identifier("name"),c.stringLiteral(r))])},h=function(n,r,e){var n=n.find(c.Identifier).filter(function(n){return n.node.name===r});1===n.length&&"ReturnStatement"===(n=n.paths()[0].parent.value.body.body[0]).type&&("boolean"==typeof e&&(n.argument=c.booleanLiteral(e)),"string"==typeof e&&(n.argument=c.stringLiteral(e)),"number"==typeof e)&&(n.argument=c.numericLiteral(e))},N=function(n,r){return c.withParser((0,v.babelParser)(a.extname(n)))(r)},w=function(n){return a.isAbsolute(n)?n.replace(t.default.getApplicationPath()+a.sep,""):n},E=function(n){try{var r=a.join(t.default.getBuildPath(),n+".dtx");e.default.checkIfFileExistsSync(r),e.default.deleteFileSync(r)}catch(n){}},H=function(n,r){r=a.join(t.default.getBuildPath(),r);try{e.default.checkIfFileExistsSync(a.dirname(r))}catch(n){e.default.createDirectorySync(a.dirname(r))}e.default.writeTextToFileSync(r+".dtx",n)},B=function(n,r){var e={input:!1,lifecycle:!1};return void 0!==r&&(void 0!==r.lifecycle&&void 0!==r.lifecycle.instrument&&r.lifecycle.instrument(n)&&(e.lifecycle=!0),void 0!==r.input)&&void 0!==r.input.instrument&&r.input.instrument(n)&&(e.input=!0),e},T=function(n){var r,n=n.find(c.Program);1===n.length&&(r=c.expressionStatement(c.callExpression(c.memberExpression(c.callExpression(c.identifier("require"),[c.stringLiteral("@dynatrace/react-native-plugin/instrumentation/jsx/ElementHelper")]),c.identifier("instrumentCreateElement")),[c.memberExpression(c.identifier("module"),c.identifier("exports"))])),n.paths()[0].node.body.push(r))},U=function(n){var r=M(n,"runApplication",!0);1===r.length&&(en(n,{p:"_DynatraceApplicationHandler",module:"@dynatrace/react-native-plugin",reference:"ApplicationHandler"}),I(r.paths()[0].parent.value.body.body,0,D("_DynatraceApplicationHandler","startup",[])))},J=function(n,r,e){n=n.paths()[0].value.program.body;null!=n&&(I(n,n.length,_({p:"_DynatraceErrorHandler",module:"@dynatrace/react-native-plugin/lib/core/ErrorHandler",reference:""})),I(n,n.length,D("_DynatraceErrorHandler","registerErrorHandler",[c.literal(e)])))},I=function(n,r){for(var e=arguments.length,t=new Array(2<e?e-2:0),i=2;i<e;i++)t[i-2]=arguments[i];return n.splice.apply(n,[r,0].concat(t))},M=function(n,r,t){for(var e=arguments.length,i=new Array(3<e?e-3:0),o=3;o<e;o++)i[o-3]=arguments[o];return n.find(c.Identifier).filter(function(n){return n.node.name===r}).filter(function(n){return void 0!==n.parent&&void 0!==n.parent.value&&void 0!==n.parent.value.params}).filter(function(n){var r=void 0!==n.parent&&void 0!==n.parent.value;t||(r=r&&n.parent.value.params.length===i.length);for(var e=0;e<0;e++)r=r&&n.parent.value.params[e].name===i[e];return r})},V=function(n){if(n.includes("@dynatrace"))return u.i;var r=a.extname(n);if(".js"!==r&&".ts"!==r&&".tsx"!==r&&".jsx"!==r)return u.i;for(var e=a.parse(n),t=e.dir.split(a.sep),i=0;i<t.length;i++)if("node_modules"===t[i]){if("react-native"===t[i+1]||"create-react-class"===t[i+1]||"react-clone-referenced-element"===t[i+1])return y.includes(e.name)?u.u:u.i;if("react"===t[i+1]&&"index"===e.name)return u.l}return u.o},k=function(n,r,e){var t=z(n,r,e);return G(n,r,e)||t},z=function(n,r,e){var t=Q(n,r);return 0<t.length&&(void 0!==(t=C(t,r.reference,!1))&&(e.p=t.localName),nn(n,e),!0)},G=function(n,r,e){var t=j(n,r.module);if(1===t.length){t=C(t,r.reference,!0);if(void 0!==t)return rn(n,e.defaultImport,t.localName,"ImportNamespaceSpecifier"===t.type),!0}return!1},K=function(n,r){var e=JSON.parse(JSON.stringify(r.new));return{root:n,v:k(n,r.old,e)||W(n,r.old,r.new.defaultImport)}},Q=function(n,r){return n.find(c.ImportDeclaration).filter(function(n){return n.node.source.value===r.module&&null!=n.node.specifiers&&n.node.specifiers.some(function(n){return x(n)&&n.imported.name===r.reference||n.local&&n.local.name===r.reference})})},x=function(n){return void 0!==n.imported},W=function(n,r,e){var t=!1;return n.find(c.CallExpression).filter(function(n){return X(n.node.callee)&&Y(n.node.arguments[0])&&n.node.arguments[0].value===r.module&&void 0!==n.parent}).forEach(function(n){(void 0===n.parent.value.property||void 0!==n.parent.value.property&&void 0!==n.parent.value.property.name&&n.parent.value.property.name===r.reference)&&(n.node.arguments[0].value=e,t=t||!0)}),t},X=function(n){return"require"===n.name},Y=function(n){return"StringLiteral"===n.type||"Literal"===n.type},j=function(n,r){return n.find(c.ImportDeclaration).filter(function(n){return n.node.source.value===r})},C=function(n,e,t){var i;return n.forEach(function(n){void 0!==n.node.specifiers&&(n.node.specifiers=n.node.specifiers.filter(function(n){var r;return x(n)&&!t?((r=n.imported.name!==e)||null==n.local||n.imported.name===n.local.name||(i={localName:n.local.name,type:n.type}),r):!(!x(n)&&t&&(null!=n.local&&(i={localName:n.local.name,type:n.type}),1))}),0===n.node.specifiers.length)&&n.prune()}),i},Z=function(n,r){n.find(c.ImportDeclaration).filter(function(n){return n.node.source.value===r.module}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(F(r))})},$=function(n,r,e){n.find(c.ImportDeclaration).filter(function(n){return n.node.source.value===r}).forEach(function(n){null!=n.node.specifiers&&n.node.specifiers.push(e)})},R=function(n,r,e){var t=n.find(c.ImportDeclaration);0<t.length?c(t.paths()[0]).insertAfter(S(r,e)):1===(t=n.find(c.Program)).length&&t.paths()[0].node.body.unshift(S(r,e))},nn=function(n,r){0<j(n,r.module).length?Z(n,r):R(n,r.module,[F(r)])},rn=function(n,r,e,t){var i=j(n,r),t=(t?ln:cn)(e);0<i.length?$(n,r,t):R(n,r,[t])},en=function(n,r){n=n.find(c.VariableDeclaration);0<n.length&&c(n.paths()[0]).insertAfter(_(r))},D=function(n,r,e){return c.expressionStatement(tn(n,r,e))},tn=function(n,r,e){return c.callExpression(an(n,r),e)},_=function(n){return c.variableDeclaration("var",[on(n)])},on=function(n){return c.variableDeclarator(void 0!==n.p?c.identifier(n.p):c.identifier(n.reference),(0<n.reference.length?un:L)(n))},un=function(n){return c.memberExpression(L(n),c.identifier(n.reference))},an=function(n,r){return c.memberExpression(c.identifier(n),c.identifier(r))},L=function(n){return c.callExpression(c.identifier("require"),[c.literal(n.module)])},S=function(n,r){return c.importDeclaration(r,c.literal(n))},F=function(n){return void 0!==n.p?c.importSpecifier(c.identifier(n.reference),c.identifier(n.p)):c.importSpecifier(c.identifier(n.reference))},cn=function(n){return c.importDefaultSpecifier(c.identifier(n))},ln=function(n){return c.importNamespaceSpecifier(c.identifier(n))};

package/{lib → instrumentation/jsx}/CreateElement.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const ElementHelper_1 = require("./instrumentor/base/ElementHelper");
-const Types_1 = require("./instrumentor/model/Types");
-const Component_1 = require("./react/Component");
+const Types_1 = require("../model/Types");
+const ElementHelper_1 = require("./ElementHelper");
+const ClassComponent_1 = require("./components/ClassComponent");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
 const _createElement = require('react').createElement;
 const createElement = (type, props, ...children) => {
     if (type != null && type._dtInfo != null && !(0, ElementHelper_1.isDtActionIgnore)(props)) {
         if (type._dtInfo.type === Types_1.Types.FunctionalComponent) {
-            return _createElement(Component_1.DynatraceFnWrapper, {}, _createElement(type, props, ...children));
+            return _createElement(FunctionalComponent_1.DynatraceFunctionalComponent, {}, _createElement(type, props, ...children));
         }
         else if (type._dtInfo.type === Types_1.Types.ClassComponent &&
             type.prototype !== undefined &&
             type.prototype.isReactComponent !== undefined) {
-            return _createElement(Component_1.DynatraceClassWrapper, {}, _createElement(type, props, ...children));
+            return _createElement(ClassComponent_1.DynatraceClassComponent, {}, _createElement(type, props, ...children));
         }
         else {
             (0, ElementHelper_1.modifyElement)(type, props, ...children);

package/{lib/instrumentor/base → instrumentation/jsx}/ElementHelper.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isDtActionIgnore = exports.modifyElement = exports.instrumentCreateElement = void 0;
 const Types_1 = require("../model/Types");
-const Component_1 = require("../../react/Component");
-const Logger_1 = require("./Logger");
-const Picker_1 = require("./Picker");
-const Touchable_1 = require("./Touchable");
-const Dynatrace_1 = require("./Dynatrace");
-const RefreshControl_1 = require("./RefreshControl");
-const Switch_1 = require("./Switch");
+const TypesUtil_1 = require("../model/TypesUtil");
+const Dynatrace_1 = require("../../lib/core/Dynatrace");
+const ConsoleLogger_1 = require("../../lib/core/logging/ConsoleLogger");
+const Picker_1 = require("./components/Picker");
+const Touchable_1 = require("./components/Touchable");
+const RefreshControl_1 = require("./components/RefreshControl");
+const Switch_1 = require("./components/Switch");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
 const instrumentCreateElement = (reactModule) => {
     if (reactModule != null && reactModule.createElement != null) {
         const reactCreateElement = reactModule.createElement;
@@ -17,12 +19,12 @@ const instrumentCreateElement = (reactModule) => {
                 type._dtInfo != null &&
                 !(0, exports.isDtActionIgnore)(props)) {
                 if (type._dtInfo.type === Types_1.Types.FunctionalComponent) {
-                    return reactCreateElement(Component_1.DynatraceFnWrapper, {}, reactCreateElement(type, props, ...children));
+                    return reactCreateElement(FunctionalComponent_1.DynatraceFunctionalComponent, {}, reactCreateElement(type, props, ...children));
                 }
                 else if (type._dtInfo.type === Types_1.Types.ClassComponent &&
                     type.prototype !== undefined &&
                     type.prototype.isReactComponent !== undefined) {
-                    return reactCreateElement(Component_1.DynatraceClassWrapper, {}, reactCreateElement(type, props, ...children));
+                    return reactCreateElement(ClassComponent_1.DynatraceClassComponent, {}, reactCreateElement(type, props, ...children));
                 }
                 else {
                     (0, exports.modifyElement)(type, props, ...children);
@@ -46,12 +48,12 @@ const modifyElement = (type, props, ...children) => {
         else if (type._dtInfo.type === Types_1.Types.Button ||
             type._dtInfo.type === Types_1.Types.Text ||
             type._dtInfo.type === Types_1.Types.Pressable ||
-            (0, Types_1.isTypeTouchable)(type._dtInfo.type)) {
+            (0, TypesUtil_1.isTypeTouchable)(type._dtInfo.type)) {
             if (props.onPress != null) {
-                props.onPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, Logger_1.Logger).attachOnPress(false, props, children);
+                props.onPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, new ConsoleLogger_1.ConsoleLogger('TouchableHelper')).attachOnPress(false, props, children);
             }
             if (props.onLongPress != null) {
-                props.onLongPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, Logger_1.Logger).attachOnPress(true, props, children);
+                props.onLongPress = (0, Touchable_1.TouchableHelper)(Dynatrace_1.Dynatrace, new ConsoleLogger_1.ConsoleLogger('TouchableHelper')).attachOnPress(true, props, children);
             }
         }
         else if (props.onValueChange != null &&

package/{lib/jsx-dev-runtime.js → instrumentation/jsx/JsxDevRuntime.js}

@@ -1,21 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const ElementHelper_1 = require("./instrumentor/base/ElementHelper");
-const Types_1 = require("./instrumentor/model/Types");
-const Component_1 = require("./react/Component");
+const Types_1 = require("../model/Types");
+const JsxRuntimeUtil_1 = require("./JsxRuntimeUtil");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
+const ElementHelper_1 = require("./ElementHelper");
 try {
-    let _jsxDevRuntime;
-    try {
-        _jsxDevRuntime = require('react/jsx-dev-runtime.js');
-    }
-    catch (error) {
-        try {
-            _jsxDevRuntime = require('../../../react/jsx-dev-runtime');
-        }
-        catch (error) {
-            _jsxDevRuntime = null;
-        }
-    }
+    const _jsxDevRuntime = (0, JsxRuntimeUtil_1.dynamicRequireJSXDevRuntime)();
     if (_jsxDevRuntime != null) {
         const jsxDEV = (...args) => {
             if (args[0] !== undefined &&
@@ -31,10 +22,10 @@ try {
                             ? args[1].dtActionName
                             : args[0]._dtInfo.name;
                     if (args[2] !== undefined) {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceFnWrapper, wrapperProps, args[2] + '_dt');
+                        return _jsxDevRuntime.jsxDEV(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args[2] + '_dt');
                     }
                     else {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceFnWrapper, wrapperProps);
+                        return _jsxDevRuntime.jsxDEV(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps);
                     }
                 }
                 else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
@@ -44,10 +35,10 @@ try {
                         children: _jsxDevRuntime.jsxDEV(...args),
                     };
                     if (args[2] !== undefined) {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceClassWrapper, wrapperProps, args[2] + '_dt');
+                        return _jsxDevRuntime.jsxDEV(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
                     }
                     else {
-                        return _jsxDevRuntime.jsxDEV(Component_1.DynatraceClassWrapper, wrapperProps);
+                        return _jsxDevRuntime.jsxDEV(ClassComponent_1.DynatraceClassComponent, wrapperProps);
                     }
                 }
                 if (Array.isArray(args[1].children)) {

package/instrumentation/jsx/JsxRuntime.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Types_1 = require("../model/Types");
+const JsxRuntimeUtil_1 = require("./JsxRuntimeUtil");
+const FunctionalComponent_1 = require("./components/FunctionalComponent");
+const ClassComponent_1 = require("./components/ClassComponent");
+const ElementHelper_1 = require("./ElementHelper");
+const instrumentJsxCall = (jsxFunction) => (...args) => {
+    if (args[0] !== undefined &&
+        args[0]._dtInfo !== undefined &&
+        !(0, ElementHelper_1.isDtActionIgnore)(args[1])) {
+        if (args[0]._dtInfo.type === Types_1.Types.FunctionalComponent) {
+            const wrapperProps = {
+                children: jsxFunction(...args),
+            };
+            wrapperProps.dtActionName =
+                args[1] !== undefined && args[1].dtActionName !== undefined
+                    ? args[1].dtActionName
+                    : args[0]._dtInfo.name;
+            if (args[2] !== undefined) {
+                return jsxFunction(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps, args[2] + '_dt');
+            }
+            else {
+                return jsxFunction(FunctionalComponent_1.DynatraceFunctionalComponent, wrapperProps);
+            }
+        }
+        else if (args[0]._dtInfo.type === Types_1.Types.ClassComponent &&
+            args[0].prototype !== undefined &&
+            args[0].prototype.isReactComponent !== undefined) {
+            const wrapperProps = {
+                children: jsxFunction(...args),
+            };
+            if (args[2] !== undefined) {
+                return jsxFunction(ClassComponent_1.DynatraceClassComponent, wrapperProps, args[2] + '_dt');
+            }
+            else {
+                return jsxFunction(ClassComponent_1.DynatraceClassComponent, wrapperProps);
+            }
+        }
+        if (Array.isArray(args[1].children)) {
+            (0, ElementHelper_1.modifyElement)(args[0], args[1], ...args[1].children);
+        }
+        else {
+            (0, ElementHelper_1.modifyElement)(args[0], args[1], args[1].children);
+        }
+    }
+    return jsxFunction(...args);
+};
+try {
+    const _jsxRuntime = (0, JsxRuntimeUtil_1.dynamicRequireJSXRuntime)();
+    if (_jsxRuntime != null) {
+        const jsx = instrumentJsxCall(_jsxRuntime.jsx);
+        const jsxs = instrumentJsxCall(_jsxRuntime.jsxs);
+        module.exports = Object.assign(Object.assign({}, _jsxRuntime), { jsx,
+            jsxs });
+    }
+    else {
+        module.exports = {};
+    }
+}
+catch (error) {
+    module.exports = {};
+}

package/instrumentation/jsx/JsxRuntimeUtil.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamicRequireJSXDevRuntime = exports.dynamicRequireJSXRuntime = void 0;
+const dynamicRequireJSXRuntime = () => {
+    try {
+        return require('react/jsx-runtime.js');
+    }
+    catch (error) {
+        try {
+            return require('../../../react/jsx-runtime');
+        }
+        catch (error) {
+            return null;
+        }
+    }
+};
+exports.dynamicRequireJSXRuntime = dynamicRequireJSXRuntime;
+const dynamicRequireJSXDevRuntime = () => {
+    try {
+        return require('react/jsx-dev-runtime.js');
+    }
+    catch (error) {
+        try {
+            return require('../../../react/jsx-dev-runtime');
+        }
+        catch (error) {
+            return null;
+        }
+    }
+};
+exports.dynamicRequireJSXDevRuntime = dynamicRequireJSXDevRuntime;

package/instrumentation/jsx/components/ClassComponent.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynatraceClassComponent = void 0;
+const react_1 = require("react");
+const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const Dynatrace_1 = require("../../../lib/core/Dynatrace");
+const ComponentUtil_1 = require("./ComponentUtil");
+class DynatraceClassComponent extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.wrappingName = (0, ComponentUtil_1.getNameFromComponent)(props);
+        this.componentMounted = false;
+        this.logger = new ConsoleLogger_1.ConsoleLogger(`Component ${this.wrappingName}`);
+    }
+    render() {
+        if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
+            this.logger.info('React Native plugin has not been started yet! Component will not be reported!');
+        }
+        else {
+            if (ConfigurationHandler_1.ConfigurationHandler.isLifecycleUpdateEnabled() ||
+                !this.componentMounted) {
+                const actionPrefix = !this.componentMounted
+                    ? 'Render '
+                    : 'Update ';
+                this.internalAction = Dynatrace_1.Dynatrace.enterAutoAction(actionPrefix + this.wrappingName);
+            }
+        }
+        return this.props.children;
+    }
+    componentWillUnmount() {
+        this.componentMounted = false;
+    }
+    componentDidUpdate() {
+        this.reportFunctionEvent('componentDidUpdate()');
+    }
+    componentDidMount() {
+        this.componentMounted = true;
+        this.reportFunctionEvent('componentDidMount()');
+    }
+    reportFunctionEvent(event) {
+        if (this.internalAction !== undefined) {
+            this.internalAction.reportEvent(`${this.wrappingName}.${event}`);
+            this.internalAction.leaveAction();
+            this.internalAction = undefined;
+        }
+    }
+}
+exports.DynatraceClassComponent = DynatraceClassComponent;

package/instrumentation/jsx/components/ComponentUtil.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNameFromComponent = void 0;
+const getNameFromComponent = (props) => {
+    if (props !== undefined && props.children !== undefined) {
+        let child;
+        if (Array.isArray(props.children) && props.children.length === 1) {
+            child = props.children[0];
+        }
+        else {
+            child = props.children;
+        }
+        if (child.props !== undefined &&
+            child.props.dtActionName !== undefined) {
+            return child.props.dtActionName;
+        }
+        else if (child.type !== undefined) {
+            if (child.type.displayName !== undefined) {
+                return child.type.displayName;
+            }
+            else if (child.type._dtInfo !== undefined) {
+                return child.type._dtInfo.name;
+            }
+            else {
+                return child.type.name;
+            }
+        }
+    }
+    else {
+        return 'Undefined Name';
+    }
+};
+exports.getNameFromComponent = getNameFromComponent;

package/instrumentation/jsx/components/FunctionalComponent.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynatraceFunctionalComponent = void 0;
+const react_1 = require("react");
+const Dynatrace_1 = require("../../../lib/core/Dynatrace");
+const NullAction_1 = require("../../../lib/core/NullAction");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
+const ComponentUtil_1 = require("./ComponentUtil");
+const DynatraceFunctionalComponent = (props) => {
+    const componentName = (0, ComponentUtil_1.getNameFromComponent)(props);
+    const action = Dynatrace_1.Dynatrace.enterAutoAction(`Render ${componentName}`);
+    if (action instanceof NullAction_1.NullAction) {
+        new ConsoleLogger_1.ConsoleLogger(`Component ${componentName}`).info('React Native plugin has not been started yet! Component will not be reported!');
+    }
+    (0, react_1.useEffect)(() => {
+        action.leaveAction();
+    });
+    return props.children;
+};
+exports.DynatraceFunctionalComponent = DynatraceFunctionalComponent;

package/{lib/instrumentor/base → instrumentation/jsx/components}/Picker.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PickerHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const PickerHelper = (Dynatrace) => ({
     attachOnValueChange: (pickerProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(pickerProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/RefreshControl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RefreshControlHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const RefreshControlHelper = (Dynatrace) => ({
     attachOnRefresh: (refreshControlProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(refreshControlProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/Switch.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitchHelper = void 0;
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const SwitchHelper = (Dynatrace) => ({
     attachOnValueChange: (switchProps) => {
         if ((0, IDynatraceProperties_1.isDynatraceIgnored)(switchProps)) {

package/{lib/instrumentor/base → instrumentation/jsx/components}/Touchable.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TouchableHelper = void 0;
-const ConfigurationHandler_1 = require("./configuration/ConfigurationHandler");
-const IDynatraceProperties_1 = require("./interface/IDynatraceProperties");
+const ConfigurationHandler_1 = require("../../../lib/core/configuration/ConfigurationHandler");
+const IDynatraceProperties_1 = require("../IDynatraceProperties");
 const TouchableHelper = (Dynatrace, Logger) => ({
     attachOnPress(longPress, props, children) {
         const origFunction = longPress && this._isLongPress(props)
@@ -12,7 +12,7 @@ const TouchableHelper = (Dynatrace, Logger) => ({
         const isButton = this._isPropsButton(props);
         const wrappedFunction = (event) => {
             if (nameOfAction == null) {
-                Logger.logDebug('TouchableHelper: Skipping creation of action as no name was found!');
+                Logger.debug('Skipping creation of action as no name was found!');
                 if (origFunction != null) {
                     return origFunction(event);
                 }
@@ -20,11 +20,11 @@ const TouchableHelper = (Dynatrace, Logger) => ({
             else if (origFunction != null &&
                 origFunction._dtWrapped !== undefined &&
                 origFunction._dtWrapped === true) {
-                Logger.logDebug(`TouchableHelper: Skip wrapping of ${nameOfAction} onPress as it is already wrapped!`);
+                Logger.debug(`Skip wrapping of ${nameOfAction} onPress as it is already wrapped!`);
                 return origFunction(event);
             }
             else if (!ConfigurationHandler_1.ConfigurationHandler.isConfigurationAvailable()) {
-                Logger.logInfo('TouchableHelper: React Native plugin has not been started yet! Touch will not be reported!');
+                Logger.info('React Native plugin has not been started yet! Touch will not be reported!');
                 if (origFunction != null) {
                     return origFunction(event);
                 }

package/instrumentation/libs/community/Picker.InstrInfo.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/community/Picker`;
+exports.instrumentationDefaultImport = exports.instrumentationModule;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: '@react-native-picker/picker',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationModule,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('Picker'));
+exports.instrumentationInfo.push(generateInstrumentation('PickerIOS'));

package/{lib → instrumentation/libs}/community/Picker.js

@@ -2,7 +2,7 @@
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 require("proxy-polyfill");
-const Types_1 = require("../instrumentor/model/Types");
+const Types_1 = require("../../model/Types");
 const PickerRN = require('@react-native-picker/picker');
 const dynatraceProxy = new Proxy(PickerRN, {
     get: (target, property) => {

package/instrumentation/libs/community/gesture-handler/Touchables.InstrInfo.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/community/gesture-handler/`;
+exports.instrumentationDefaultImport = `${exports.instrumentationFolder}/gesture-handler`;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: 'react-native-gesture-handler',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationDefaultImport,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('TouchableHighlight'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableOpacity'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableNativeFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableWithoutFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('RectButton'));

package/{lib → instrumentation/libs}/community/gesture-handler/Touchables.js

@@ -2,7 +2,7 @@
 var _a, _b, _c, _d;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RectButton = exports.TouchableWithoutFeedback = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.TouchableOpacity = void 0;
-const Types_1 = require("../../instrumentor/model/Types");
+const Types_1 = require("../../../model/Types");
 const gestureHandler = require('react-native-gesture-handler');
 if (gestureHandler !== undefined) {
     if (typeof gestureHandler.TouchableOpacity !== 'object') {

package/{lib → instrumentation/libs}/react-native/RefreshControl.InstrInfo.js

@@ -5,8 +5,8 @@ exports.instrumentationInfo = [];
 exports.instrumentationInfo.push({
     old: { module: 'react-native', reference: 'RefreshControl' },
     new: {
-        module: '@dynatrace/react-native-plugin/lib/react-native/',
+        module: '@dynatrace/react-native-plugin/instrumentation/libs/react-native/',
         reference: 'RefreshControl',
-        defaultImport: '@dynatrace/react-native-plugin/lib/react-native',
+        defaultImport: '@dynatrace/react-native-plugin/instrumentation/libs/react-native',
     },
 });

package/{lib → instrumentation/libs}/react-native/RefreshControl.js

@@ -2,13 +2,13 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RefreshControl = void 0;
-const ReactNative = require("react-native");
-const Types_1 = require("../instrumentor/model/Types");
-if (typeof ReactNative.RefreshControl === 'object') {
-    exports.RefreshControl = Object.assign({ _dtInfo: { type: Types_1.Types.RefreshControl } }, ReactNative.RefreshControl);
+const react_native_1 = require("react-native");
+const Types_1 = require("../../model/Types");
+if (typeof react_native_1.RefreshControl === 'object') {
+    exports.RefreshControl = Object.assign({ _dtInfo: { type: Types_1.Types.RefreshControl } }, react_native_1.RefreshControl);
 }
 else {
-    exports.RefreshControl = (_a = class RefreshControl extends ReactNative.RefreshControl {
+    exports.RefreshControl = (_a = class RefreshControl extends react_native_1.RefreshControl {
         },
         _a._dtInfo = { type: Types_1.Types.RefreshControl },
         _a);

package/{lib → instrumentation/libs}/react-native/Switch.InstrInfo.js

@@ -5,8 +5,8 @@ exports.instrumentationInfo = [];
 exports.instrumentationInfo.push({
     old: { module: 'react-native', reference: 'Switch' },
     new: {
-        module: '@dynatrace/react-native-plugin/lib/react-native/',
+        module: '@dynatrace/react-native-plugin/instrumentation/libs/react-native/',
         reference: 'Switch',
-        defaultImport: '@dynatrace/react-native-plugin/lib/react-native',
+        defaultImport: '@dynatrace/react-native-plugin/instrumentation/libs/react-native',
     },
 });

package/{lib → instrumentation/libs}/react-native/Switch.js

@@ -2,13 +2,13 @@
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-const ReactNative = require("react-native");
-const Types_1 = require("../instrumentor/model/Types");
-if (typeof ReactNative.Switch === 'object') {
-    exports.Switch = Object.assign({ _dtInfo: { type: Types_1.Types.Switch } }, ReactNative.Switch);
+const react_native_1 = require("react-native");
+const Types_1 = require("../../model/Types");
+if (typeof react_native_1.Switch === 'object') {
+    exports.Switch = Object.assign({ _dtInfo: { type: Types_1.Types.Switch } }, react_native_1.Switch);
 }
 else {
-    exports.Switch = (_a = class Switch extends ReactNative.Switch {
+    exports.Switch = (_a = class Switch extends react_native_1.Switch {
         },
         _a._dtInfo = { type: Types_1.Types.Switch },
         _a);

package/instrumentation/libs/react-native/Touchables.InstrInfo.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instrumentationDefaultImport = exports.instrumentationModule = exports.instrumentationFolder = exports.instrumentationInfo = void 0;
+exports.instrumentationInfo = [];
+exports.instrumentationFolder = '@dynatrace/react-native-plugin/instrumentation/libs';
+exports.instrumentationModule = `${exports.instrumentationFolder}/react-native/`;
+exports.instrumentationDefaultImport = `${exports.instrumentationFolder}/react-native`;
+const generateInstrumentation = (name) => ({
+    old: {
+        module: 'react-native',
+        reference: name,
+    },
+    new: {
+        module: exports.instrumentationModule,
+        reference: name,
+        defaultImport: exports.instrumentationDefaultImport,
+    },
+});
+exports.instrumentationInfo.push(generateInstrumentation('TouchableHighlight'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableOpacity'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableNativeFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('TouchableWithoutFeedback'));
+exports.instrumentationInfo.push(generateInstrumentation('Button'));
+exports.instrumentationInfo.push(generateInstrumentation('Text'));
+exports.instrumentationInfo.push(generateInstrumentation('Pressable'));

package/{lib → instrumentation/libs}/react-native/Touchables.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pressable = exports.Text = exports.TouchableWithoutFeedback = exports.TouchableNativeFeedback = exports.TouchableHighlight = exports.TouchableOpacity = exports.Button = void 0;
 const ReactNative = require("react-native");
 const React = require("react");
-const Types_1 = require("../instrumentor/model/Types");
+const Types_1 = require("../../model/Types");
 exports.Button = React.forwardRef((props, ref) => (React.createElement(ReactNative.Button, Object.assign({}, props, { ref: ref }))));
 exports.Button._dtInfo = { type: Types_1.Types.Button };
 if (typeof ReactNative.TouchableOpacity === 'object') {

package/{lib → instrumentation/libs}/react-navigation/ReactNavigation.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerListener = void 0;
-const React = require("react");
-const Logger_1 = require("../instrumentor/base/Logger");
+const react_1 = require("react");
+const ConsoleLogger_1 = require("../../../lib/core/logging/ConsoleLogger");
 let isRegistered = false;
+const logger = new ConsoleLogger_1.ConsoleLogger('ReactNavigation');
 const registerListener = (navContainer) => {
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (isRegistered &&
             navContainer.current != null &&
             navContainer.current.addListener != null) {
@@ -14,11 +15,11 @@ const registerListener = (navContainer) => {
                 if (data != null &&
                     data.data != null &&
                     data.data.action != null) {
-                    Logger_1.Logger.logDebug(`ReactNavigation Listener Dispatch: ${JSON.stringify(data.data.action)}`);
+                    logger.debug(`Listener Dispatch: ${JSON.stringify(data.data.action)}`);
                 }
             });
             navContainer.current.addListener('state', (state) => {
-                Logger_1.Logger.logDebug(`ReactNavigation Listener State: ${JSON.stringify(state)}`);
+                logger.debug(`Listener State: ${JSON.stringify(state)}`);
             });
         }
     });