@truewatchtech/react-native-mobile 0.3.15-alpha.1

package/lib/typescript/ft_logger.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Set log level.
+ */
+export declare enum FTLogStatus {
+    info = 0,
+    warning = 1,
+    error = 2,
+    critical = 3,
+    ok = 4
+}
+/**
+ * Log discard method.
+ */
+export declare enum FTLogCacheDiscard {
+    discard = 0,
+    discardOldest = 1
+}
+/**
+ * Configure log output configuration.
+ * @param sampleRate sampling rate
+ * @param enableLinkRumData whether to link with RUM
+ * @param enableCustomLog whether to enable custom logs
+ * @param discardStrategy log discard strategy
+ * @param logLevelFilters log level filter
+ * @param globalContext custom global parameters
+ * @param logCacheLimitCount get maximum log entry count limit [1000,), default 5000
+ */
+export interface FTLogConfig {
+    sampleRate?: number;
+    enableLinkRumData?: boolean;
+    enableCustomLog?: boolean;
+    discardStrategy?: FTLogCacheDiscard;
+    logLevelFilters?: Array<FTLogStatus>;
+    globalContext?: object;
+    logCacheLimitCount?: number;
+}
+declare class FTReactNativeLogWrapper {
+    private logger;
+    /**
+     *Configure log output configuration to enable log collection.
+     */
+    logConfig(config: FTLogConfig): Promise<void>;
+    /**
+    * Output log.
+    * @param content log content
+    * @param status log status
+    * @param property log context (optional)
+    */
+    logging(content: String, logStatus: FTLogStatus | String, property?: object): Promise<void>;
+}
+export declare const FTReactNativeLog: FTReactNativeLogWrapper;
+export {};

package/lib/typescript/ft_mobile_agent.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Environment.
+ */
+export declare enum EnvType {
+    prod = 0,
+    gray = 1,
+    pre = 2,
+    common = 3,
+    local = 4
+}
+export declare enum FTDBCacheDiscard {
+    discard = 0,
+    discardOldest = 1
+}
+/**
+ * Configure SDK startup parameters.
+ * @param serverUrl data reporting address, deprecated, use [datakitUrl] instead
+ * @param datakitUrl datakit access URL address, example: http://10.0.0.1:9529, default port 9529. Choose one between datakit and dataway configuration
+ * @param datawayUrl dataway access URL address, example: http://10.0.0.1:9528, default port 9528, note: the device installing the SDK needs to be able to access this address. Note: choose one between datakit and dataway configuration
+ * @param clientToken dataway authentication token, needs to be configured together with [datawayUrl]
+ * @param debug set whether to allow log printing, default false
+ * @param env environment, default prod
+ * @param service set the name of the business or service it belongs to, default: `df_rum_ios`, `df_rum_android`
+ * @param autoSync whether data is automatically synchronized and uploaded, default: true
+ * @param syncPageSize number of synchronized items per request during data synchronization, minimum value 5, default: 10
+ * @param syncSleepTime interval time between each request during data synchronization, unit milliseconds, 0 < syncSleepTime < 100
+ * @param enableDataIntegerCompatible whether to enable data integer compatibility during data synchronization, enabled by default
+ * @param compressIntakeRequests whether to compress synchronized data
+ * @param globalContext custom global parameters
+ * @param groupIdentifiers iOS side sets the AppGroups Identifier array corresponding to the collected Widget Extension
+ * @param enableLimitWithDbSize set whether to enable using db to limit data size, after enabling, `FTLogConfig.logCacheLimitCount` and `FTRUMConfig.rumCacheLimitCount` will no longer take effect
+ * @param dbCacheLimit db cache limit size, minimum value 30MB, default 100MB, unit byte
+ * @param dbDiscardStrategy db data discard strategy
+ * @param dataModifier data modifier, modify individual fields {key:value}, after setting, the SDK will replace the original value with the set value according to the key
+ * @param lineDataModifier data modifier, modify single data {"measurement":measurement,"data":{key:value}}, after setting, the SDK will replace the original value with the set value according to the key
+ */
+export interface FTMobileConfig {
+    /**
+     * @deprecated "serverUrl" parameter renamed to "datakitUrl"
+     */
+    serverUrl?: string;
+    datakitUrl?: string;
+    datawayUrl?: string;
+    clientToken?: string;
+    debug?: boolean;
+    envType?: EnvType;
+    env?: string;
+    service?: string;
+    autoSync?: boolean;
+    syncPageSize?: number;
+    syncSleepTime?: number;
+    enableDataIntegerCompatible?: boolean;
+    compressIntakeRequests?: boolean;
+    globalContext?: object;
+    groupIdentifiers?: Array<string>;
+    enableLimitWithDbSize?: boolean;
+    dbCacheLimit?: number;
+    dbDiscardStrategy?: FTDBCacheDiscard;
+    pkgInfo?: string;
+    dataModifier?: object;
+    lineDataModifier?: object;
+}
+type FTMobileReactNativeType = {
+    /**
+     * SDK initialization method.
+     * @param config SDK initialization configuration items.
+     * @returns a Promise.
+     */
+    sdkConfig(config: FTMobileConfig): Promise<void>;
+    /**
+     * Bind user.
+     * @param userId user ID.
+     * @param userName user name.
+     * @param userEmail user email
+     * @param extra additional user information
+     * @returns a Promise.
+     */
+    bindRUMUserData(userId: string, userName?: string, userEmail?: string, extra?: object): Promise<void>;
+    /**
+     * Unbind user.
+     * @returns a Promise.
+     */
+    unbindRUMUserData(): Promise<void>;
+    /**
+    * Add custom global parameters. Applies to RUM and Log data
+    * @param context custom global parameters.
+    * @returns a Promise.
+    */
+    appendGlobalContext(context: object): Promise<void>;
+    /**
+    * Add custom RUM global parameters. Applies to RUM data
+    * @param context custom RUM global parameters.
+    * @returns a Promise.
+    */
+    appendRUMGlobalContext(context: object): Promise<void>;
+    /**
+     * Add custom RUM and Log global parameters. Applies to Log data
+     * @param context custom Log global parameters.
+     * @returns a Promise.
+     */
+    appendLogGlobalContext(context: object): Promise<void>;
+    /**
+     * Actively synchronize data. When `FTMobileConfig.autoSync=false` is configured, you need to actively trigger this method to synchronize data.
+     * @returns a Promise.
+    */
+    flushSyncData(): Promise<void>;
+    /**
+    * Synchronize events in iOS Widget Extension, iOS only
+    * @param groupIdentifier app groupId
+    * @returns {groupIdentifier:string,datas:Array<object>} can be used to view data collected in Extension.
+    */
+    trackEventFromExtension(identifier: string): Promise<object>;
+    /**
+     * Shut down objects currently running in the SDK
+     */
+    shutDown(): Promise<void>;
+    /**
+     * Clear all data that has not yet been uploaded to the server.
+     */
+    clearAllData(): Promise<void>;
+};
+export declare const FTMobileReactNative: FTMobileReactNativeType;
+export {};

