bippy 0.6.1-dev.fe75557 → 0.7.0-dev.07e6032

package/src/react-refresh/metro-hmr-transport.ts

@@ -1,188 +0,0 @@
-import { HMR_RECONNECT_DELAY_MS } from "./constants.js";
-import { HmrTransport, HmrUpdateHandler } from "./types.js";
-
-declare global {
-  var __turboModuleProxy: ((moduleName: string) => unknown) | undefined;
-  var nativeModuleProxy: Record<string, unknown> | undefined;
-}
-
-const getScriptUrlFromSourceCodeModule = (sourceCodeModule: unknown): string | null => {
-  if (typeof sourceCodeModule !== "object" || sourceCodeModule === null) return null;
-  if (!("getConstants" in sourceCodeModule)) return null;
-  const getConstants = sourceCodeModule.getConstants;
-  if (typeof getConstants !== "function") return null;
-  let constants: unknown;
-  try {
-    constants = getConstants.call(sourceCodeModule);
-  } catch {
-    return null;
-  }
-  if (typeof constants !== "object" || constants === null) return null;
-  if (!("scriptURL" in constants)) return null;
-  const scriptUrl = constants.scriptURL;
-  return typeof scriptUrl === "string" ? scriptUrl : null;
-};
-
-/**
- * Resolves the URL the running React Native bundle was loaded from, using
- * the same `SourceCode` native module React Native's own dev tooling reads
- * (via the TurboModule proxy globals, so react-native is not imported).
- * Returns `null` outside a Metro-served React Native runtime.
- *
- * @example
- * ```ts
- * getMetroBundleUrl();
- * // "http://localhost:8081/index.bundle?platform=ios&dev=true"
- * ```
- */
-export const getMetroBundleUrl = (): string | null => {
-  if (typeof globalThis.__turboModuleProxy === "function") {
-    let sourceCodeModule: unknown;
-    try {
-      sourceCodeModule = globalThis.__turboModuleProxy("SourceCode");
-    } catch {
-      sourceCodeModule = null;
-    }
-    const scriptUrl = getScriptUrlFromSourceCodeModule(sourceCodeModule);
-    if (scriptUrl) return scriptUrl;
-  }
-  const legacySourceCodeModule = globalThis.nativeModuleProxy?.SourceCode;
-  return getScriptUrlFromSourceCodeModule(legacySourceCodeModule);
-};
-
-// HACK: module sourceURLs may be JSC-safe URLs where "//&" stands in for
-// "?" (iOS 16.4 stack traces strip query strings), so the query separator
-// must be normalized before URL parsing.
-const normalizeJscSafeUrl = (jscSafeUrl: string): string => jscSafeUrl.replace("//&", "?");
-
-const getSourcePathFromSourceUrl = (sourceUrl: string): string | null => {
-  let parsedUrl: URL;
-  try {
-    parsedUrl = new URL(normalizeJscSafeUrl(sourceUrl));
-  } catch {
-    return null;
-  }
-  let sourcePath = decodeURIComponent(parsedUrl.pathname);
-  if (sourcePath.startsWith("/")) sourcePath = sourcePath.slice(1);
-  // Metro rewrites each module's real extension to ".bundle" when building
-  // hot-update sourceURLs, so the original extension is unrecoverable.
-  if (sourcePath.endsWith(".bundle")) sourcePath = sourcePath.slice(0, -".bundle".length);
-  return sourcePath.length > 0 ? sourcePath : null;
-};
-
-const collectModuleSourcePaths = (hmrModules: unknown, filePaths: string[]) => {
-  if (!Array.isArray(hmrModules)) return;
-  for (const hmrModule of hmrModules) {
-    if (typeof hmrModule !== "object" || hmrModule === null) continue;
-    if (!("sourceURL" in hmrModule) || typeof hmrModule.sourceURL !== "string") continue;
-    const sourcePath = getSourcePathFromSourceUrl(hmrModule.sourceURL);
-    if (!sourcePath || sourcePath.includes("node_modules")) continue;
-    filePaths.push(sourcePath);
-  }
-};
-
-/**
- * Extracts the updated source file paths from a raw Metro HMR WebSocket
- * message. Paths are project-relative but extension-less (`src/app`, not
- * `src/app.tsx`) because Metro rewrites module extensions to `.bundle`.
- * The initial update replayed on connect is skipped. Returns an empty
- * array for any other message shape.
- *
- * @example
- * ```ts
- * parseMetroUpdatePaths(rawMessageData);
- * // ["src/app"]
- * ```
- */
-export const parseMetroUpdatePaths = (rawMessageData: string): string[] => {
-  let message: unknown;
-  try {
-    message = JSON.parse(rawMessageData);
-  } catch {
-    return [];
-  }
-  if (typeof message !== "object" || message === null) return [];
-  if (!("type" in message) || message.type !== "update") return [];
-  if (!("body" in message) || typeof message.body !== "object" || message.body === null) return [];
-  const updateBody = message.body;
-  if ("isInitialUpdate" in updateBody && updateBody.isInitialUpdate === true) return [];
-  const filePaths: string[] = [];
-  if ("added" in updateBody) collectModuleSourcePaths(updateBody.added, filePaths);
-  if ("modified" in updateBody) collectModuleSourcePaths(updateBody.modified, filePaths);
-  return filePaths;
-};
-
-export interface MetroHmrTransportOptions {
-  bundleUrl?: string;
-}
-
-/**
- * Subscribes to the Metro dev server's `/hot` HMR WebSocket (as a second
- * client alongside React Native's own) and invokes `onHmrUpdate` with the
- * updated file paths on every hot update. Reconnects automatically when
- * the dev server restarts. Returns `null` when no Metro bundle URL can be
- * resolved (production builds, non-Metro runtimes).
- *
- * @example
- * ```ts
- * const transport = createMetroHmrTransport((filePaths) => {
- *   console.log("hot updated:", filePaths);
- * });
- * transport?.dispose();
- * ```
- */
-export const createMetroHmrTransport = (
-  onHmrUpdate: HmrUpdateHandler,
-  options: MetroHmrTransportOptions = {},
-): HmrTransport | null => {
-  if (typeof WebSocket === "undefined") return null;
-  const bundleUrl = options.bundleUrl ?? getMetroBundleUrl();
-  if (!bundleUrl) return null;
-
-  let hotSocketUrl: string;
-  try {
-    const parsedBundleUrl = new URL(bundleUrl);
-    const socketProtocol = parsedBundleUrl.protocol === "https:" ? "wss" : "ws";
-    hotSocketUrl = `${socketProtocol}://${parsedBundleUrl.host}/hot`;
-  } catch {
-    return null;
-  }
-
-  let isDisposed = false;
-  let socket: WebSocket | null = null;
-  let reconnectTimerId: ReturnType<typeof setTimeout> | undefined;
-
-  const scheduleReconnect = () => {
-    if (isDisposed) return;
-    reconnectTimerId = setTimeout(connect, HMR_RECONNECT_DELAY_MS);
-  };
-
-  const connect = () => {
-    if (isDisposed) return;
-    const connectedSocket = new WebSocket(hotSocketUrl);
-    socket = connectedSocket;
-    connectedSocket.onopen = () => {
-      connectedSocket.send(
-        JSON.stringify({ type: "register-entrypoints", entryPoints: [bundleUrl] }),
-      );
-    };
-    connectedSocket.onmessage = (event) => {
-      const filePaths = parseMetroUpdatePaths(String(event.data));
-      if (filePaths.length > 0) onHmrUpdate(filePaths);
-    };
-    connectedSocket.onclose = scheduleReconnect;
-  };
-
-  connect();
-
-  return {
-    dispose: () => {
-      isDisposed = true;
-      clearTimeout(reconnectTimerId);
-      if (socket) {
-        socket.onclose = null;
-        socket.close();
-      }
-    },
-  };
-};

