@datadog/mobile-react-native-session-replay 2.12.4 → 2.13.1

package/ios/Sources/DdPrivacyViewFabric.h

@@ -0,0 +1,28 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+// DdPrivacyViewFabric.h
+
+#if RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/ComponentDescriptors.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/EventEmitters.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/Props.h>
+#import <react/renderer/components/DdSDKReactNativeSessionReplay/RCTComponentViewHelpers.h>
+#import <React/RCTFabricComponentsPlugins.h>
+
+
+#if __has_include("DatadogSDKReactNativeSessionReplay-Swift.h")
+#import <DatadogSDKReactNativeSessionReplay-Swift.h>
+#else
+#import <DatadogSDKReactNativeSessionReplay/DatadogSDKReactNativeSessionReplay-Swift.h>
+#endif
+
+@interface DdPrivacyViewFabric : RCTViewComponentView
+@property (nonatomic, copy) NSString *nativeID;
+@property (nonatomic, copy) NSDictionary<NSString *, NSString *> *attributes;
+@end
+#endif

package/ios/Sources/DdPrivacyViewFabric.mm

@@ -18,14 +18,14 @@
 #else
 #import <DatadogSDKReactNativeSessionReplay/DatadogSDKReactNativeSessionReplay-Swift.h>
 #endif
+#import <objc/runtime.h>
+#import "DdPrivacyViewFabric.h"
 
 using namespace facebook::react;
 
-@interface DdPrivacyViewFabric : RCTViewComponentView <RCTDdPrivacyViewViewProtocol>
-@end
-
 @implementation DdPrivacyViewFabric {
     UIView * _view;
+    
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider {
@@ -40,15 +40,33 @@ using namespace facebook::react;
     return self;
 }
 
+
+- (void)setNativeID:(NSString *)nativeID {
+    objc_setAssociatedObject(self, @selector(nativeID), nativeID, OBJC_ASSOCIATION_COPY_NONATOMIC);
+}
+
+- (NSString *)nativeID {
+    return objc_getAssociatedObject(self, @selector(nativeID));
+}
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
     const auto &newProps = *std::static_pointer_cast<DdPrivacyViewProps const>(props);
     
     NSString *text = [NSString stringWithUTF8String:newProps.textAndInputPrivacy.c_str()];
     NSString *image = [NSString stringWithUTF8String:newProps.imagePrivacy.c_str()];
     NSString *touch = [NSString stringWithUTF8String:newProps.touchPrivacy.c_str()];
-
+    NSString *nativeID = [NSString stringWithUTF8String:newProps.nativeID.c_str()];
+    NSMutableDictionary<NSString *, NSString *> *attributesDict = [NSMutableDictionary new];
+    
+    attributesDict[@"type"] = [NSString stringWithUTF8String:newProps.attributes.type.c_str()];
+    attributesDict[@"width"] = [NSString stringWithUTF8String:newProps.attributes.width.c_str()];
+    attributesDict[@"height"] = [NSString stringWithUTF8String:newProps.attributes.height.c_str()];
+    attributesDict[@"hash"] = [NSString stringWithUTF8String:newProps.attributes.hash.c_str()];
+    
     [DdPrivacyOverrider setOverridesFor:self textPrivacy:text imagePrivacy:image touchPrivacy:touch hide:newProps.hide];
+    self.nativeID = nativeID;
+    self.attributes = attributesDict;
     
+    self.accessibilityIdentifier = nativeID;
     [super updateProps:props oldProps:oldProps];
 }
 

package/ios/Sources/DdPrivacyViewPaper.m

@@ -17,6 +17,9 @@
 @property (nonatomic, strong) NSString *imagePrivacy;
 @property (nonatomic, strong) NSString *touchPrivacy;
 @property (nonatomic, assign) BOOL hide;
+@property (nonatomic, copy) NSString *nativeID;
+
+@property (nonatomic, copy) NSDictionary<NSString *, NSString *> *attributes;
 
 @end
 
@@ -55,6 +58,27 @@ RCT_CUSTOM_VIEW_PROPERTY(hide, BOOL, DdPrivacyView) {
     [self setPrivacyOverridesFor:view];
 }
 