package/lib/typescript/ft_rum.d.ts

@@ -0,0 +1,200 @@
+/**
+ * Error monitoring type.
+ */
+export declare enum ErrorMonitorType {
+    all = 4294967295,
+    battery = 2,
+    memory = 4,
+    cpu = 8
+}
+/**
+* Page monitoring supplement type
+*/
+export declare enum DeviceMetricsMonitorType {
+    all = 4294967295,
+    battery = 2,
+    memory = 4,
+    cpu = 8,
+    fps = 16
+}
+/**
+ * Device information monitoring cycle.
+ */
+export declare enum DetectFrequency {
+    normal = 0,
+    frequent = 1,
+    rare = 2
+}
+export declare enum FTRUMCacheDiscard {
+    discard = 0,
+    discardOldest = 1
+}
+/**
+ * Set RUM tracking conditions.
+ * @param androidAppId appId, apply during monitoring
+ * @param iOSAppId appId, apply during monitoring
+ * @param sampleRate sampling rate
+ * @param sessionOnErrorSampleRate error session sampling rate. For sessions not sampled, if ERROR is hit, collect data 1 minute before the error occurs
+ * @param enableAutoTrackUserAction whether to automatically collect react-native control click events, can set actionName with accessibilityLabel when enabled
+ * @param enableTrackError whether to automatically collect react-native Error
+ * @param enableTrackNativeCrash whether to collect Native Error
+ * @param enableTrackNativeAppANR whether to collect Native ANR
+ * @param enableTrackNativeFreeze whether to collect Native Freeze
+ * @param nativeFreezeDurationMs set the threshold for collecting Native Freeze, value range [100,), unit ms. iOS default 250ms, Android default 1000ms
+ * @param enableNativeUserAction whether to start Native Action tracking, Button click events, recommended to disable for pure react-native apps
+ * @param enableNativeUserView whether to start Native View auto tracking, recommended to disable for pure react-native apps
+ * @param enableNativeUserResource whether to automatically collect react-native Resource
+ * @param enableResourceHostIP whether to collect network request Host IP (only for native http, iOS 13 and above)
+ * @param errorMonitorType error monitoring supplement type
+ * @param deviceMonitorType page monitoring supplement type
+ * @param detectFrequency monitoring frequency
+ * @param globalContext custom global parameters
+ * @param rumCacheLimitCount RUM max cache size, default 100_000
+ * @param rumDiscardStrategy RUM data discard strategy
+ */
+export interface FTRUMConfig {
+    androidAppId: string;
+    iOSAppId: string;
+    sampleRate?: number;
+    sessionOnErrorSampleRate?: number;
+    enableAutoTrackUserAction?: boolean;
+    enableAutoTrackError?: boolean;
+    enableTrackNativeCrash?: boolean;
+    enableTrackNativeAppANR?: boolean;
+    enableTrackNativeFreeze?: boolean;
+    nativeFreezeDurationMs?: number;
+    enableNativeUserAction?: boolean;
+    enableNativeUserView?: boolean;
+    enableNativeUserResource?: boolean;
+    enableResourceHostIP?: boolean;
+    errorMonitorType?: ErrorMonitorType;
+    deviceMonitorType?: DeviceMetricsMonitorType;
+    detectFrequency?: DetectFrequency;
+    globalContext?: object;
+    rumCacheLimitCount?: number;
+    rumDiscardStrategy?: FTRUMCacheDiscard;
+}
+/**
+ * RUM Resource data.
+ * @param url request URL
+ * @param httpMethod request method
+ * @param requestHeader request header parameters
+ * @param responseHeader response header parameters
+ * @param responseBody response content
+ * @param resourceStatus response status code
+ */
+export interface FTRUMResource {
+    url: string;
+    httpMethod: string;
+    requestHeader: object;
+    responseHeader?: object;
+    responseBody?: string;
+    resourceStatus?: number;
+}
+/**
+ * RUM Resource performance metrics.
+ * @param duration resource load time
+ * @param resource_dns resource DNS resolution time
+ * @param resource_tcp resource TCP connection time
+ * @param resource_ssl resource SSL connection time
+ * @param resource_ttfb resource request response time
+ * @param resource_trans resource content transfer time
+ * @param resource_first_byte resource first byte time
+ */
+export interface FTRUMResourceMetrics {
+    duration?: number;
+    resource_dns?: number;
+    resource_tcp?: number;
+    resource_ssl?: number;
+    resource_ttfb?: number;
+    resource_trans?: number;
+    resource_first_byte?: number;
+}
+type FTReactNativeRUMType = {
+    /**
+     * Set RUM tracking conditions and enable RUM collection.
+     * @param config rum configuration parameters.
+     * @returns a Promise.
+     */
+    setConfig(config: FTRUMConfig): Promise<void>;
+    /**
+     * Start RUM Action.
+     * RUM will bind Resource, Error, LongTask events that may be triggered by this Action.
+     * Avoid adding multiple times within 0.1s, only one Action will be associated with the same View at the same time, and new Actions will be discarded if the previous one has not ended.
+     * Adding Action with `addAction` method does not affect each other.
+     * @param actionName action name
+     * @param actionType action type
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    startAction(actionName: string, actionType: string, property?: object): Promise<void>;
+    /**
+    * Add Action event. This type of data cannot be associated with Error, Resource, LongTask data, and has no discard logic.
+    * @param actionName action name
+    * @param actionType action type
+    * @param property event context (optional)
+    * @returns a Promise.
+    */
+    addAction(actionName: string, actionType: string, property?: object): Promise<void>;
+    /**
+     * view load duration.
+     * @param viewName view name
+     * @param loadTime view load duration
+     * @returns a Promise.
+     */
+    onCreateView(viewName: string, loadTime: number): Promise<void>;
+    /**
+     * view start.
+     * @param viewName page name
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    startView(viewName: string, property?: object): Promise<void>;
+    /**
+     * view end.
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    stopView(property?: object): Promise<void>;
+    /**
+     * Exception capture and log collection.
+     * @param stack stack log
+     * @param message error message
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    addError(stack: string, message: string, property?: object): Promise<void>;
+    /**
+     * Exception capture and log collection.
+     * @param type error type
+     * @param stack stack log
+     * @param message error message
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    addErrorWithType(type: string, stack: string, message: string, property?: object): Promise<void>;
+    /**
+     * Start resource request.
+     * @param key unique id
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    startResource(key: string, property?: object): Promise<void>;
+    /**
+     * End resource request.
+     * @param key unique id
+     * @param property event context (optional)
+     * @returns a Promise.
+     */
+    stopResource(key: string, property?: object): Promise<void>;
+    /**
+     * Send resource data metrics.
+     * @param key unique id
+     * @param resource resource data
+     * @param metrics resource performance data
+     * @returns a Promise.
+     */
+    addResource(key: string, resource: FTRUMResource, metrics?: FTRUMResourceMetrics): Promise<void>;
+};
+export declare const FTReactNativeRUM: FTReactNativeRUMType;
+export {};

