@absolutejs/absolute 0.20.0-beta.122 → 0.20.0-beta.124

package/CHANGELOG.md

@@ -6,6 +6,37 @@ This file is generated by `absolute-changelog` from the entries in
 `changelog/`. Edit an entry, not this file — and add new ones under
 `changelog/unreleased/`.
 
+## 0.20.0-beta.124 — 2026-09-28
+
+### Fixed
+
+- **Projects on a current `@absolutejs/auth` no longer get a second, older copy**
+  AbsoluteJS accepted `@absolutejs/auth` only below 0.77, so a project that added a current auth (0.77 to 0.96) got two copies: its own, plus 0.76.3 nested under AbsoluteJS for the mobile shell. The duplicate also doubled the auth type declarations TypeScript loads. AbsoluteJS now accepts auth up to 0.96. The `@absolutejs/auth/client/mobile` API it uses is byte-identical from 0.76.3 to 0.96.0, in both its declarations and its runtime.
+- **`/hmr-status` no longer counts closed or duplicate HMR clients** (`HMRWebSocket`)
+  Elysia 2 hands every open, message and close event of a WebSocket a new wrapper object. The dev server tracked HMR clients by that wrapper, so a closed browser tab was never removed (it stayed until a broadcast send threw) and each `ready` message counted the same tab again under `connectedTargets`, so `/hmr-status` reported clients that were gone and more web targets than open sockets. Clients are now tracked by the underlying socket.
+
+## 0.20.0-beta.123 — 2026-09-28
+
+### Added
+
+- **React Fast Refresh keeps component state: `absolute dev` can run on AbsoluteJS's patched Bun**
+  Stock Bun ignores `reactFastRefresh` on `Bun.Transpiler` (oven-sh/bun#32919), so React edits in `absolute dev` remounted the page and lost component state. AbsoluteJS now publishes Bun 1.4.0 with just that fix for every platform Bun ships (github.com/absolutejs/patched-bun). In React projects on stock Bun, `absolute dev` offers it once (Install now / Ask me later / Don't ask again); it installs to ~/.absolutejs/bun, is checked against a pinned SHA-256, and only the dev server uses it, so your `bun` is unchanged. `absolute bun-patch [status|install|remove|reset]` manages it; `ABSOLUTE_PATCHED_BUN=0` opts out.
+
+### Fixed
+
+- **`absolute dev` keeps rebuilding after a syntax error in a React component or an unhandled rejection**
+  Under `bun --hot`, Bun counts unhandled rejections that no listener claims and never resets the count; while it is non-zero Bun parks the process in a loop that still serves requests and delivers file-watch events but never runs timers. The server entry imports React pages, so saving a React component with a syntax error made Bun's hot reload reject, and from then on the HMR debounce never fired: every edit was detected and queued, including the one that fixed the error, and nothing rebuilt until the dev server restarted. An unhandled rejection in app code did the same. The dev server now claims unhandled rejections and prints them as before, so its timers keep running.
+- **The patched Bun is now a release build, not a canary build**
+  `absolute bun-patch install` and the `absolute dev` offer now install `bun-v1.4.0-absolute.2`. The first release was built as a Bun canary build (Bun's build default): it reported `1.4.0-canary.1`, enabled Bun's experimental "bake" server features and made `bun upgrade` track canary. absolute.2 is built with `--canary=off`, as Bun's own releases are; the React Fast Refresh fix is unchanged. Run `absolute bun-patch install` to replace an absolute.1 install.
+- **Removed a React HMR CSS branch that only matched the example app**
+  The React HMR client had a CSS-only branch that looked up the example app's `ReactExampleCSS` manifest key, so it could never work in another app; the server never sends a CSS-only React update, so it was also unreachable. Removed. Stylesheet edits on React pages go through the general stylesheet swap, now covered by a browser test (the rule applies, component state and the document are kept).
+- **React edits that add a component, touch a hook or utility, or create a folder now update the page in place**
+  The React fast path told the browser to re-import a single module: the first non-page file in the batch. A new component added to the page re-imported only the new file, so the page never rendered it; a folder created alongside a file became the target and its URL failed to load; and an edited hook or utility whose importer had not been fetched through the module server re-imported just itself, which updates nothing on screen. Every edited file now gets a target (hooks and utilities resolve to the nearest importing component, falling back to the dependents the dependency graph found), directories and deleted paths are skipped, and the client imports them all before refreshing. On stock Bun the remount fallback rendered the changed child in place of the whole page; it now re-imports the page module for the page on screen and ignores edits that do not reach it.
+- **React Fast Refresh is used when Bun supports it, instead of always falling back to a remount**
+  The dev server decides between React Fast Refresh and the stock-Bun remount fallback by transpiling a probe component. The probe was named `__AbsoluteRefreshProbe`; React Fast Refresh registers only capitalized components, so it reported "unsupported" even on a Bun with the reactFastRefresh fix, and React edits always remounted with a warning. It now uses a capitalized name.
+- **A syntax error in a React component shows the error overlay instead of reloading the page**
+  A React edit that failed to compile was still broadcast as an update. The browser imported a module that answered 500 and fell back to a full reload, which showed the last good page and no error. The dev server now checks the edited modules compile first and sends the error overlay (file, line and source line) instead; the save that fixes it applies as a normal in-place update. The module server handler and its transform errors also moved to globalThis: after a `bun --hot` reload failed part-way, later imports of the module server got a fresh instance that was never configured, so pre-transforming the changed module silently did nothing.
+
 ## 0.20.0-beta.122 — 2026-09-27
 
 ### Fixed

package/changelog.json

@@ -2,6 +2,66 @@
 	"contract": 1,
 	"name": "@absolutejs/absolute",
 	"releases": [
+		{
+			"changes": [
+				{
+					"detail": "AbsoluteJS accepted `@absolutejs/auth` only below 0.77, so a project that added a current auth (0.77 to 0.96) got two copies: its own, plus 0.76.3 nested under AbsoluteJS for the mobile shell. The duplicate also doubled the auth type declarations TypeScript loads. AbsoluteJS now accepts auth up to 0.96. The `@absolutejs/auth/client/mobile` API it uses is byte-identical from 0.76.3 to 0.96.0, in both its declarations and its runtime.",
+					"kind": "fixed",
+					"summary": "Projects on a current `@absolutejs/auth` no longer get a second, older copy"
+				},
+				{
+					"detail": "Elysia 2 hands every open, message and close event of a WebSocket a new wrapper object. The dev server tracked HMR clients by that wrapper, so a closed browser tab was never removed (it stayed until a broadcast send threw) and each `ready` message counted the same tab again under `connectedTargets`, so `/hmr-status` reported clients that were gone and more web targets than open sockets. Clients are now tracked by the underlying socket.",
+					"kind": "fixed",
+					"summary": "`/hmr-status` no longer counts closed or duplicate HMR clients",
+					"symbols": [
+						"HMRWebSocket"
+					]
+				}
+			],
+			"date": "2026-09-28",
+			"version": "0.20.0-beta.124"
+		},
+		{
+			"changes": [
+				{
+					"detail": "Under `bun --hot`, Bun counts unhandled rejections that no listener claims and never resets the count; while it is non-zero Bun parks the process in a loop that still serves requests and delivers file-watch events but never runs timers. The server entry imports React pages, so saving a React component with a syntax error made Bun's hot reload reject, and from then on the HMR debounce never fired: every edit was detected and queued, including the one that fixed the error, and nothing rebuilt until the dev server restarted. An unhandled rejection in app code did the same. The dev server now claims unhandled rejections and prints them as before, so its timers keep running.",
+					"kind": "fixed",
+					"summary": "`absolute dev` keeps rebuilding after a syntax error in a React component or an unhandled rejection"
+				},
+				{
+					"detail": "`absolute bun-patch install` and the `absolute dev` offer now install `bun-v1.4.0-absolute.2`. The first release was built as a Bun canary build (Bun's build default): it reported `1.4.0-canary.1`, enabled Bun's experimental \"bake\" server features and made `bun upgrade` track canary. absolute.2 is built with `--canary=off`, as Bun's own releases are; the React Fast Refresh fix is unchanged. Run `absolute bun-patch install` to replace an absolute.1 install.",
+					"kind": "fixed",
+					"summary": "The patched Bun is now a release build, not a canary build"
+				},
+				{
+					"detail": "Stock Bun ignores `reactFastRefresh` on `Bun.Transpiler` (oven-sh/bun#32919), so React edits in `absolute dev` remounted the page and lost component state. AbsoluteJS now publishes Bun 1.4.0 with just that fix for every platform Bun ships (github.com/absolutejs/patched-bun). In React projects on stock Bun, `absolute dev` offers it once (Install now / Ask me later / Don't ask again); it installs to ~/.absolutejs/bun, is checked against a pinned SHA-256, and only the dev server uses it, so your `bun` is unchanged. `absolute bun-patch [status|install|remove|reset]` manages it; `ABSOLUTE_PATCHED_BUN=0` opts out.",
+					"kind": "added",
+					"summary": "React Fast Refresh keeps component state: `absolute dev` can run on AbsoluteJS's patched Bun"
+				},
+				{
+					"detail": "The React HMR client had a CSS-only branch that looked up the example app's `ReactExampleCSS` manifest key, so it could never work in another app; the server never sends a CSS-only React update, so it was also unreachable. Removed. Stylesheet edits on React pages go through the general stylesheet swap, now covered by a browser test (the rule applies, component state and the document are kept).",
+					"kind": "fixed",
+					"summary": "Removed a React HMR CSS branch that only matched the example app"
+				},
+				{
+					"detail": "The React fast path told the browser to re-import a single module: the first non-page file in the batch. A new component added to the page re-imported only the new file, so the page never rendered it; a folder created alongside a file became the target and its URL failed to load; and an edited hook or utility whose importer had not been fetched through the module server re-imported just itself, which updates nothing on screen. Every edited file now gets a target (hooks and utilities resolve to the nearest importing component, falling back to the dependents the dependency graph found), directories and deleted paths are skipped, and the client imports them all before refreshing. On stock Bun the remount fallback rendered the changed child in place of the whole page; it now re-imports the page module for the page on screen and ignores edits that do not reach it.",
+					"kind": "fixed",
+					"summary": "React edits that add a component, touch a hook or utility, or create a folder now update the page in place"
+				},
+				{
+					"detail": "The dev server decides between React Fast Refresh and the stock-Bun remount fallback by transpiling a probe component. The probe was named `__AbsoluteRefreshProbe`; React Fast Refresh registers only capitalized components, so it reported \"unsupported\" even on a Bun with the reactFastRefresh fix, and React edits always remounted with a warning. It now uses a capitalized name.",
+					"kind": "fixed",
+					"summary": "React Fast Refresh is used when Bun supports it, instead of always falling back to a remount"
+				},
+				{
+					"detail": "A React edit that failed to compile was still broadcast as an update. The browser imported a module that answered 500 and fell back to a full reload, which showed the last good page and no error. The dev server now checks the edited modules compile first and sends the error overlay (file, line and source line) instead; the save that fixes it applies as a normal in-place update. The module server handler and its transform errors also moved to globalThis: after a `bun --hot` reload failed part-way, later imports of the module server got a fresh instance that was never configured, so pre-transforming the changed module silently did nothing.",
+					"kind": "fixed",
+					"summary": "A syntax error in a React component shows the error overlay instead of reloading the page"
+				}
+			],
+			"date": "2026-09-28",
+			"version": "0.20.0-beta.123"
+		},
 		{
 			"changes": [
 				{

package/dist/angular/components/core/streamingSlotRegistrar.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-LiuoUM/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-VA5kAM/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");

package/dist/angular/components/core/streamingSlotRegistry.js

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-LiuoUM/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-VA5kAM/src/core/streamingSlotRegistrar.ts
 var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
 var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
 var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
@@ -48,7 +48,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-LiuoUM/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-VA5kAM/src/core/streamingSlotRegistry.ts
 var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
 var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
 var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";

package/dist/build.js

@@ -21873,7 +21873,7 @@ var init_compileAngular = __esm(() => {
 
 // node_modules/content-tag/pkg/node/content_tag.cjs
 var require_content_tag = __commonJS(function(exports, module) {
-  var __dirname = "/tmp/abs-translation-fix/node_modules/content-tag/pkg/node";
+  var __dirname = "/home/alexkahn/abs/absolutejs/.claude/worktrees/release/node_modules/content-tag/pkg/node";
   var imports = {};
   imports["__wbindgen_placeholder__"] = exports;
   var wasm;
@@ -26173,15 +26173,6 @@ var init_fileHashTracker = __esm(() => {
 });
 
 // src/dev/transformCache.ts
-var exports_transformCache = {};
-__export(exports_transformCache, {
-  findNearestComponent: () => findNearestComponent,
-  getInvalidationVersion: () => getInvalidationVersion,
-  getTransformed: () => getTransformed,
-  invalidate: () => invalidate,
-  invalidateAll: () => invalidateAll,
-  setTransformed: () => setTransformed
-});
 var cache, importers, getTransformed = (filePath) => cache.get(filePath)?.content, setTransformed = (filePath, content, mtime, imports) => {
   const resolvedImports = imports ?? [];
   cache.set(filePath, { content, imports: resolvedImports, mtime });
@@ -26233,10 +26224,6 @@ var cache, importers, getTransformed = (filePath) => cache.get(filePath)?.conten
         queue.push(parent);
     }
   }
-}, invalidateAll = () => {
-  cache.clear();
-  importers.clear();
-  invalidationVersions.clear();
 };
 var init_transformCache = __esm(() => {
   cache = globalThis.__transformCache ?? new Map;
@@ -26816,6 +26803,15 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
   const oldest = state.hmrUpdates.keys().next().value;
   if (typeof oldest === "number")
     state.hmrUpdates.delete(oldest);
+}, canonicalClients, canonicalClient = (client) => {
+  const { raw } = client;
+  if (!raw)
+    return client;
+  const known = canonicalClients.get(raw);
+  if (known)
+    return known;
+  canonicalClients.set(raw, client);
+  return client;
 }, trySendMessage = (client, messageStr) => {
   try {
     client.send(messageStr);
@@ -26842,7 +26838,7 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
     state.clientTargets.delete(client);
   });
 }, handleClientConnect = (state, client, manifest) => {
-  state.connectedClients.add(client);
+  state.connectedClients.add(canonicalClient(client));
   const serverVersions = serializeModuleVersions(state.moduleVersions);
   client.send(JSON.stringify({
     data: {
@@ -26879,8 +26875,11 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
     }));
   }
 }, handleClientDisconnect = (state, client) => {
-  state.connectedClients.delete(client);
-  state.clientTargets.delete(client);
+  const known = canonicalClient(client);
+  state.connectedClients.delete(known);
+  state.clientTargets.delete(known);
+  if (client.raw)
+    canonicalClients.delete(client.raw);
 }, parseJsonSafe = (raw) => JSON.parse(raw), parseMessage = (message) => {
   if (typeof message === "string") {
     return parseJsonSafe(message);
@@ -26956,12 +26955,13 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
     if (!isValidHMRClientMessage(parsedData)) {
       return;
     }
-    handleParsedMessage(state, client, parsedData);
+    handleParsedMessage(state, canonicalClient(client), parsedData);
   } catch {}
 };
 var init_webSocket = __esm(() => {
   init_telemetryEvent();
   init_logger();
+  canonicalClients = new WeakMap;
 });
 
 // src/utils/loadConfig.ts
@@ -33053,6 +33053,7 @@ __export(exports_moduleServer, {
   SRC_URL_PREFIX: () => SRC_URL_PREFIX2,
   createDevPageWarmer: () => createDevPageWarmer,
   createModuleServer: () => createModuleServer,
+  getTransformError: () => getTransformError,
   importedBindingNames: () => importedBindingNames,
   invalidateModule: () => invalidateModule,
   isReactFastRefreshSupported: () => isReactFastRefreshSupported,
@@ -33253,7 +33254,7 @@ ${code2}`;
       reactFastRefresh: true
     };
     const probe = new Bun.Transpiler(probeOptions);
-    const out = probe.transformSync("export function __AbsoluteRefreshProbe(){return null;}");
+    const out = probe.transformSync("export function AbsoluteRefreshProbe(){return null;}");
     return out.includes("$RefreshReg$");
   } catch {
     return false;
@@ -33262,7 +33263,7 @@ ${code2}`;
   if (reactFastRefreshSupported || reactFastRefreshWarningEmitted)
     return;
   reactFastRefreshWarningEmitted = true;
-  logWarn("React HMR is blocked: this Bun build ignores " + "`reactFastRefresh` on Bun.Transpiler, so component state " + "cannot be preserved across edits. Tracking " + "https://github.com/oven-sh/bun/pull/28312 \u2014 if it still has " + "not merged, leave a \uD83D\uDC4D on the PR so the Bun team knows it " + "is blocking you. Until then, React edits trigger a targeted " + "page remount instead of a state-preserving fast refresh.");
+  logWarn("React edits remount the page instead of keeping component state: " + "this Bun ignores `reactFastRefresh` on Bun.Transpiler " + "(https://github.com/oven-sh/bun/issues/32919). Run " + "`absolute bun-patch install` to use AbsoluteJS's patched Bun, " + "which has the fix; `absolute dev` then uses it automatically.");
 }, transformReactFile = (filePath, projectRoot, rewriter) => {
   const raw = readFileSync40(filePath, "utf-8");
   const valueExports = tsxTranspiler.scan(raw).exports;
@@ -33812,7 +33813,27 @@ export default {};
   const content = await transformVueFile(filePath, projectRoot, rewriter, vueDir, stylePreprocessors);
   setTransformed(filePath, content, stat4.mtimeMs, extractImportedFiles(content, projectRoot));
   return jsResponse(content);
-}, transformErrorResponse = (err) => {
+}, transformErrors, readPosition = (value) => {
+  if (!value || typeof value !== "object")
+    return;
+  const position = Reflect.get(value, "position");
+  if (!position || typeof position !== "object")
+    return;
+  const line = Reflect.get(position, "line");
+  const column = Reflect.get(position, "column");
+  const lineText = Reflect.get(position, "lineText");
+  return {
+    column: typeof column === "number" ? column : undefined,
+    line: typeof line === "number" ? line : undefined,
+    lineText: typeof lineText === "string" ? lineText : undefined
+  };
+}, describeTransformError = (err) => {
+  const [first] = err instanceof AggregateError && Array.isArray(err.errors) ? err.errors : [err];
+  const source = first ?? err;
+  const ownMessage = source && typeof source === "object" ? Reflect.get(source, "message") : undefined;
+  const message = typeof ownMessage === "string" ? ownMessage : String(source);
+  return { message, ...readPosition(first) };
+}, getTransformError = (filePath) => transformErrors.get(resolve51(filePath)), transformErrorResponse = (err) => {
   const errMsg = err instanceof Error ? err.message : String(err);
   return new Response(`console.error('[ModuleServer] Transform error:', ${JSON.stringify(errMsg)});`, {
     headers: { "Content-Type": "application/javascript" },
@@ -33840,8 +33861,11 @@ export default {};
       return virtualCssResponse;
     const { filePath, ext } = resolveSourcePath2(relPath, projectRoot);
     try {
-      return await transformAndCache(filePath, ext, projectRoot, rewriter, frameworkDirs?.vue, stylePreprocessors);
+      const response = await transformAndCache(filePath, ext, projectRoot, rewriter, frameworkDirs?.vue, stylePreprocessors);
+      transformErrors.delete(resolve51(filePath));
+      return response;
     } catch (err) {
+      transformErrors.set(resolve51(filePath), describeTransformError(err));
       return transformErrorResponse(err);
     }
   };
@@ -33854,21 +33878,23 @@ export default {};
       files.push(resolve51(projectRoot, match[1]));
   }
   return files;
-}, invalidateModule = (filePath) => {
+}, SRC_URL_PREFIX2, invalidateModule = (filePath) => {
   const resolved = resolve51(filePath);
+  transformErrors.delete(resolved);
   invalidate(filePath);
   if (resolved !== filePath)
     invalidate(resolved);
   mtimeCache.delete(filePath);
   mtimeCache.delete(resolved);
+}, setGlobalModuleServer = (handler) => {
+  globalThis.__absoluteModuleServer = handler ?? undefined;
 }, warmCache = async (pathname) => {
   if (!pathname.startsWith(SRC_PREFIX))
     return;
-  if (!globalModuleServer)
+  const handler = globalThis.__absoluteModuleServer;
+  if (!handler)
     return;
-  await globalModuleServer(pathname);
-}, globalModuleServer = null, SRC_URL_PREFIX2, setGlobalModuleServer = (handler) => {
-  globalModuleServer = handler;
+  await handler(pathname);
 }, REBUILD_IDLE_POLL_MS = 10, getDevResult = () => globalThis.__hmrDevResult, resolveDevPageEntry = (keyOrPath) => {
   const cached = getDevResult();
   const lazy = cached?.hmrState.lazyPages;
@@ -34039,6 +34065,8 @@ export function __legacyDecorateParamTS(paramIndex, decorator) {
 	return function (target, key) { decorator(target, key, paramIndex); };
 }
 `.trim();
+  transformErrors = globalThis.__absoluteTransformErrors ?? new Map;
+  globalThis.__absoluteTransformErrors = transformErrors;
   SRC_IMPORT_RE = /\/@src\/([^"'?\s]+)/g;
   SRC_URL_PREFIX2 = SRC_PREFIX;
 });
@@ -34343,7 +34371,7 @@ __export(exports_rebuildTrigger, {
   queueFileChange: () => queueFileChange,
   triggerRebuild: () => triggerRebuild
 });
-import { existsSync as existsSync47, readdirSync as readdirSync13, rmSync as rmSync4 } from "fs";
+import { existsSync as existsSync47, readdirSync as readdirSync13, rmSync as rmSync4, statSync as statSync8 } from "fs";
 import {
   basename as basename21,
   dirname as dirname36,
@@ -35488,28 +35516,76 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
   const url = `${SRC_URL_PREFIX3}${rel}`;
   await warmCache2(url);
   return url;
-}, getReactModuleUrl, resolveBroadcastTarget = async (primaryFile) => {
-  const isComponentFile2 = primaryFile.endsWith(".tsx") || primaryFile.endsWith(".jsx");
-  if (isComponentFile2)
-    return primaryFile;
-  const { findNearestComponent: findNearestComponent2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
-  const nearest = findNearestComponent2(resolvePath4(primaryFile));
-  return nearest ?? primaryFile;
+}, getReactModuleUrl, isReactComponentPath = (file5) => file5.endsWith(".tsx") || file5.endsWith(".jsx"), isReactPagePath = (file5) => file5.replace(/\\/g, "/").includes("/pages/"), isImportableModule = (file5) => {
+  try {
+    return statSync8(file5).isFile();
+  } catch {
+    return false;
+  }
+}, resolveComponentTarget = (file5, reactFiles, edited) => {
+  if (isReactComponentPath(file5))
+    return file5;
+  const nearest = findNearestComponent(resolvePath4(file5));
+  if (nearest && isImportableModule(nearest))
+    return nearest;
+  const dependents = reactFiles.filter((candidate) => !edited.has(candidate) && isReactComponentPath(candidate) && isImportableModule(candidate));
+  return dependents.find((candidate) => !isReactPagePath(candidate)) ?? dependents[0] ?? file5;
+}, resolveReactUpdateTargets = (state, reactFiles) => {
+  const importable = reactFiles.filter(isImportableModule);
+  const userEdited = importable.filter((file5) => state.lastUserEditedFiles?.has(resolvePath4(file5)));
+  const editedFiles = userEdited.length > 0 ? userEdited : importable;
+  const edited = new Set(editedFiles);
+  const ordered = [
+    ...editedFiles.filter((file5) => !isReactPagePath(file5)),
+    ...editedFiles.filter(isReactPagePath)
+  ];
+  const targets = ordered.map((file5) => resolveComponentTarget(file5, reactFiles, edited));
+  return { editedFiles, targets: [...new Set(targets)] };
+}, resolveAffectedPageModules = async (reactFiles) => {
+  const pages = reactFiles.filter((file5) => isReactPagePath(file5) && isReactComponentPath(file5) && isImportableModule(file5));
+  const entries = await Promise.all(pages.map(async (page) => [
+    `${basename21(page).replace(/\.[jt]sx$/, "")}Index`,
+    await getReactModuleUrl(page)
+  ]));
+  return Object.fromEntries(entries);
 }, handleReactModuleServerPath = async (state, reactFiles, startTime, fastRefreshSupported, onRebuildComplete) => {
-  const primaryFile = reactFiles.find((file5) => !file5.replace(/\\/g, "/").includes("/pages/")) ?? reactFiles[0];
-  if (!primaryFile) {
+  const { invalidateModule: invalidateModule2 } = await getModuleServer();
+  for (const file5 of reactFiles) {
+    invalidateModule2(file5);
+  }
+  const { editedFiles, targets } = resolveReactUpdateTargets(state, reactFiles);
+  const [primaryTarget] = targets;
+  if (!primaryTarget) {
     onRebuildComplete({
       hmrState: state,
       manifest: state.manifest
     });
     return state.manifest;
   }
-  const { invalidateModule: invalidateModule2 } = await getModuleServer();
-  for (const file5 of reactFiles) {
-    invalidateModule2(file5);
+  const moduleUrls = await Promise.all(targets.map(getReactModuleUrl));
+  await Promise.all(editedFiles.filter((file5) => !targets.includes(file5)).map(getReactModuleUrl));
+  const { getTransformError: getTransformError2 } = await getModuleServer();
+  const failed = [...new Set([...editedFiles, ...targets])].map((file5) => ({ error: getTransformError2(file5), file: file5 })).find((entry) => entry.error !== undefined);
+  if (failed?.error) {
+    broadcastToClients(state, {
+      data: {
+        affectedFrameworks: ["react"],
+        column: failed.error.column,
+        error: failed.error.message,
+        file: failed.file,
+        framework: "react",
+        line: failed.error.line,
+        lineText: failed.error.lineText
+      },
+      message: "React module failed to compile",
+      type: "rebuild-error"
+    });
+    onRebuildComplete({ hmrState: state, manifest: state.manifest });
+    return state.manifest;
   }
-  const broadcastTarget = await resolveBroadcastTarget(primaryFile);
-  const pageModuleUrl = await getReactModuleUrl(broadcastTarget);
+  const pageModuleUrls = fastRefreshSupported ? undefined : await resolveAffectedPageModules(reactFiles);
+  const [pageModuleUrl] = moduleUrls;
+  const primaryFile = reactFiles.find((file5) => isImportableModule(file5) && !isReactPagePath(file5)) ?? primaryTarget;
   if (pageModuleUrl) {
     const serverDuration = Date.now() - startTime;
     state.lastHmrPath = relative24(process.cwd(), primaryFile).replace(/\\/g, "/");
@@ -35521,7 +35597,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
         hasComponentChanges: true,
         hasCSSChanges: false,
         manifest: state.manifest,
+        moduleUrls,
         pageModuleUrl,
+        pageModuleUrls,
         primarySource: primaryFile,
         serverDuration,
         sourceFiles: reactFiles
@@ -37532,7 +37610,7 @@ __export(exports_devBuild, {
   devBuild: () => devBuild
 });
 import { readdir as readdir6 } from "fs/promises";
-import { existsSync as existsSync49, statSync as statSync8 } from "fs";
+import { existsSync as existsSync49, statSync as statSync9 } from "fs";
 import { resolve as resolve55 } from "path";
 var FRAMEWORK_DIR_KEYS, devClientVendorSourceDir = () => resolve55(import.meta.dir, "../dev/client"), collectDepVendorSourceDirs = (config) => {
   const configuredDirs = [
@@ -37672,7 +37750,7 @@ var FRAMEWORK_DIR_KEYS, devClientVendorSourceDir = () => resolve55(import.meta.d
     });
   }
 }, handleCachedReload = async () => {
-  const serverMtime = statSync8(resolve55(Bun.main)).mtimeMs;
+  const serverMtime = statSync9(resolve55(Bun.main)).mtimeMs;
   const lastMtime = globalThis.__hmrServerMtime;
   globalThis.__hmrServerMtime = serverMtime;
   const cached = globalThis.__hmrDevResult;
@@ -38053,7 +38131,7 @@ var FRAMEWORK_DIR_KEYS, devClientVendorSourceDir = () => resolve55(import.meta.d
     manifest
   };
   globalThis.__hmrDevResult = result;
-  globalThis.__hmrServerMtime = statSync8(resolve55(Bun.main)).mtimeMs;
+  globalThis.__hmrServerMtime = statSync9(resolve55(Bun.main)).mtimeMs;
   return result;
 };
 var init_devBuild = __esm(() => {
@@ -38094,5 +38172,5 @@ export {
   devBuild
 };
 
-//# debugId=F8C17F2264022D4D64756E2164756E21
+//# debugId=CE51F4C6C3DEBBDF64756E2164756E21
 //# sourceMappingURL=build.js.map