@callstack/repack-dev-server 5.4.0-canary-20260913161840 → 5.4.0-canary-20260926141655

package/dist/plugins/symbolicate/Symbolicator.js

@@ -1,7 +1,7 @@
 import { URL } from 'node:url';
 import { codeFrameColumns } from '@babel/code-frame';
 import { SourceMapConsumer } from 'source-map';
-import { isGeneratedBundleFrame, isSymbolicatableFrame, normalizeInvalidWebpackSourceUrls, } from '../../utils/symbolication.js';
+import { decodeSourceName, escapeSourceName, isGeneratedBundleFrame, isSymbolicatableFrame, prepareSourceMap, } from '../../utils/symbolication.js';
 /**
  * Class for transforming stack traces from React Native application with using Source Map.
  * Raw stack frames produced by React Native, points to some location from the bundle
@@ -77,7 +77,7 @@ export class Symbolicator {
                             fileUrl: frame.file,
                             sourceMapLength: rawSourceMap.length,
                         });
-                        const sourceMapConsumer = await new SourceMapConsumer(normalizeInvalidWebpackSourceUrls(rawSourceMap));
+                        const sourceMapConsumer = await new SourceMapConsumer(prepareSourceMap(rawSourceMap));
                         logger.debug({
                             msg: 'Saving source map instance into cache',
                             fileUrl: frame.file,
@@ -157,7 +157,7 @@ export class Symbolicator {
         return {
             lineNumber: lookup.line ?? frame.lineNumber,
             column: lookup.column ?? frame.column,
-            file: lookup.source,
+            file: decodeSourceName(lookup.source),
             methodName: lookup.name || frame.methodName,
             collapse: false,
         };
@@ -179,7 +179,7 @@ export class Symbolicator {
             });
             try {
                 const consumer = sourceMapConsumers.get(inputFrames[index]?.file);
-                const embeddedSource = consumer?.sourceContentFor(frame.file, true);
+                const embeddedSource = consumer?.sourceContentFor(escapeSourceName(frame.file), true);
                 const source = embeddedSource ??
                     (await this.delegate.getSource(frame.file)).toString();
                 return {

package/dist/utils/symbolication.d.ts

@@ -2,7 +2,14 @@ import type { RawIndexMap, RawSourceMap } from 'source-map';
 interface StackFrameLike {
     file: string | null;
 }
-export declare function normalizeInvalidWebpackSourceUrls(rawSourceMap: string | Buffer): string | RawSourceMap | RawIndexMap;
+export declare function escapeSourceName(source: string): string;
+export declare function decodeSourceName(source: string): string;
+/**
+ * Prepare a raw source map for `SourceMapConsumer`: replace webpack source
+ * URLs that would make it reject the map and escape every source name, so
+ * names returned by the consumer can be restored with `decodeSourceName`.
+ */
+export declare function prepareSourceMap(rawSourceMap: string | Buffer): RawSourceMap | RawIndexMap;
 export declare function isGeneratedBundleFrame(frame: StackFrameLike): boolean;
 export declare function isSymbolicatableFrame<T extends StackFrameLike>(frame: T): frame is T & {
     file: string;

package/dist/utils/symbolication.js

@@ -1,10 +1,22 @@
 import { URL } from 'node:url';
-export function normalizeInvalidWebpackSourceUrls(rawSourceMap) {
-    const sourceMapText = rawSourceMap.toString();
-    if (!sourceMapText.includes('webpack://')) {
-        return sourceMapText;
-    }
-    const sourceMap = JSON.parse(sourceMapText);
+// `source-map` normalises every source name through `new URL()`, which
+// percent-encodes characters such as spaces, non-ASCII letters and the caret
+// in `[projectRoot^N]`. Escaping `%` before the consumer reads the map makes
+// `decodeSourceName` an exact inverse, so a file name that contains `%` keeps
+// it instead of being decoded a second time.
+export function escapeSourceName(source) {
+    return source.replaceAll('%', '%25');
+}
+export function decodeSourceName(source) {
+    return decodeURIComponent(source);
+}
+/**
+ * Prepare a raw source map for `SourceMapConsumer`: replace webpack source
+ * URLs that would make it reject the map and escape every source name, so
+ * names returned by the consumer can be restored with `decodeSourceName`.
+ */
+export function prepareSourceMap(rawSourceMap) {
+    const sourceMap = JSON.parse(rawSourceMap.toString());
     let invalidSourceIndex = 0;
     const normalize = (map) => {
         if (!map || typeof map !== 'object') {
@@ -18,11 +30,11 @@ export function normalizeInvalidWebpackSourceUrls(rawSourceMap) {
                 }
                 const normalizedSource = source.replace(/^webpack:\/\/([^/|]+)\|\/?/, 'webpack://$1/');
                 if (!normalizedSource.startsWith('webpack://')) {
-                    return normalizedSource;
+                    return escapeSourceName(normalizedSource);
                 }
                 try {
                     new URL(normalizedSource);
-                    return normalizedSource;
+                    return escapeSourceName(normalizedSource);
                 }
                 catch {
                     // Some generated Module Federation runtime modules use their source

package/package.json

@@ -2,7 +2,7 @@
   "name": "@callstack/repack-dev-server",
   "description": "A bundler-agnostic development server for React Native applications as part of @callstack/repack.",
   "license": "MIT",
-  "version": "5.4.0-canary-20260913161840",
+  "version": "5.4.0-canary-20260926141655",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",