+RCT_CUSTOM_VIEW_PROPERTY(nativeID, NSString, DdPrivacyView) {
+    view.nativeID = [RCTConvert NSString:json];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(attributes, NSDictionary, DdPrivacyView) {
+    if (json && [json isKindOfClass:[NSDictionary class]]) {
+        NSMutableDictionary<NSString *, NSString *> *dict = [NSMutableDictionary new];
+        for (id key in json) {
+            id value = json[key];
+            if ([key isKindOfClass:[NSString class]] && [value isKindOfClass:[NSString class]]) {
+                dict[key] = value;
+            } else if ([key isKindOfClass:[NSString class]] && value != [NSNull null]) {
+                dict[key] = [value description];
+            }
+        }
+        view.attributes = dict;
+    } else {
+        view.attributes = nil;
+    }
+}
+
 - (void) setPrivacyOverridesFor:(DdPrivacyView *) view {
     [DdPrivacyOverrider setOverridesFor:view textPrivacy:view.textPrivacy imagePrivacy:view.imagePrivacy touchPrivacy:view.touchPrivacy hide:view.hide];
 }

package/ios/Sources/DdSessionReplayImplementation.swift

@@ -10,6 +10,11 @@ import DatadogInternal
 import DatadogSDKReactNative
 import React
 
+internal struct SVGData: Codable {
+    let offset: Int
+    let length: Int
+}
+
 @objc
 public class DdSessionReplayImplementation: NSObject {
     private lazy var sessionReplay: SessionReplayProtocol = sessionReplayProvider()
@@ -26,7 +31,7 @@ public class DdSessionReplayImplementation: NSObject {
         self.uiManager = uiManager
         self.fabricWrapper = fabricWrapper
     }
-
+    
     @objc
     public convenience init(bridge: RCTBridge) {
         self.init(
@@ -35,7 +40,7 @@ public class DdSessionReplayImplementation: NSObject {
             fabricWrapper: RCTFabricWrapper()
         )
     }
-
+    
     @objc
     public func enable(
         replaySampleRate: Double,
@@ -51,7 +56,7 @@ public class DdSessionReplayImplementation: NSObject {
         if (customEndpoint != "") {
             customEndpointURL = URL(string: "\(customEndpoint)/api/v2/replay" as String)
         }
-
+        
         var sessionReplayConfiguration = SessionReplay.Configuration(
             replaySampleRate: Float(replaySampleRate),
             textAndInputPrivacyLevel: convertTextAndInputPrivacy(textAndInputPrivacyLevel),
@@ -60,11 +65,34 @@ public class DdSessionReplayImplementation: NSObject {
             startRecordingImmediately: startRecordingImmediately,
             customEndpoint: customEndpointURL
         )
-                    
+        
+//        let bundle = Bundle(for: DdSessionReplayImplementation.self)
+
+        var svgMap: [String: SVGData] = [:]
+        
+        if let bundle = Bundle.ddSessionReplayResources,
+           let url = bundle.url(forResource: "assets", withExtension: "json") {
+            do {
+                let data = try Data(contentsOf: url)
+                let decoder = JSONDecoder()
+                svgMap = try decoder.decode([String: SVGData].self, from: data)
+            } catch {
+                consolePrint("Failed to load or decode assets.json: \(error)", .debug)
+            }
+        }
+        
         sessionReplayConfiguration.setAdditionalNodeRecorders([
-            RCTTextViewRecorder(uiManager: uiManager, fabricWrapper: fabricWrapper)
+            SvgViewRecorder(
+                uiManager: uiManager,
+                fabricWrapper: fabricWrapper,
+                svgMap: svgMap
+            ),
+            RCTTextViewRecorder(
+                uiManager: uiManager,
+                fabricWrapper: fabricWrapper
+            )
         ])
-
+        
         if let core = DatadogSDKWrapper.shared.getCoreInstance() {
             sessionReplay.enable(
                 with: sessionReplayConfiguration,

package/ios/Sources/SvgViewRecorder.swift

@@ -0,0 +1,236 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+import Foundation
+@_spi(Internal)
+import DatadogSessionReplay
+import DatadogInternal
+import DatadogSDKReactNative
+import UIKit
+import React
+
+private enum SVGConstants {
+    static let attributes = "attributes"
+    static let width = "width"
+    static let height = "height"
+    static let hash = "hash"
+    static let type = "type"
+    static let svgTypeValue = "svg"
+}
+
+private enum PrivacyViewClasses {
+    static let paper = "DdPrivacyView"
+    static let fabric = "DdPrivacyViewFabric"
+}
+
+internal struct ReactNativeSVGResource: SessionReplayResource {
+    let identifier: String
+    let svgContent: String
+    let mimeType: String = "image/svg+xml"
+    
+    init(id: String, svgContent: String) {
+        self.identifier = id
+        self.svgContent = svgContent
+    }
+    
+    func calculateIdentifier() -> String {
+        return identifier
+    }
+    
+    func calculateData() -> Data {
+        return svgContent.data(using: .utf8) ?? Data()
+    }
+}
+
+internal class SvgViewRecorder: SessionReplayNodeRecorder {
+    internal var identifier = UUID()
+    
+    internal let uiManager: RCTUIManager
+    internal let fabricWrapper: RCTFabricWrapper
+    internal let svgMap: [String: SVGData]
+    
+    internal init(uiManager: RCTUIManager, fabricWrapper: RCTFabricWrapper, svgMap: [String: SVGData]) {
+        self.uiManager = uiManager
+        self.fabricWrapper = fabricWrapper
+        self.svgMap = svgMap
+    }
+    
+    func semantics(
+        of view: UIView,
+        with attributes: SessionReplayViewAttributes,
+        in context: SessionReplayViewTreeRecordingContext
+    ) -> SessionReplayNodeSemantics? {
+
+        if let cls1 = NSClassFromString(PrivacyViewClasses.paper),
+           let cls2 = NSClassFromString(PrivacyViewClasses.fabric) {
+            if !view.isKind(of: cls1) && !view.isKind(of: cls2) {
+                return nil
+            }
+        }
+
+        let sel = NSSelectorFromString(SVGConstants.attributes)
+        guard view.responds(to: sel) else { return nil }
+
+        guard let attrs = view.value(forKey: SVGConstants.attributes) as? [String: String] else {
+            return nil
+        }
+
+        guard let type = attrs[SVGConstants.type], type == "svg" else {
+            return nil
+        }
+        
+        guard let hash = attrs[SVGConstants.hash] else {
+            return nil
+        }
+        
+        let bundle = Bundle.ddSessionReplayResources
+        guard let url = bundle?.url(forResource: "assets", withExtension: "bin") else {
+            return nil
+        }
+        
+        guard let subView = view.subviews.first else {
+            return nil
+        }
+        
+        let viewId = context.ids.nodeID(view: view, nodeRecorder: self)
+        let svgId = context.ids.nodeID(view: subView, nodeRecorder: self)
+        
+        guard let svgInfo = svgMap[hash] else {
+            return nil
+        }
+        
+        guard let svgDataChunk = readDataChunk(from: url, offset: svgInfo.offset, length: svgInfo.length),
+              var svgData = String(data: svgDataChunk, encoding: .utf8) else {
+            return nil
+        }
+        
+        
+        if let updatedSvgData = handleDynamicSvgDimensions(view: subView, svgData: svgData, attrs: attrs) {
+            svgData = updatedSvgData
+        }
+        
+        let svgResource = ReactNativeSVGResource(
+            id: hash,
+            svgContent: svgData
+        )
+        
+        let contentFrame = CGRect(
+            origin: attributes.frame.origin,
+            size: CGSize(width: subView.bounds.width,
+                         height: subView.bounds.height)
+        )
+        
+        let builder = SvgViewWireframesBuilder(
+            wireframeID: viewId,
+            imageWireframeID: svgId,
+            attributes: attributes,
+            contentFrame: contentFrame,
+            svgResource: svgResource,
+            imagePrivacyLevel: context.recorder.imagePrivacy
+        )
+        
+        // Children are ignored because they were already processed and converted by the babel plugin
+        let element = SessionReplaySpecificElement(subtreeStrategy: .ignore, nodes: [
+            SessionReplayNode(viewAttributes: attributes, wireframesBuilder: builder)
+        ])
+        
+        return element
+    }
+}
+
+func readDataChunk(from url: URL, offset: Int, length: Int) -> Data? {
+    guard let fileHandle = FileHandle(forReadingAtPath: url.path) else {
+        return nil
+    }
+    defer {
+        fileHandle.closeFile()
+    }
+    
+    fileHandle.seek(toFileOffset: UInt64(offset))
+    
+    let data = fileHandle.readData(ofLength: length)
+    return data
+}
+
+func handleDynamicSvgDimensions(view: UIView, svgData: String, attrs: [String: String]) -> String? {
+    let width = attrs[SVGConstants.width] ?? ""
+    let height = attrs[SVGConstants.height] ?? ""
+    
+    var svgAttributes: [String] = []
+    
+    if width.isEmpty {
+        svgAttributes.append(#"width="\#(Int(view.bounds.width))""#)
+    }
+    
+    if height.isEmpty {
+        svgAttributes.append(#"height="\#(Int(view.bounds.height))""#)
+    }
+    
+    if !svgAttributes.isEmpty {
+        // Here we update the svg content but keep the original hash without these values
+        // The goal is to save some time, as it won't matter since the hash is used as an identifier
+        var svg = svgData
+        let pattern = #"<svg[^>]*>"#
+        
+        if let match = svg.range(of: pattern, options: .regularExpression) {
+            let dimensions = " " + svgAttributes.joined(separator: " ")
+            
+            if let closingBracketRange = svg.range(of: ">", range: match.lowerBound..<match.upperBound) {
+                svg.replaceSubrange(closingBracketRange, with: dimensions + ">")
+                return svg
+            }
+        }
+        
+    }
+    
+    return nil
+}
+
+internal struct SvgViewWireframesBuilder: SessionReplayNodeWireframesBuilder {
+    let wireframeID: WireframeID
+    
+    var wireframeRect: CGRect {
+        attributes.frame
+    }
+    
+    let imageWireframeID: WireframeID
+    
+    let attributes: SessionReplayViewAttributes
+    
+    let contentFrame: CGRect?
+    
+    let svgResource: ReactNativeSVGResource?
+    
+    let imagePrivacyLevel: ImagePrivacyLevel
+    
+    func buildWireframes(with builder: SessionReplayWireframesBuilder) -> [SRWireframe] {
+        var wireframes = [
+            builder.createShapeWireframe(
+                id: wireframeID,
+                frame: attributes.frame,
+                clip: attributes.clip,
+                borderColor: attributes.layerBorderColor,
+                borderWidth: attributes.layerBorderWidth,
+                backgroundColor: attributes.backgroundColor,
+                cornerRadius: attributes.layerCornerRadius,
+                opacity: attributes.alpha
+            )
+        ]
+        
+        if let svgResource {
+            wireframes.append(
+                builder.createImageWireframe(
+                    id: imageWireframeID,
+                    resource: svgResource,
+                    frame: contentFrame ?? attributes.frame,
+                    clip: attributes.clip
+                )
+            )
+        }
+        
+        return wireframes
+    }
+}

package/ios/Sources/Utils/Bundle+SessionReplay.swift

@@ -0,0 +1,21 @@
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+import Foundation
+
+internal class BundleFinder {}
+
+extension Bundle {
+    static var ddSessionReplayResources: Bundle? {
+        let bundle = Bundle(for: BundleFinder.self)
+        if let resourceURL = bundle.url(forResource: "DDSessionReplay", withExtension: "bundle"),
+           let resourceBundle = Bundle(url: resourceURL) {
+            return resourceBundle
+        }
+
+        return nil
+    }
+}

package/lib/commonjs/components/SessionReplayView/PrivacyView.js

@@ -31,6 +31,7 @@ function PrivacyView({
   textAndInputPrivacy,
   imagePrivacy,
   touchPrivacy,
+  nativeID,
   hide = false,
   ...props
 }) {
@@ -40,6 +41,7 @@ function PrivacyView({
     imagePrivacy: imagePrivacy,
     touchPrivacy: touchPrivacy,
     hide: hide || false,
+    nativeID: nativeID,
     children: children
   });
 }

package/lib/commonjs/components/SessionReplayView/PrivacyView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_DdPrivacyView","_jsxRuntime","e","__esModule","default","PrivacyView","children","textAndInputPrivacy","imagePrivacy","touchPrivacy","hide","props","jsx"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/PrivacyView.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAd7C;AACA;AACA;AACA;AACA;;AA+BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAC;EACxBC,QAAQ;EACRC,mBAAmB;EACnBC,YAAY;EACZC,YAAY;EACZC,IAAI,GAAG,KAAK;EACZ,GAAGC;AACA,CAAC,EAAE;EACN,oBACI,IAAAV,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAI,OAAI;IAAA,GACGO,KAAK;IACTJ,mBAAmB,EAAEA,mBAA8B;IACnDC,YAAY,EAAEA,YAAuB;IACrCC,YAAY,EAAEA,YAAuB;IACrCC,IAAI,EAAEA,IAAI,IAAI,KAAM;IAAAJ,QAAA,EAEnBA;EAAQ,CACP,CAAC;AAEf","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_DdPrivacyView","_jsxRuntime","e","__esModule","default","PrivacyView","children","textAndInputPrivacy","imagePrivacy","touchPrivacy","nativeID","hide","props","jsx"],"sourceRoot":"../../../../src","sources":["components/SessionReplayView/PrivacyView.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAd7C;AACA;AACA;AACA;AACA;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAAC;EACxBC,QAAQ;EACRC,mBAAmB;EACnBC,YAAY;EACZC,YAAY;EACZC,QAAQ;EACRC,IAAI,GAAG,KAAK;EACZ,GAAGC;AACA,CAAC,EAAE;EACN,oBACI,IAAAX,WAAA,CAAAY,GAAA,EAACb,cAAA,CAAAI,OAAI;IAAA,GACGQ,KAAK;IACTL,mBAAmB,EAAEA,mBAA8B;IACnDC,YAAY,EAAEA,YAAuB;IACrCC,YAAY,EAAEA,YAAuB;IACrCE,IAAI,EAAEA,IAAI,IAAI,KAAM;IACpBD,QAAQ,EAAEA,QAAmB;IAAAJ,QAAA,EAE5BA;EAAQ,CACP,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/metro/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withSessionReplayAssetBundler = withSessionReplayAssetBundler;
+var _chokidar = _interopRequireDefault(require("chokidar"));
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+var _processing = require("./processing");
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+let watching = false;
+const MERGE_DEBOUNCE_MS = 300;
+const WATCH_STABILITY_THRESHOLD_MS = 200;
+const WATCH_POLL_INTERVAL_MS = 50;
+function withSessionReplayAssetBundler(metroConfig) {
+  const originalReporter = metroConfig.reporter;
+  const assetsDir = _path.default.resolve(__dirname, '../../../assets');
+  if (!_fs.default.existsSync(assetsDir)) {
+    _fs.default.mkdirSync(assetsDir, {
+      recursive: true
+    });
+  }
+  const debounceMerge = (0, _utils.debounce)(() => {
+    try {
+      (0, _processing.mergeSvgAssets)(assetsDir);
+    } catch (error) {
+      console.warn('[SessionReplayAssetBundler] SVGs merge failed:', error);
+    }
+  }, MERGE_DEBOUNCE_MS);
+
+  // Prevent potential multiple watchers if metro loads the config multiple times
+  if (!watching) {
+    watching = true;
+    _chokidar.default.watch(assetsDir, {
+      // Skip events for files that already exist
+      ignoreInitial: true,
+      depth: 0,
+      awaitWriteFinish: {
+        // Wait 200ms after last change
+        stabilityThreshold: WATCH_STABILITY_THRESHOLD_MS,
+        // Check every 50ms
+        pollInterval: WATCH_POLL_INTERVAL_MS
+      }
+    }).on('add', file => {
+      if (!file.endsWith('.svg')) {
+        return;
+      }
+      debounceMerge();
+    });
+  }
+  return {
+    ...metroConfig,
+    reporter: {
+      update(event) {
+        if (originalReporter?.update) {
+          originalReporter.update(event);
+        }
+
+        // https://github.com/facebook/metro/blob/main/packages/metro/src/lib/reporting.js
+        if (event.type === 'bundle_build_done' || event.type === 'transformer_load_done') {
+          (0, _processing.mergeSvgAssets)(assetsDir);
+        }
+      }
+    }
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/metro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_chokidar","_interopRequireDefault","require","_fs","_path","_processing","_utils","e","__esModule","default","watching","MERGE_DEBOUNCE_MS","WATCH_STABILITY_THRESHOLD_MS","WATCH_POLL_INTERVAL_MS","withSessionReplayAssetBundler","metroConfig","originalReporter","reporter","assetsDir","path","resolve","__dirname","fs","existsSync","mkdirSync","recursive","debounceMerge","debounce","mergeSvgAssets","error","console","warn","chokidar","watch","ignoreInitial","depth","awaitWriteFinish","stabilityThreshold","pollInterval","on","file","endsWith","update","event","type"],"sourceRoot":"../../../src","sources":["metro/index.ts"],"mappings":";;;;;;AAMA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAmC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAXnC;AACA;AACA;AACA;AACA;;AASA,IAAIG,QAAQ,GAAG,KAAK;AAEpB,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,4BAA4B,GAAG,GAAG;AACxC,MAAMC,sBAAsB,GAAG,EAAE;AAE1B,SAASC,6BAA6BA,CAACC,WAAgB,EAAO;EACjE,MAAMC,gBAAgB,GAAGD,WAAW,CAACE,QAAQ;EAE7C,MAAMC,SAAS,GAAGC,aAAI,CAACC,OAAO,CAACC,SAAS,EAAE,iBAAiB,CAAC;EAE5D,IAAI,CAACC,WAAE,CAACC,UAAU,CAACL,SAAS,CAAC,EAAE;IAC3BI,WAAE,CAACE,SAAS,CAACN,SAAS,EAAE;MAAEO,SAAS,EAAE;IAAK,CAAC,CAAC;EAChD;EAEA,MAAMC,aAAa,GAAG,IAAAC,eAAQ,EAAC,MAAM;IACjC,IAAI;MACA,IAAAC,0BAAc,EAACV,SAAS,CAAC;IAC7B,CAAC,CAAC,OAAOW,KAAK,EAAE;MACZC,OAAO,CAACC,IAAI,CACR,gDAAgD,EAChDF,KACJ,CAAC;IACL;EACJ,CAAC,EAAElB,iBAAiB,CAAC;;EAErB;EACA,IAAI,CAACD,QAAQ,EAAE;IACXA,QAAQ,GAAG,IAAI;IACfsB,iBAAQ,CACHC,KAAK,CAACf,SAAS,EAAE;MACd;MACAgB,aAAa,EAAE,IAAI;MACnBC,KAAK,EAAE,CAAC;MACRC,gBAAgB,EAAE;QACd;QACAC,kBAAkB,EAAEzB,4BAA4B;QAChD;QACA0B,YAAY,EAAEzB;MAClB;IACJ,CAAC,CAAC,CACD0B,EAAE,CAAC,KAAK,EAAEC,IAAI,IAAI;MACf,IAAI,CAACA,IAAI,CAACC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACxB;MACJ;MAEAf,aAAa,CAAC,CAAC;IACnB,CAAC,CAAC;EACV;EAEA,OAAO;IACH,GAAGX,WAAW;IACdE,QAAQ,EAAE;MACNyB,MAAMA,CAACC,KAAU,EAAE;QACf,IAAI3B,gBAAgB,EAAE0B,MAAM,EAAE;UAC1B1B,gBAAgB,CAAC0B,MAAM,CAACC,KAAK,CAAC;QAClC;;QAEA;QACA,IACIA,KAAK,CAACC,IAAI,KAAK,mBAAmB,IAClCD,KAAK,CAACC,IAAI,KAAK,uBAAuB,EACxC;UACE,IAAAhB,0BAAc,EAACV,SAAS,CAAC;QAC7B;MACJ;IACJ;EACJ,CAAC;AACL","ignoreList":[]}

package/lib/commonjs/metro/processing.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeSvgAssets = mergeSvgAssets;
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*
+ * Unless explicitly stated otherwise all files in this repository are licensed under the Apache License Version 2.0.
+ * This product includes software developed at Datadog (https://www.datadoghq.com/).
+ * Copyright 2016-Present Datadog, Inc.
+ */
+
+/**
+ * Removes the binary and JSON asset files from the specified directory.
+ * This is used to clean up corrupted or partial asset files before regenerating them.
+ *
+ * @param binPath - Absolute path to the assets.bin file
+ * @param jsonPath - Absolute path to the assets.json file
+ */
+function cleanupFiles(binPath, jsonPath) {
+  try {
+    _fs.default.unlinkSync(binPath);
+  } catch (err) {
+    console.warn('[cleanupFiles] Failed to cleanup binary assets', err);
+  }
+  try {
+    _fs.default.unlinkSync(jsonPath);
+  } catch (err) {
+    console.warn('[cleanupFiles] Failed to cleanup json assets', err);
+  }
+}
+
+/**
+ * Merges all individual SVG files into assets.bin and creates an index in assets.json.
+ * This function reads all .svg files from the assets directory and packs them into
+ * a single binary file with an accompanying JSON index for efficient lookup.
+ *
+ * @param assetsDir - Absolute path to the assets directory
+ */
+function mergeSvgAssets(assetsDir) {
+  try {
+    const binName = 'assets.bin';
+    const jsonName = 'assets.json';
+    const binPath = _path.default.resolve(assetsDir, binName);
+    const jsonPath = _path.default.resolve(assetsDir, jsonName);
+    let index = {};
+    let offset = 0;
+    if (!_fs.default.existsSync(assetsDir)) {
+      _fs.default.mkdirSync(assetsDir, {
+        recursive: true
+      });
+    }
+    try {
+      const jsonData = _fs.default.readFileSync(jsonPath, 'utf8');
+      const binStats = _fs.default.statSync(binPath);
+      index = JSON.parse(jsonData);
+      offset = binStats.size;
+    } catch (err) {
+      console.warn('[mergeSvgAssets] Assets missing or corrupted, starting fresh');
+      index = {};
+      offset = 0;
+      cleanupFiles(binPath, jsonPath);
+    }
+    const files = _fs.default.readdirSync(assetsDir).filter(f => f.endsWith('.svg')).sort();
+    let added = 0;
+    for (const f of files) {
+      const id = _path.default.basename(f, _path.default.extname(f));
+      if (index[id]) {
+        continue;
+      }
+      try {
+        const svg = _fs.default.readFileSync(_path.default.join(assetsDir, f), 'utf8');
+        const buf = Buffer.from(svg, 'utf8');
+        const length = buf.length;
+        _fs.default.appendFileSync(binPath, buf);
+        index[id] = {
+          offset,
+          length
+        };
+        offset += length;
+        added++;
+      } catch (err) {
+        console.warn(`[SessionReplayAssetBundler] Failed to process ${f}:`, err);
+      }
+    }
+    _fs.default.writeFileSync(jsonPath, JSON.stringify(index, null, 2));
+    if (added > 0) {
+      console.info(`[SessionReplayAssetBundler] Packed ${added} new Session Replay SVG assets → total: ${Object.keys(index).length}`);
+    }
+  } catch (err) {
+    console.error('[mergeSvgAssets] Unexpected error during asset merge', err);
+  }
+}
+//# sourceMappingURL=processing.js.map

package/lib/commonjs/metro/processing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_fs","_interopRequireDefault","require","_path","e","__esModule","default","cleanupFiles","binPath","jsonPath","fs","unlinkSync","err","console","warn","mergeSvgAssets","assetsDir","binName","jsonName","path","resolve","index","offset","existsSync","mkdirSync","recursive","jsonData","readFileSync","binStats","statSync","JSON","parse","size","files","readdirSync","filter","f","endsWith","sort","added","id","basename","extname","svg","join","buf","Buffer","from","length","appendFileSync","writeFileSync","stringify","info","Object","keys","error"],"sourceRoot":"../../../src","sources":["metro/processing.ts"],"mappings":"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","ignoreList":[]}