package/lib/typescript/ft_tracing.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Trace types for use.
+ */
+export declare enum TraceType {
+    ddTrace = 0,
+    zipkinMulti = 1,
+    zipkinSingle = 2,
+    traceparent = 3,
+    skywalking = 4,
+    jaeger = 5
+}
+/**
+ * Configure trace.
+ * @param sampleRate sampling rate
+ * @param traceType trace type
+ * @param enableLinkRUMData whether to link with RUM data
+ * @param enableNativeAutoTrace whether to enable automatic tracing
+ */
+export interface FTTraceConfig {
+    sampleRate?: number;
+    traceType?: TraceType;
+    enableLinkRUMData?: boolean;
+    enableNativeAutoTrace?: boolean;
+}
+type FTReactNativeTraceType = {
+    /**
+     * Configure trace to enable distributed tracing.
+     * @param config trace configuration parameters.
+     * @returns a Promise.
+     */
+    setConfig(config: FTTraceConfig): Promise<void>;
+    /**
+     * Get trace HTTP request header data.
+     * @param url request URL
+     * @returns trace request header parameters
+     * @deprecated use getTraceHeaderFields() replace.
+     */
+    getTraceHeader(key: String, url: String): Promise<object>;
+    /**
+    * Get trace HTTP request header data.
+    * @param url request URL
+    * @returns trace request header parameters
+    */
+    getTraceHeaderFields(url: String, key?: String): Promise<object>;
+};
+export declare const FTReactNativeTrace: FTReactNativeTraceType;
+export {};