package/src/react-refresh/next-webpack-hmr-transport.ts

@@ -1,72 +0,0 @@
-import { HMR_SOURCE_FILE_EXTENSION_REGEX } from "./constants.js";
-import { normalizeHmrFilePath } from "./normalize-hmr-file-path.js";
-import { HmrTransport, HmrUpdateHandler } from "./types.js";
-
-interface WebpackHotUpdateGlobal {
-  (chunkId: unknown, updatedModules: Record<string, unknown> | undefined, runtime: unknown): void;
-}
-
-declare global {
-  interface Window {
-    webpackHotUpdate_N_E?: WebpackHotUpdateGlobal;
-  }
-}
-
-/**
- * Normalizes webpack hot-update module keys into project-relative source
- * file paths, dropping node_modules entries and non-source keys (e.g.
- * webpack runtime helpers).
- *
- * @example
- * ```ts
- * normalizeWebpackModulePaths(["(app-pages-browser)/./app/page.tsx"]);
- * // ["app/page.tsx"]
- * ```
- */
-export const normalizeWebpackModulePaths = (moduleKeys: string[]): string[] => {
-  const filePaths: string[] = [];
-  for (const moduleKey of moduleKeys) {
-    if (moduleKey.includes("node_modules")) continue;
-    const filePath = normalizeHmrFilePath(moduleKey);
-    if (!HMR_SOURCE_FILE_EXTENSION_REGEX.test(filePath)) continue;
-    filePaths.push(filePath);
-  }
-  return filePaths;
-};
-
-/**
- * Subscribes to Next.js webpack hot updates by wrapping the
- * `webpackHotUpdate_N_E` global and invokes `onHmrUpdate` with the updated
- * file paths. Returns `null` when the page is not a Next.js webpack dev
- * build.
- *
- * @example
- * ```ts
- * const transport = createNextWebpackHmrTransport((filePaths) => {
- *   console.log("hot updated:", filePaths);
- * });
- * transport?.dispose();
- * ```
- */
-export const createNextWebpackHmrTransport = (
-  onHmrUpdate: HmrUpdateHandler,
-): HmrTransport | null => {
-  if (typeof window === "undefined") return null;
-  const originalHotUpdate = window.webpackHotUpdate_N_E;
-  if (typeof originalHotUpdate !== "function") return null;
-
-  const wrappedHotUpdate: WebpackHotUpdateGlobal = (chunkId, updatedModules, runtime) => {
-    const filePaths = normalizeWebpackModulePaths(Object.keys(updatedModules ?? {}));
-    if (filePaths.length > 0) onHmrUpdate(filePaths);
-    originalHotUpdate(chunkId, updatedModules, runtime);
-  };
-  window.webpackHotUpdate_N_E = wrappedHotUpdate;
-
-  return {
-    dispose: () => {
-      if (window.webpackHotUpdate_N_E === wrappedHotUpdate) {
-        window.webpackHotUpdate_N_E = originalHotUpdate;
-      }
-    },
-  };
-};

