@absolutejs/absolute 0.20.0-beta.139 → 0.20.0-beta.140

package/CHANGELOG.md

@@ -6,6 +6,17 @@ 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.140 — 2026-10-18
+
+### Fixed
+
+- **Dev pages reconnect after a dropped connection without reloading, and keep trying through long outages**
+  When the dev-server socket dropped, `absolute dev` pages polled for about 18 seconds and reloaded as soon as the server answered. On weak wifi every network change became a full reload, refetching every stylesheet and script and losing the page's state, and an outage longer than 18 seconds left the page disconnected until a manual reload. The page now reconnects the socket for up to 30 minutes, backing off from half a second to ten, waits for the network instead of retrying while the browser is offline, and retries at once when the network or the tab returns. It reloads only if it missed something: the server restarted, or sent an update while the page was away. The server now includes when it started and when it last sent an update in the manifest it sends each connecting page. The banner says when the browser is offline.
+- **Production builds ship React's production build (react-dom 903 KB → 400 KB, no development checks)**
+  Production builds bundled React into its vendor files without setting `process.env.NODE_ENV`, so React picked its development build: `react-dom_client.js` was 903 KB, and React ran its development checks in every production page. Production builds now set `process.env.NODE_ENV` to `"production"`: 400 KB, 81 KB gzipped. Only whitespace is minified; renaming identifiers or minifying syntax across the split vendor chunks makes Bun emit an export named `__INVALID__REF__`, which stopped compiled executables from hydrating. `absolute dev` is unchanged; Fast Refresh needs the development build.
+- **Edits to class components and `memo`/`forwardRef` wrappers appear in `absolute dev` without a reload**
+  React Fast Refresh updates the components it registered. Editing a module that registers none (a class component, or a `memo`/`forwardRef` wrapper the transpiler does not register) re-ran only that module, and its importer kept rendering the old one, so the edit never showed until a reload. The update now also re-imports the module's importers up to the nearest one that registers a component, so the edit appears and the rest of the page keeps its state.
+
 ## 0.20.0-beta.139 — 2026-10-16
 
 ### Changed

package/changelog.json