package/lib/typescript/index.d.ts

@@ -0,0 +1,7 @@
+import { FTMobileConfig, FTMobileReactNative, EnvType, FTDBCacheDiscard } from './ft_mobile_agent';
+import { FTLogConfig, FTReactNativeLog, FTLogStatus, FTLogCacheDiscard } from './ft_logger';
+import { FTRUMConfig, FTRUMResource, FTReactNativeRUM, ErrorMonitorType, DeviceMetricsMonitorType, DetectFrequency, FTRUMResourceMetrics, FTRUMCacheDiscard } from './ft_rum';
+import { FTTraceConfig, FTReactNativeTrace, TraceType } from './ft_tracing';
+import { FTRumActionTracking } from './rum/FTRumActionTracking';
+import { FTRumErrorTracking } from './rum/FTRumErrorTracking';
+export { FTMobileReactNative, FTMobileConfig, EnvType, FTDBCacheDiscard, FTLogConfig, FTReactNativeLog, FTLogStatus, FTLogCacheDiscard, FTRUMConfig, FTReactNativeRUM, FTRUMResource, ErrorMonitorType, DeviceMetricsMonitorType, DetectFrequency, FTRUMResourceMetrics, FTRUMCacheDiscard, FTTraceConfig, FTReactNativeTrace, TraceType, FTRumActionTracking, FTRumErrorTracking };

package/lib/typescript/rum/FTRumActionTracking.d.ts

@@ -0,0 +1,15 @@
+export declare class FTRumActionTracking {
+    private static isTracking;
+    private static preActionTimestamp;
+    private static originalMemo;
+    private static originalJsx;
+    private static originalCreateElement;
+    private static patchCreateElementFunction;
+    static startTracking(): void;
+    static stopTracking(): void;
+    private static interceptOnPress;
+    private static handleTargetEvent;
+    private static resolveActionName;
+    private static findActionProperty;
+    private static findActionEnableTrack;
+}