package/src/react-refresh/normalize-hmr-file-path.ts

@@ -1,24 +0,0 @@
-import { normalizeFileName } from "../source/get-source.js";
-
-import { BUNDLER_LAYER_PREFIX_REGEX } from "./constants.js";
-
-/**
- * Normalizes a bundler module key or HMR update path into a plain,
- * project-relative file path. Strips URL schemes (via
- * {@link normalizeFileName}), bundler layer prefixes like
- * `(app-pages-browser)/`, and leading `./` segments.
- *
- * @example
- * ```ts
- * normalizeHmrFilePath("(app-pages-browser)/./app/page.tsx");
- * // "app/page.tsx"
- * ```
- */
-export const normalizeHmrFilePath = (filePath: string): string => {
-  let normalizedFilePath = normalizeFileName(filePath);
-  normalizedFilePath = normalizedFilePath.replace(BUNDLER_LAYER_PREFIX_REGEX, "");
-  if (normalizedFilePath.startsWith("./")) {
-    normalizedFilePath = normalizedFilePath.slice(2);
-  }
-  return normalizedFilePath;
-};

package/src/react-refresh/types.ts

@@ -1,7 +0,0 @@
-export interface HmrUpdateHandler {
-  (filePaths: string[]): void;
-}
-
-export interface HmrTransport {
-  dispose: () => void;
-}

package/src/react-refresh/vite-hmr-transport.ts