@@ -2,6 +2,27 @@
 	"contract": 1,
 	"name": "@absolutejs/absolute",
 	"releases": [
+		{
+			"changes": [
+				{
+					"detail": "When the dev-server socket dropped, `absolute dev` pages polled for about 18 seconds and reloaded as soon as the server answered. On weak wifi every network change became a full reload, refetching every stylesheet and script and losing the page's state, and an outage longer than 18 seconds left the page disconnected until a manual reload. The page now reconnects the socket for up to 30 minutes, backing off from half a second to ten, waits for the network instead of retrying while the browser is offline, and retries at once when the network or the tab returns. It reloads only if it missed something: the server restarted, or sent an update while the page was away. The server now includes when it started and when it last sent an update in the manifest it sends each connecting page. The banner says when the browser is offline.",
+					"kind": "fixed",
+					"summary": "Dev pages reconnect after a dropped connection without reloading, and keep trying through long outages"
+				},
+				{
+					"detail": "Production builds bundled React into its vendor files without setting `process.env.NODE_ENV`, so React picked its development build: `react-dom_client.js` was 903 KB, and React ran its development checks in every production page. Production builds now set `process.env.NODE_ENV` to `\"production\"`: 400 KB, 81 KB gzipped. Only whitespace is minified; renaming identifiers or minifying syntax across the split vendor chunks makes Bun emit an export named `__INVALID__REF__`, which stopped compiled executables from hydrating. `absolute dev` is unchanged; Fast Refresh needs the development build.",
+					"kind": "fixed",
+					"summary": "Production builds ship React's production build (react-dom 903 KB → 400 KB, no development checks)"
+				},
+				{
+					"detail": "React Fast Refresh updates the components it registered. Editing a module that registers none (a class component, or a `memo`/`forwardRef` wrapper the transpiler does not register) re-ran only that module, and its importer kept rendering the old one, so the edit never showed until a reload. The update now also re-imports the module's importers up to the nearest one that registers a component, so the edit appears and the rest of the page keeps its state.",
+					"kind": "fixed",
+					"summary": "Edits to class components and `memo`/`forwardRef` wrappers appear in `absolute dev` without a reload"
+				}
+			],
+			"date": "2026-10-18",
+			"version": "0.20.0-beta.140"
+		},
 		{
 			"changes": [
 				{

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

@@ -1,5 +1,5 @@
 // @bun
-// .angular-partial-tmp-cVJTxm/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-UKvYic/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,5 +1,5 @@
 // @bun
-// .angular-partial-tmp-cVJTxm/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-UKvYic/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");
@@ -46,7 +46,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-cVJTxm/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-UKvYic/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

@@ -22361,7 +22361,7 @@ var resolveJsxDevRuntimeCompatPath = () => {
   return `${lines.join(`
 `)}
 `;
-}, buildReactVendor = async (buildDir) => {
+}, buildReactVendor = async (buildDir, { production = false } = {}) => {
   const vendorDir = join41(buildDir, "react", "vendor");
   mkdirSync8(vendorDir, { recursive: true });
   const tmpDir = join41(buildDir, "_vendor_tmp");
@@ -22375,9 +22375,10 @@ var resolveJsxDevRuntimeCompatPath = () => {
     return entryPath;
   }));
   const result = await bunBuild3({
+    ...production ? { define: { "process.env.NODE_ENV": '"production"' } } : {},
     entrypoints,
     format: "esm",
-    minify: false,
+    minify: production ? { whitespace: true } : false,
     naming: "[name].[ext]",
     outdir: vendorDir,
     splitting: true,
@@ -23893,7 +23894,7 @@ ${offenders.map((o) => `  \u2022 ${o}`).join(`
   }
   if (!hmr && reactDir) {
     await Promise.resolve().then(() => init_buildReactVendor());
-    await buildReactVendor(buildPath);
+    await buildReactVendor(buildPath, { production: !isDev });
     vendorPaths = computeVendorPaths();
     setDevVendorPaths(vendorPaths);
   }
@@ -26567,12 +26568,14 @@ var MAX_RETAINED_HMR_UPDATES = 100, normalizedHmrTarget = (value) => {
     state.connectedClients.delete(client);
     state.clientTargets.delete(client);
   });
-}, handleClientConnect = (state, client, manifest) => {
+}, SERVER_STARTED_AT, handleClientConnect = (state, client, manifest) => {
   state.connectedClients.add(canonicalClient(client));
   const serverVersions = serializeModuleVersions(state.moduleVersions);
   client.send(JSON.stringify({
     data: {
+      lastBroadcastAt: state.lastBroadcastTimestamp,
       manifest,
+      serverStartedAt: SERVER_STARTED_AT,
       serverVersions
     },
     timestamp: Date.now(),
@@ -26692,6 +26695,7 @@ var init_webSocket = __esm(() => {
   init_telemetryEvent();
   init_logger();
   canonicalClients = new WeakMap;
+  SERVER_STARTED_AT = Math.round(performance.timeOrigin);
 });
 
 // src/utils/loadConfig.ts
@@ -35009,6 +35013,20 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     return nearest;
   const dependents = reactFiles.filter((candidate) => !edited.has(candidate) && isReactComponentPath(candidate) && isImportableModule(candidate));
   return dependents.find((candidate) => !isReactPagePath(candidate)) ?? dependents[0] ?? file;
+}, MAX_REFRESH_BOUNDARY_HOPS = 8, registersRefreshComponent = (file) => /\$RefreshReg\$\(/u.test(getTransformed(resolvePath4(file)) ?? ""), refreshBoundaryUrls = async (targets) => {
+  const urls = [];
+  const seen = new Set(targets.map((file) => resolvePath4(file)));
+  const climb = async (file, hops) => {
+    const importer = findNearestComponent(resolvePath4(file));
+    if (!importer || seen.has(importer) || hops >= MAX_REFRESH_BOUNDARY_HOPS)
+      return;
+    seen.add(importer);
+    urls.push(await getReactModuleUrl(importer));
+    if (!registersRefreshComponent(importer))
+      await climb(importer, hops + 1);
+  };
+  await targets.reduce((previous, target) => previous.then(() => registersRefreshComponent(target) ? undefined : climb(target, 0)), Promise.resolve());
+  return urls;
 }, resolveReactUpdateTargets = (state, reactFiles) => {
   const importable = reactFiles.filter(isImportableModule);
   const userEdited = importable.filter((file) => state.lastUserEditedFiles?.has(resolvePath4(file)));
@@ -35041,7 +35059,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, clearDevSs
     });
     return state.manifest;
   }
-  const moduleUrls = await Promise.all(targets.map(getReactModuleUrl));
+  const targetUrls = await Promise.all(targets.map(getReactModuleUrl));
+  const moduleUrls = fastRefreshSupported ? [...targetUrls, ...await refreshBoundaryUrls(targets)] : targetUrls;
   await Promise.all(editedFiles.filter((file) => !targets.includes(file)).map(getReactModuleUrl));
   const { getTransformError } = await getModuleServer();
   const failed = [...new Set([...editedFiles, ...targets])].map((file) => ({ error: getTransformError(file), file })).find((entry) => entry.error !== undefined);
@@ -37625,5 +37644,5 @@ export {
   devBuild
 };
 
-//# debugId=2A99D03636D2BB0864756E2164756E21
+//# debugId=FA2E655602E07F4664756E2164756E21
 //# sourceMappingURL=build.js.map