@callstack/repack-dev-server 5.0.0-rc.0 → 5.0.0-rc.10

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

@@ -1,18 +1,16 @@
 import { Writable } from 'node:stream';
 import middie from '@fastify/middie';
 import fastifySensible from '@fastify/sensible';
-import { debuggerUIMiddleware } from '@react-native-community/cli-debugger-ui';
-import { openStackFrameInEditorMiddleware, openURLMiddleware } from '@react-native-community/cli-server-api';
 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';
 /**
  * Create instance of development server, powered by Fastify.
  *
@@ -20,131 +18,109 @@ 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;
+    /** 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();
+                },
+            }),
+        },
+        ...(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,
+        },
+    });
+    // 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');
         }
-      })
-    },
-    ...(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: {
-      enableNewDebugger: config.experiments?.experimentalDebugger
+        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,
+        });
     }
-  });
-
-  // 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
-  });
-
-  // TODO: devtoolsPlugin and the following deprecated remote debugger middlewares should be removed after
-  //  the new (experimental) debugger is stable AND the remote debugger is finally removed from the React Native core.
-  //  When that happens remember to remove @react-native-community/cli-server-api & @react-native-community/cli-debugger-ui
-  //  from the dependencies.
-  await instance.register(devtoolsPlugin, {
-    options: config.options
-  });
-  instance.use('/debugger-ui', debuggerUIMiddleware());
-  instance.use('/open-url', openURLMiddleware);
-  instance.use('/open-stack-frame', openStackFrameInEditorMiddleware({
-    watchFolders: [config.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', 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,5 +1,5 @@
 import type { FastifyInstance } from 'fastify';
-import type { Server } from '../../types';
+import type { Server } from '../../types.js';
 declare function devtoolsPlugin(instance: FastifyInstance, { options }: {
     options: Server.Options;
 }): Promise<void>;

package/dist/plugins/devtools/devtoolsPlugin.js

@@ -1,47 +1,20 @@
+import { openStackFrameInEditorMiddleware, openURLMiddleware, } from '@react-native-community/cli-server-api';
 import fastifyPlugin from 'fastify-plugin';
-import open from 'open';
-async function devtoolsPlugin(instance, {
-  options
-}) {
-  instance.route({
-    method: ['GET', 'POST', 'PUT'],
-    url: '/reload',
-    handler: (_request, reply) => {
-      instance.wss.messageServer.broadcast('reload');
-      reply.send('OK');
-    }
-  });
-  instance.route({
-    method: ['GET', 'POST', 'PUT'],
-    url: '/launch-js-devtools',
-    handler: async (request, reply) => {
-      const customDebugger = process.env.REACT_DEBUGGER;
-      if (customDebugger) {
-        // NOOP for now
-      } else if (!instance.wss.debuggerServer.isDebuggerConnected()) {
-        const url = `${options.https ? 'https' : 'http'}://${options.host || 'localhost'}:${options.port}/debugger-ui`;
-        try {
-          request.log.info({
-            msg: 'Opening debugger UI',
-            url
-          });
-          await open(url);
-        } catch (error) {
-          if (error) {
-            request.log.error({
-              msg: 'Cannot open debugger UI',
-              url,
-              error
-            });
-          }
-        }
-      }
-      reply.send('OK');
-    }
-  });
+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');
+        },
+    });
 }
 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';

package/dist/plugins/favicon/faviconPlugin.js

@@ -2,16 +2,12 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import fastifyFavicon from 'fastify-favicon';
 import fastifyPlugin from 'fastify-plugin';
-
 // @ts-ignore
 const dirname = path.dirname(fileURLToPath(import.meta.url));
-const pathToImgDir = path.join(dirname, '../../img');
+const pathToImgDir = path.join(dirname, '../../../static');
 async function faviconPlugin(instance) {
-  instance.register(fastifyFavicon, {
-    path: pathToImgDir
-  });
+    instance.register(fastifyFavicon, { path: pathToImgDir });
 }
 export default fastifyPlugin(faviconPlugin, {
-  name: 'favicon-plugin'
+    name: 'favicon-plugin',
 });
-//# sourceMappingURL=faviconPlugin.js.map

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

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

package/dist/plugins/favicon/index.js

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

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

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

package/dist/plugins/multipart/index.js

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