package/lib/typescript/rum/FTRumErrorTracking.d.ts

@@ -0,0 +1,11 @@
+export declare class FTRumErrorTracking {
+    private static isTracking;
+    private static isInDefaultErrorHandler;
+    private static defaultErrorHandler;
+    private static defaultConsoleError;
+    static startTracking(): void;
+    static onGlobalError(error: any, isFatal?: boolean): void;
+    static onConsoleError(...params: unknown[]): void;
+    private static getErrorMessage;
+    private static getErrorStackTrace;
+}

package/lib/typescript/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "0.3.15-alpha.1";

package/package.json

@@ -0,0 +1,167 @@
+{
+  "name": "@truewatchtech/react-native-mobile",
+  "version": "0.3.15-alpha.1",
+  "description": "Base on TrueWatch Android iOS React Native SDK",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "scripts/replace-react-require.js",
+    "android",
+    "ios",
+    "cpp",
+    "FTMobileReactNativeSDK.podspec",
+    "!lib/typescript/example",
+    "!android/build",
+    "!android/.gradle",
+    "!android/.idea",
+    "!ios/build",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typescript": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepare": "genversion --es6 --semi src/version.ts && bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods",
+    "postinstall": "node scripts/replace-react-require.js"
+  },
+  "keywords": [
+    "truewatch",
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TrueWatchTech/datakit-react-native.git"
+  },
+  "author": "Brandon <brandonfaustine@gmail.com> (https://github.com/Br4ndonZhang)",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/TrueWatchTech/datakit-react-native.git/issues"
+  },
+  "homepage": "https://github.com/TrueWatchTech/datakit-react-native.git#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^11.0.0",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^2.0.0",
+    "@types/jest": "^26.0.0",
+    "@types/react": "^16.9.19",
+    "@types/react-native": "0.62.13",
+    "commitlint": "^11.0.0",
+    "eslint": "^7.2.0",
+    "eslint-config-prettier": "^7.0.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "genversion": "3.0.2",
+    "husky": "^4.2.5",
+    "jest": "^26.0.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.1.0",
+    "react-native": "0.70.0",
+    "react-native-builder-bob": "^0.17.1",
+    "release-it": "^14.2.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.13.1",
+    "react-native": ">=0.63.4 <1.0"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "yarn lint && yarn typescript"
+    }
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error", {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript", {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.16.5"
+  },
+  "directories": {
+    "example": "example",
+    "lib": "lib"
+  }
+}

package/scripts/replace-react-require.js

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+
+// eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+const { readFileSync, writeFileSync } = require('fs');
+const GET_JSX_RUNTIME_RELATIVE_PATH =
+    'rum/FTRumActionTracking';
+
+const isJsxExportedInReactVersion = (major, minor) => {
+    if (Number(major) > 16) {
+        return true;
+    }
+    if (Number(major) === 16 && Number(minor) > 13) {
+        return true;
+    }
+    return false;
+};
+const replaceReactJsxRequire = () => {
+    process.stdout.write('[FTLog] replacing react/jsx-runtime by react\n');
+    const actionFilePath = `${__dirname}/..`;
+    const locations = [
+        { directory: `${actionFilePath}/src`, extension: 'tsx' },
+        { directory: `${actionFilePath}/lib/commonjs`, extension: 'js' },
+        { directory: `${actionFilePath}/lib/commonjs`, extension: 'js.map' },
+        { directory: `${actionFilePath}/lib/module`, extension: 'js' },
+        { directory: `${actionFilePath}/lib/module`, extension: 'js.map' }
+    ];
+
+    locations.forEach(location => {
+        const fileLocation = `${location.directory}/${GET_JSX_RUNTIME_RELATIVE_PATH}.${location.extension}`;
+        const file = readFileSync(fileLocation).toString();
+        writeFileSync(
+            fileLocation,
+            file.replace("require('react/jsx-runtime')", "require('react')")
+        );
+    });
+};
+
+try {
+    // Get React version
+    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
+    const [major, minor] = require('react/package.json').version.split('.');
+    process.stdout.write(`[FTLog] found react version ${major}${minor}\n`);
+
+    if (!isJsxExportedInReactVersion(major, minor)) {
+        replaceReactJsxRequire();
+    }
+    process.stdout.write('[FTLog] postinstall replace-react-require end\n');
+} catch (error) {
+    process.stderr.write(
+        `[FTLog] Error running replace-react-require: ${error}\n`
+    );
+}