@@ -1,116 +0,0 @@
-import { HMR_RECONNECT_DELAY_MS, VITE_WS_TOKEN_REGEX } from "./constants.js";
-import { HmrTransport, HmrUpdateHandler } from "./types.js";
-
-/**
- * Extracts the accepted file paths from a raw Vite HMR WebSocket message.
- * Only `js-update` entries are kept (a `css-update` swaps a stylesheet link
- * without re-running modules). Returns an empty array for any other message
- * shape.
- *
- * @example
- * ```ts
- * parseViteUpdatePaths(rawMessageData);
- * // ["/src/app.tsx"]
- * ```
- */
-export const parseViteUpdatePaths = (rawMessageData: string): string[] => {
-  let message: unknown;
-  try {
-    message = JSON.parse(rawMessageData);
-  } catch {
-    return [];
-  }
-  if (typeof message !== "object" || message === null) return [];
-  if (!("type" in message) || message.type !== "update") return [];
-  if (!("updates" in message) || !Array.isArray(message.updates)) return [];
-  const filePaths: string[] = [];
-  for (const update of message.updates) {
-    if (typeof update !== "object" || update === null) continue;
-    if (!("type" in update) || update.type !== "js-update") continue;
-    if (!("acceptedPath" in update) || typeof update.acceptedPath !== "string") continue;
-    filePaths.push(update.acceptedPath);
-  }
-  return filePaths;
-};
-
-// HACK: a standalone script is not a Vite module, so import.meta.hot is
-// unavailable; open a second HMR WebSocket using the wsToken scraped from
-// the dev server's own /@vite/client source.
-const fetchViteWsToken = async (): Promise<string | null> => {
-  try {
-    const response = await fetch("/@vite/client");
-    if (!response.ok) return null;
-    const clientSource = await response.text();
-    return VITE_WS_TOKEN_REGEX.exec(clientSource)?.[1] ?? null;
-  } catch {
-    return null;
-  }
-};
-
-/**
- * Subscribes to the current page's Vite dev server HMR WebSocket and invokes
- * `onHmrUpdate` with the updated file paths on every hot update. Reconnects
- * automatically when the dev server restarts. Resolves `null` when the page
- * is not served by Vite.
- *
- * @example
- * ```ts
- * const transport = await createViteHmrTransport((filePaths) => {
- *   console.log("hot updated:", filePaths);
- * });
- * transport?.dispose();
- * ```
- */
-export const createViteHmrTransport = async (
-  onHmrUpdate: HmrUpdateHandler,
-): Promise<HmrTransport | null> => {
-  if (typeof window === "undefined" || typeof WebSocket === "undefined") return null;
-  const initialWsToken = await fetchViteWsToken();
-  if (!initialWsToken) return null;
-
-  let isDisposed = false;
-  let socket: WebSocket | null = null;
-  let reconnectTimerId: number | undefined;
-
-  const scheduleReconnect = () => {
-    if (isDisposed) return;
-    reconnectTimerId = window.setTimeout(() => {
-      void fetchViteWsToken().then((freshWsToken) => {
-        if (isDisposed) return;
-        if (freshWsToken) {
-          connect(freshWsToken);
-        } else {
-          scheduleReconnect();
-        }
-      });
-    }, HMR_RECONNECT_DELAY_MS);
-  };
-
-  const connect = (wsToken: string) => {
-    if (isDisposed) return;
-    const socketProtocol = location.protocol === "https:" ? "wss" : "ws";
-    const connectedSocket = new WebSocket(
-      `${socketProtocol}://${location.host}/?token=${wsToken}`,
-      "vite-hmr",
-    );
-    socket = connectedSocket;
-    connectedSocket.onmessage = (event) => {
-      const filePaths = parseViteUpdatePaths(String(event.data));
-      if (filePaths.length > 0) onHmrUpdate(filePaths);
-    };
-    connectedSocket.onclose = scheduleReconnect;
-  };
-
-  connect(initialWsToken);
-
-  return {
-    dispose: () => {
-      isDisposed = true;
-      window.clearTimeout(reconnectTimerId);
-      if (socket) {
-        socket.onclose = null;
-        socket.close();
-      }
-    },
-  };
-};