@callstack/repack-dev-server 5.0.0-rc.1 → 5.0.0-rc.11

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Callstack
+Copyright (c) 2025 Callstack
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,32 +1,27 @@
-<p align="center">
-  <img src="https://raw.githubusercontent.com/callstack/repack/HEAD/logo.png">
-</p>
-<p align="center">
-A toolkit to build your React Native application with Rspack or Webpack.
-</p>
+<div align="center">
+  <img src="https://raw.githubusercontent.com/callstack/repack/HEAD/logo.png" width="650" alt="Re.Pack logo" />
+  <h3>A toolkit to build your React Native application with Rspack or Webpack.</h3>
+</div>
+<div align="center">
 
----
-
-[![Build Status][build-badge]][build]
-[![Version][version-badge]][version]
-[![MIT License][license-badge]][license]
+[![mit licence][license-badge]][license]
+[![npm downloads][npm-downloads-badge]][npm-downloads]
+[![Chat][chat-badge]][chat]
 [![PRs Welcome][prs-welcome-badge]][prs-welcome]
-[![Code of Conduct][coc-badge]][coc]
 
-`@callstack/repack-dev-sever` is bundler-agnostic development server for React Native applications as part of `@callstack/repack`.
+</div>
+
+`@callstack/repack-dev-server` is a bundler-agnostic development server for React Native applications as part of [`@callstack/repack`](https://github.com/callstack/repack).
 
 Check out our website at https://re-pack.dev for more info and documentation or out GitHub: https://github.com/callstack/repack.
 
 <!-- badges -->
 
-[callstack-readme-with-love]: https://callstack.com/?utm_source=github.com&utm_medium=referral&utm_campaign=react-native-paper&utm_term=readme-with-love
-[build-badge]: https://img.shields.io/github/workflow/status/callstack/repack/CI/main?style=flat-square
-[build]: https://github.com/callstack/repack/actions/workflows/main.yml
-[version-badge]: https://img.shields.io/npm/v/@callstack/repack-dev-server?style=flat-square
-[version]: https://www.npmjs.com/package/@callstack/repack-dev-server
-[license-badge]: https://img.shields.io/npm/l/@callstack/repack-debugger-app?style=flat-square
-[license]: https://github.com/callstack/repack/blob/master/LICENSE
-[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
+[license-badge]: https://img.shields.io/npm/l/@callstack/repack?style=for-the-badge
+[license]: https://github.com/callstack/repack/blob/main/LICENSE
+[npm-downloads-badge]: https://img.shields.io/npm/dm/@callstack/repack?style=for-the-badge
+[npm-downloads]: https://www.npmjs.com/package/@callstack/repack
+[prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=for-the-badge
 [prs-welcome]: ./CONTRIBUTING.md
-[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
-[coc]: https://github.com/callstack/repack/blob/master/CODE_OF_CONDUCT.md
+[chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=for-the-badge
+[chat]: https://discord.gg/Q4yr2rTWYF

package/dist/createServer.d.ts

@@ -1,4 +1,5 @@
-import { type Server } from './types';
+import Fastify from 'fastify';
+import { type Server } from './types.js';
 /**
  * Create instance of development server, powered by Fastify.
  *
@@ -8,5 +9,5 @@ import { type Server } from './types';
 export declare function createServer(config: Server.Config): Promise<{
     start: () => Promise<void>;
     stop: () => Promise<void>;
-    instance: import("fastify").FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault> & PromiseLike<import("fastify").FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault>>;
+    instance: Fastify.FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, Fastify.FastifyBaseLogger, Fastify.FastifyTypeProviderDefault> & PromiseLike<Fastify.FastifyInstance<import("http").Server<typeof import("http").IncomingMessage, typeof import("http").ServerResponse>, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, Fastify.FastifyBaseLogger, Fastify.FastifyTypeProviderDefault>>;
 }>;

package/dist/createServer.js

@@ -3,14 +3,15 @@ import middie from '@fastify/middie';
 import fastifySensible from '@fastify/sensible';
 import { createDevMiddleware } from '@react-native/dev-middleware';
 import Fastify from 'fastify';
-import apiPlugin from "./plugins/api/index.js";
-import compilerPlugin from "./plugins/compiler/index.js";
-import devtoolsPlugin from "./plugins/devtools/index.js";
-import faviconPlugin from "./plugins/favicon/index.js";
-import multipartPlugin from "./plugins/multipart/index.js";
-import symbolicatePlugin from "./plugins/symbolicate/index.js";
-import wssPlugin from "./plugins/wss/index.js";
-import { Internal } from "./types.js";
+import apiPlugin from './plugins/api/apiPlugin.js';
+import compilerPlugin from './plugins/compiler/compilerPlugin.js';
+import devtoolsPlugin from './plugins/devtools/devtoolsPlugin.js';
+import faviconPlugin from './plugins/favicon/faviconPlugin.js';
+import multipartPlugin from './plugins/multipart/multipartPlugin.js';
+import symbolicatePlugin from './plugins/symbolicate/sybmolicatePlugin.js';
+import wssPlugin from './plugins/wss/wssPlugin.js';
+import { Internal } from './types.js';
+import { normalizeOptions } from './utils/normalizeOptions.js';
 /**
  * Create instance of development server, powered by Fastify.
  *
@@ -18,122 +19,108 @@ import { Internal } from "./types.js";
  * @returns `start` and `stop` functions as well as an underlying Fastify `instance`.
  */
 export async function createServer(config) {
-  // biome-ignore lint/style/useConst: needed in fastify constructor
-  let delegate;
-
-  /** Fastify instance powering the development server. */
-  const instance = Fastify({
-    disableRequestLogging: !config.options.logRequests,
-    logger: {
-      level: 'trace',
-      stream: new Writable({
-        write: (chunk, _encoding, callback) => {
-          const log = JSON.parse(chunk.toString());
-          delegate?.logger.onMessage(log);
-          instance.wss?.apiServer.send(log);
-          callback();
+    // biome-ignore lint/style/useConst: needed in fastify constructor
+    let delegate;
+    const options = normalizeOptions(config.options);
+    /** Fastify instance powering the development server. */
+    const instance = Fastify({
+        disableRequestLogging: options.disableRequestLogging,
+        logger: {
+            level: 'trace',
+            stream: new Writable({
+                write: (chunk, _encoding, callback) => {
+                    const log = JSON.parse(chunk.toString());
+                    delegate?.logger.onMessage(log);
+                    instance.wss?.apiServer.send(log);
+                    callback();
+                },
+            }),
+        },
+        ...(options.https ? { https: options.https } : {}),
+    });
+    delegate = config.delegate({
+        options,
+        log: instance.log,
+        notifyBuildStart: (platform) => {
+            instance.wss.apiServer.send({
+                event: Internal.EventTypes.BuildStart,
+                platform,
+            });
+        },
+        notifyBuildEnd: (platform) => {
+            instance.wss.apiServer.send({
+                event: Internal.EventTypes.BuildEnd,
+                platform,
+            });
+        },
+        broadcastToHmrClients: (event, platform, clientIds) => {
+            instance.wss.hmrServer.send(event, platform, clientIds);
+        },
+        broadcastToMessageClients: ({ method, params }) => {
+            instance.wss.messageServer.broadcast(method, params);
+        },
+    });
+    const devMiddleware = createDevMiddleware({
+        projectRoot: options.rootDir,
+        serverBaseUrl: options.url,
+        logger: instance.log,
+        unstable_experiments: {
+            // @ts-expect-error removed in 0.76, keep this for backkwards compatibility
+            enableNewDebugger: true,
+        },
+    });
+    // Register plugins
+    await instance.register(fastifySensible);
+    await instance.register(middie);
+    await instance.register(wssPlugin, {
+        delegate,
+        endpoints: devMiddleware.websocketEndpoints,
+    });
+    await instance.register(multipartPlugin);
+    await instance.register(apiPlugin, {
+        delegate,
+        prefix: '/api',
+    });
+    await instance.register(compilerPlugin, {
+        delegate,
+    });
+    await instance.register(devtoolsPlugin, {
+        rootDir: options.rootDir,
+    });
+    await instance.register(symbolicatePlugin, {
+        delegate,
+    });
+    // below is to prevent showing `GET 400 /favicon.ico`
+    // errors in console when requesting the bundle via browser
+    await instance.register(faviconPlugin);
+    instance.addHook('onSend', async (request, reply, payload) => {
+        reply.header('X-Content-Type-Options', 'nosniff');
+        reply.header('X-React-Native-Project-Root', options.rootDir);
+        const [pathname] = request.url.split('?');
+        if (pathname.endsWith('.map')) {
+            reply.header('Access-Control-Allow-Origin', 'devtools://devtools');
         }
-      })
-    },
-    ...(config.options.https ? {
-      https: config.options.https
-    } : undefined)
-  });
-  delegate = await config.delegate({
-    log: instance.log,
-    notifyBuildStart: platform => {
-      instance.wss.apiServer.send({
-        event: Internal.EventTypes.BuildStart,
-        platform
-      });
-    },
-    notifyBuildEnd: platform => {
-      instance.wss.apiServer.send({
-        event: Internal.EventTypes.BuildEnd,
-        platform
-      });
-    },
-    broadcastToHmrClients: (event, platform, clientIds) => {
-      instance.wss.hmrServer.send(event, platform, clientIds);
-    },
-    broadcastToMessageClients: ({
-      method,
-      params
-    }) => {
-      instance.wss.messageServer.broadcast(method, params);
-    }
-  });
-  const devMiddleware = createDevMiddleware({
-    projectRoot: config.options.rootDir,
-    serverBaseUrl: `http://${config.options.host}:${config.options.port}`,
-    logger: instance.log,
-    unstable_experiments: {
-      // @ts-expect-error removed in 0.76, keep this for backkwards compatibility
-      enableNewDebugger: true
+        return payload;
+    });
+    // Register dev middleware
+    instance.use(devMiddleware.middleware);
+    // Register routes
+    instance.get('/', async () => delegate.messages.getHello());
+    instance.get('/status', async () => delegate.messages.getStatus());
+    /** Start the development server. */
+    async function start() {
+        await instance.listen({
+            port: options.port,
+            host: options.host,
+        });
     }
-  });
-
-  // Register plugins
-  await instance.register(fastifySensible);
-  await instance.register(middie);
-  await instance.register(wssPlugin, {
-    options: {
-      ...config.options,
-      endpoints: devMiddleware.websocketEndpoints
-    },
-    delegate
-  });
-  await instance.register(multipartPlugin);
-  await instance.register(apiPlugin, {
-    delegate,
-    prefix: '/api'
-  });
-  await instance.register(compilerPlugin, {
-    delegate
-  });
-  await instance.register(devtoolsPlugin, {
-    options: config.options
-  });
-  await instance.register(symbolicatePlugin, {
-    delegate
-  });
-
-  // below is to prevent showing `GET 400 /favicon.ico`
-  // errors in console when requesting the bundle via browser
-  await instance.register(faviconPlugin);
-  instance.addHook('onSend', async (request, reply, payload) => {
-    reply.header('X-Content-Type-Options', 'nosniff');
-    reply.header('X-React-Native-Project-Root', config.options.rootDir);
-    const [pathname] = request.url.split('?');
-    if (pathname.endsWith('.map')) {
-      reply.header('Access-Control-Allow-Origin', 'devtools://devtools');
+    /** Stop the development server. */
+    async function stop() {
+        await instance.close();
     }
-    return payload;
-  });
-
-  // Register dev middleware
-  instance.use(devMiddleware.middleware);
-
-  // Register routes
-  instance.get('/', async () => delegate.messages.getHello());
-  instance.get('/status', async () => delegate.messages.getStatus());
-
-  /** Start the development server. */
-  async function start() {
-    await instance.listen({
-      port: config.options.port,
-      host: config.options.host
-    });
-  }
-
-  /** Stop the development server. */
-  async function stop() {
-    await instance.close();
-  }
-  return {
-    start,
-    stop,
-    instance
-  };
+    return {
+        start,
+        stop,
+        instance,
+    };
 }
-//# sourceMappingURL=createServer.js.map

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './createServer';
-export * from './types';
+export * from './createServer.js';
+export * from './types.js';

package/dist/index.js

@@ -1,3 +1,2 @@
-export * from "./createServer.js";
-export * from "./types.js";
-//# sourceMappingURL=index.js.map
+export * from './createServer.js';
+export * from './types.js';

package/dist/plugins/api/apiPlugin.d.ts

@@ -1,5 +1,5 @@
 import type { FastifyInstance } from 'fastify';
-import type { Server } from '../../types';
+import type { Server } from '../../types.js';
 declare function apiPlugin(instance: FastifyInstance, { delegate }: {
     delegate: Server.Delegate;
 }): Promise<void>;

package/dist/plugins/api/apiPlugin.js

@@ -1,32 +1,25 @@
 const paramsSchema = {
-  type: 'object',
-  properties: {
-    platform: {
-      type: 'string'
-    }
-  },
-  required: ['platform']
+    type: 'object',
+    properties: {
+        platform: {
+            type: 'string',
+        },
+    },
+    required: ['platform'],
 };
-async function apiPlugin(instance, {
-  delegate
-}) {
-  instance.get('/platforms', async (_request, reply) => delegate.api ? reply.send({
-    data: await delegate.api.getPlatforms()
-  }) : reply.notImplemented('Missing API delegate implementation'));
-  instance.get('/:platform/assets', {
-    schema: {
-      params: paramsSchema
-    }
-  }, async (request, reply) => delegate.api ? reply.send({
-    data: await delegate.api.getAssets(request.params.platform)
-  }) : reply.notImplemented('Missing API delegate implementation'));
-  instance.get('/:platform/stats', {
-    schema: {
-      params: paramsSchema
-    }
-  }, async (request, reply) => delegate.api ? reply.send({
-    data: await delegate.api?.getCompilationStats(request.params.platform)
-  }) : reply.notImplemented('Missing API delegate implementation'));
+async function apiPlugin(instance, { delegate }) {
+    instance.get('/platforms', async (_request, reply) => delegate.api
+        ? reply.send({ data: await delegate.api.getPlatforms() })
+        : reply.notImplemented('Missing API delegate implementation'));
+    instance.get('/:platform/assets', { schema: { params: paramsSchema } }, async (request, reply) => delegate.api
+        ? reply.send({
+            data: await delegate.api.getAssets(request.params.platform),
+        })
+        : reply.notImplemented('Missing API delegate implementation'));
+    instance.get('/:platform/stats', { schema: { params: paramsSchema } }, async (request, reply) => delegate.api
+        ? reply.send({
+            data: await delegate.api?.getCompilationStats(request.params.platform),
+        })
+        : reply.notImplemented('Missing API delegate implementation'));
 }
 export default apiPlugin;
-//# sourceMappingURL=apiPlugin.js.map

package/dist/plugins/api/index.d.ts

@@ -1 +1 @@
-export { default } from './apiPlugin';
+export { default } from './apiPlugin.js';

package/dist/plugins/api/index.js

@@ -1,2 +1 @@
-export { default } from "./apiPlugin.js";
-//# sourceMappingURL=index.js.map
+export { default } from './apiPlugin.js';

package/dist/plugins/compiler/compilerPlugin.d.ts

@@ -1,5 +1,5 @@
 import type { FastifyInstance } from 'fastify';
-import type { Server } from '../../types';
+import type { Server } from '../../types.js';
 declare function compilerPlugin(instance: FastifyInstance, { delegate }: {
     delegate: Server.Delegate;
 }): Promise<void>;

package/dist/plugins/compiler/compilerPlugin.js

@@ -1,66 +1,57 @@
 import fastifyPlugin from 'fastify-plugin';
-async function compilerPlugin(instance, {
-  delegate
-}) {
-  instance.route({
-    method: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'HEAD'],
-    url: '/*',
-    schema: {
-      querystring: {
-        type: 'object',
-        properties: {
-          platform: {
-            type: 'string'
-          }
-        }
-      }
-    },
-    handler: async (request, reply) => {
-      const filename = request.params['*'];
-      let {
-        platform
-      } = request.query;
-      if (!filename) {
-        // This technically should never happen - this route should not be called if file is missing.
-        request.log.error('File was not provided');
-        return reply.notFound();
-      }
-
-      // Let consumer infer the platform. If function is not provided fallback
-      // to platform query param.
-      platform = delegate.compiler.inferPlatform?.(request.url) ?? platform;
-      const multipart = reply.asMultipart();
-      const sendProgress = ({
-        completed,
-        total
-      }) => {
-        multipart?.writeChunk({
-          'Content-Type': 'application/json'
-        }, JSON.stringify({
-          done: completed,
-          total
-        }));
-      };
-      try {
-        const asset = await delegate.compiler.getAsset(filename, platform, sendProgress);
-        const mimeType = delegate.compiler.getMimeType(filename, platform, asset);
-        if (multipart) {
-          const buffer = Buffer.isBuffer(asset) ? asset : Buffer.from(asset);
-          multipart.setHeader('Content-Type', `${mimeType}; charset=UTF-8`);
-          multipart.setHeader('Content-Length', String(Buffer.byteLength(buffer)));
-          multipart.end(buffer);
-        } else {
-          return reply.code(200).type(mimeType).send(asset);
-        }
-      } catch (error) {
-        request.log.error(error);
-        return reply.notFound(error.message);
-      }
-    }
-  });
+async function compilerPlugin(instance, { delegate }) {
+    instance.route({
+        method: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS', 'HEAD'],
+        url: '/*',
+        schema: {
+            querystring: {
+                type: 'object',
+                properties: {
+                    platform: {
+                        type: 'string',
+                    },
+                },
+            },
+        },
+        handler: async (request, reply) => {
+            const filename = request.params['*'];
+            let { platform } = request.query;
+            if (!filename) {
+                // This technically should never happen - this route should not be called if file is missing.
+                request.log.error('File was not provided');
+                return reply.notFound();
+            }
+            // Let consumer infer the platform. If function is not provided fallback
+            // to platform query param.
+            platform = delegate.compiler.inferPlatform?.(request.url) ?? platform;
+            const multipart = reply.asMultipart();
+            const sendProgress = ({ completed, total }) => {
+                multipart?.writeChunk({ 'Content-Type': 'application/json' }, JSON.stringify({
+                    done: completed,
+                    total,
+                }));
+            };
+            try {
+                const asset = await delegate.compiler.getAsset(filename, platform, sendProgress);
+                const mimeType = delegate.compiler.getMimeType(filename, platform, asset);
+                if (multipart) {
+                    const buffer = Buffer.isBuffer(asset) ? asset : Buffer.from(asset);
+                    multipart.setHeader('Content-Type', `${mimeType}; charset=UTF-8`);
+                    multipart.setHeader('Content-Length', String(Buffer.byteLength(buffer)));
+                    multipart.end(buffer);
+                }
+                else {
+                    return reply.code(200).type(mimeType).send(asset);
+                }
+            }
+            catch (error) {
+                request.log.error(error);
+                return reply.notFound(error.message);
+            }
+        },
+    });
 }
 export default fastifyPlugin(compilerPlugin, {
-  name: 'compiler-plugin',
-  dependencies: ['@fastify/sensible', 'multipart-plugin']
+    name: 'compiler-plugin',
+    dependencies: ['@fastify/sensible', 'multipart-plugin'],
 });
-//# sourceMappingURL=compilerPlugin.js.map

package/dist/plugins/compiler/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './compilerPlugin';
-export * from './types';
+export { default } from './compilerPlugin.js';
+export * from './types.js';

package/dist/plugins/compiler/index.js

@@ -1,3 +1,2 @@
-export { default } from "./compilerPlugin.js";
-export * from "./types.js";
-//# sourceMappingURL=index.js.map
+export { default } from './compilerPlugin.js';
+export * from './types.js';

package/dist/plugins/compiler/types.d.ts

@@ -1,4 +1,4 @@
-import type { SendProgress } from '../../types';
+import type { SendProgress } from '../../types.js';
 /**
  * Delegate with implementation for compiler-specific functions.
  */

package/dist/plugins/compiler/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/dist/plugins/devtools/devtoolsPlugin.d.ts

@@ -1,7 +1,6 @@
 import type { FastifyInstance } from 'fastify';
-import type { Server } from '../../types';
-declare function devtoolsPlugin(instance: FastifyInstance, { options }: {
-    options: Server.Options;
+declare function devtoolsPlugin(instance: FastifyInstance, { rootDir }: {
+    rootDir: string;
 }): Promise<void>;
 declare const _default: typeof devtoolsPlugin;
 export default _default;

package/dist/plugins/devtools/devtoolsPlugin.js

@@ -1,23 +1,20 @@
-import { openStackFrameInEditorMiddleware, openURLMiddleware } from '@react-native-community/cli-server-api';
+import { openStackFrameInEditorMiddleware, openURLMiddleware, } from '@react-native-community/cli-server-api';
 import fastifyPlugin from 'fastify-plugin';
-async function devtoolsPlugin(instance, {
-  options
-}) {
-  instance.use('/open-url', openURLMiddleware);
-  instance.use('/open-stack-frame', openStackFrameInEditorMiddleware({
-    watchFolders: [options.rootDir]
-  }));
-  instance.route({
-    method: ['GET', 'POST', 'PUT'],
-    url: '/reload',
-    handler: (_request, reply) => {
-      instance.wss.messageServer.broadcast('reload');
-      reply.send('OK');
-    }
-  });
+async function devtoolsPlugin(instance, { rootDir }) {
+    instance.use('/open-url', openURLMiddleware);
+    instance.use('/open-stack-frame', openStackFrameInEditorMiddleware({
+        watchFolders: [rootDir],
+    }));
+    instance.route({
+        method: ['GET', 'POST', 'PUT'],
+        url: '/reload',
+        handler: (_request, reply) => {
+            instance.wss.messageServer.broadcast('reload');
+            reply.send('OK');
+        },
+    });
 }
 export default fastifyPlugin(devtoolsPlugin, {
-  name: 'devtools-plugin',
-  dependencies: ['wss-plugin']
+    name: 'devtools-plugin',
+    dependencies: ['wss-plugin'],
 });
-//# sourceMappingURL=devtoolsPlugin.js.map

package/dist/plugins/devtools/index.d.ts

@@ -1 +1 @@
-export { default } from './devtoolsPlugin';
+export { default } from './devtoolsPlugin.js';

package/dist/plugins/devtools/index.js

@@ -1,2 +1 @@
-export { default } from "./devtoolsPlugin.js";
-//# sourceMappingURL=index.js.map
+export { default } from './devtoolsPlugin.js';