@callstack/repack-dev-server 5.0.6 → 6.0.0-canary-20250430091845

package/dist/createServer.js

@@ -3,6 +3,7 @@ import middie from '@fastify/middie';
 import fastifySensible from '@fastify/sensible';
 import { createDevMiddleware } from '@react-native/dev-middleware';
 import Fastify from 'fastify';
+import { createProxyMiddleware } from 'http-proxy-middleware';
 import apiPlugin from './plugins/api/apiPlugin.js';
 import compilerPlugin from './plugins/compiler/compilerPlugin.js';
 import devtoolsPlugin from './plugins/devtools/devtoolsPlugin.js';
@@ -85,6 +86,9 @@ export async function createServer(config) {
             enableNewDebugger: true,
         },
     });
+    const proxyMiddlewares = options.proxy?.map((proxyOptions) => {
+        return createProxyMiddleware(proxyOptions);
+    });
     // Register plugins
     await instance.register(fastifySensible);
     await instance.register(middie);
@@ -120,6 +124,10 @@ export async function createServer(config) {
     });
     // Register dev middleware
     instance.use(devMiddleware.middleware);
+    // Register proxy middlewares
+    proxyMiddlewares?.forEach((proxyMiddleware) => {
+        instance.use(proxyMiddleware);
+    });
     // Register routes
     instance.get('/', async () => delegate.messages.getHello());
     instance.get('/status', async () => delegate.messages.getStatus());

package/dist/plugins/symbolicate/sybmolicatePlugin.js

@@ -1,12 +1,22 @@
 import fastifyPlugin from 'fastify-plugin';
 import { Symbolicator } from './Symbolicator.js';
+function getStackFromRequestBody(request) {
+    let body;
+    if (request.headers['content-type'] === 'application/json') {
+        // RN >= 0.79 uses application/json
+        body = request.body;
+    }
+    else {
+        // RN < 0.79 uses text/plain
+        body = JSON.parse(request.body);
+    }
+    return body.stack;
+}
 async function symbolicatePlugin(instance, { delegate, }) {
     const symbolicator = new Symbolicator(delegate.symbolicator);
     instance.post('/symbolicate', async (request, reply) => {
-        // React Native sends stack as JSON but tests content-type to text/plain, so
-        // we cannot use JSON schema to validate the body.
         try {
-            const { stack } = JSON.parse(request.body);
+            const stack = getStackFromRequestBody(request);
             const platform = Symbolicator.inferPlatformFromStack(stack);
             if (!platform) {
                 request.log.debug({ msg: 'Received stack', stack });

package/dist/types.d.ts

@@ -1,10 +1,15 @@
 import type { ServerOptions as HttpsServerOptions } from 'node:https';
 import type { FastifyBaseLogger } from 'fastify';
+import type { Options as ProxyOptions } from 'http-proxy-middleware';
 import type { CompilerDelegate } from './plugins/compiler/types.js';
 import type { CodeFrame, InputStackFrame, ReactNativeStackFrame, StackFrame, SymbolicatorDelegate, SymbolicatorResults } from './plugins/symbolicate/types.js';
 import type { NormalizedOptions } from './utils/normalizeOptions.js';
 export type { CompilerDelegate };
 export type { CodeFrame, InputStackFrame, ReactNativeStackFrame, StackFrame, SymbolicatorDelegate, SymbolicatorResults, };
+interface ProxyConfig extends ProxyOptions {
+    path?: ProxyOptions['pathFilter'];
+    context?: ProxyOptions['pathFilter'];
+}
 export interface DevServerOptions {
     /**
      * Hostname or IP address under which to run the development server.
@@ -16,6 +21,7 @@ export interface DevServerOptions {
     port?: number;
     /** Whether to enable Hot Module Replacement. */
     hot?: boolean;
+    proxy?: ProxyConfig[];
     /** Options for running the server as HTTPS. If `undefined`, the server will run as HTTP. */
     server?: 'http' | 'https' | {
         type: 'http';

package/dist/utils/normalizeOptions.d.ts

@@ -1,10 +1,12 @@
 import type { ServerOptions as HttpsServerOptions } from 'node:https';
+import type { Options as ProxyOptions } from 'http-proxy-middleware';
 import type { Server } from '../types.js';
 export interface NormalizedOptions {
     host: string;
     port: number;
     https: HttpsServerOptions | undefined;
     hot: boolean;
+    proxy: ProxyOptions[] | undefined;
     url: string;
     disableRequestLogging: boolean;
     rootDir: string;

package/dist/utils/normalizeOptions.js

@@ -6,6 +6,21 @@ function normalizeHttpsOptions(serverOptions) {
     }
     return undefined;
 }
+function normalizeProxyOptions(proxyOptions, fallbackTarget) {
+    if (proxyOptions) {
+        return proxyOptions.map((options) => {
+            const { context, path, pathFilter, target, ...rest } = options;
+            return {
+                ...rest,
+                // webpack dev server compatible aliases for pathFilter
+                pathFilter: pathFilter ?? context ?? path,
+                // assume that if the target is not provided, we target our own DevServer
+                target: target ?? fallbackTarget,
+            };
+        });
+    }
+    return undefined;
+}
 export function normalizeOptions(options) {
     const host = options.host ?? 'localhost';
     const port = options.port ?? 8081;
@@ -13,12 +28,14 @@ export function normalizeOptions(options) {
     const hot = options.hot ?? false;
     const protocol = https ? 'https' : 'http';
     const url = `${protocol}://${host}:${options.port}`;
+    const proxy = normalizeProxyOptions(options.proxy, url);
     return {
         // webpack dev server compatible options
         host,
         port,
         https,
         hot,
+        proxy,
         url,
         // fastify options
         disableRequestLogging: !options.logRequests,

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.0.6",
+  "version": "6.0.0-canary-20250430091845",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -39,6 +39,7 @@
     "fastify": "^4.24.3",
     "fastify-favicon": "^4.3.0",
     "fastify-plugin": "^4.5.1",
+    "http-proxy-middleware": "^3.0.3",
     "launch-editor": "^2.10.0",
     "open": "^10.1.0",
     "pretty-format": "^28.1.0",
@@ -49,7 +50,7 @@
     "@types/babel__code-frame": "^7.0.6",
     "@types/node": "^18",
     "@types/ws": "^8.18.0",
-    "typescript": "^5.7.2"
+    "typescript": "^5.8.3"
   },
   "scripts": {
     "build": "tsc -b",