@absolutejs/absolute 0.19.0-beta.62 → 0.19.0-beta.64

package/dist/cli/index.js

@@ -1254,7 +1254,8 @@ var start = async (serverEntry, outdir, configPath2) => {
         if (args.path.includes("node_modules"))
           return;
         const text = await Bun.file(args.path).text();
-        if (text.includes("@Component")) {
+        const stripped = text.replace(/`(?:[^`\\]|\\.)*`/gs, "").replace(/'(?:[^'\\]|\\.)*'/g, "").replace(/"(?:[^"\\]|\\.)*"/g, "");
+        if (stripped.includes("@Component")) {
           return {
             contents: "export default {}",
             loader: "js"

package/dist/dev/client/handlers/react.ts

@@ -8,6 +8,7 @@ import { detectCurrentFramework } from '../frameworkDetect';
 
 export const handleReactUpdate = (message: {
 	data: {
+		dataModuleUrl?: string;
 		hasCSSChanges?: boolean;
 		hasComponentChanges?: boolean;
 		manifest?: Record<string, string>;
@@ -32,9 +33,22 @@ export const handleReactUpdate = (message: {
 
 	const refreshRuntime = window.$RefreshRuntime$;
 	const serverDuration = message.data.serverDuration;
-
+	const dataModuleUrl = message.data.dataModuleUrl;
 	const pageModuleUrl = message.data.pageModuleUrl;
 
+	// Non-component file: import the data file first (cache bust),
+	// then re-import the page so the component re-renders.
+	if (dataModuleUrl && pageModuleUrl && refreshRuntime) {
+		applyDataThenPage(
+			dataModuleUrl,
+			pageModuleUrl,
+			refreshRuntime,
+			serverDuration
+		);
+
+		return;
+	}
+
 	if (pageModuleUrl && refreshRuntime) {
 		applyRefreshImport(pageModuleUrl, refreshRuntime, serverDuration);
 
@@ -53,29 +67,57 @@ export const handleReactUpdate = (message: {
 	window.location.reload();
 };
 
+const sendTiming = (clientStart: number, serverDuration?: number) => {
+	if (window.__HMR_WS__) {
+		const clientMs = Math.round(performance.now() - clientStart);
+		const total = (serverDuration ?? 0) + clientMs;
+		window.__HMR_WS__.send(
+			JSON.stringify({ duration: total, type: 'hmr-timing' })
+		);
+	}
+	if (window.__ERROR_BOUNDARY__) {
+		window.__ERROR_BOUNDARY__.reset();
+	} else {
+		hideErrorOverlay();
+	}
+};
+
 const applyRefreshImport = (
 	moduleUrl: string,
-	refreshRuntime: { performReactRefresh: () => void },
+	refreshRuntime: { performReactRefresh: () => unknown },
 	serverDuration?: number
 ) => {
 	const clientStart = performance.now();
 	import(`${moduleUrl}?t=${Date.now()}`)
 		.then(() => {
 			refreshRuntime.performReactRefresh();
+			sendTiming(clientStart, serverDuration);
 
-			if (window.__HMR_WS__) {
-				const clientMs = Math.round(performance.now() - clientStart);
-				const total = (serverDuration ?? 0) + clientMs;
-				window.__HMR_WS__.send(
-					JSON.stringify({ duration: total, type: 'hmr-timing' })
-				);
-			}
-
-			if (window.__ERROR_BOUNDARY__) {
-				window.__ERROR_BOUNDARY__.reset();
-			} else {
-				hideErrorOverlay();
-			}
+			return undefined;
+		})
+		.catch((err) => {
+			console.warn(
+				'[HMR] React Fast Refresh failed, falling back to reload:',
+				err
+			);
+			window.location.reload();
+		});
+};
+
+const applyDataThenPage = (
+	dataUrl: string,
+	pageUrl: string,
+	refreshRuntime: { performReactRefresh: () => unknown },
+	serverDuration?: number
+) => {
+	const clientStart = performance.now();
+	// Import the changed data file first to bust the browser cache,
+	// then re-import the page so the component re-renders with new data.
+	import(`${dataUrl}?t=${Date.now()}`)
+		.then(() => import(`${pageUrl}?t=${Date.now()}`))
+		.then(() => {
+			refreshRuntime.performReactRefresh();
+			sendTiming(clientStart, serverDuration);
 
 			return undefined;
 		})

package/dist/index.js

@@ -202,7 +202,7 @@ __export(exports_generateReactIndexes, {
 });
 import { existsSync, mkdirSync } from "fs";
 import { readdir, rm, writeFile } from "fs/promises";
-import { basename, join, resolve as resolve2 } from "path";
+import { basename, join, relative, resolve as resolve2 } from "path";
 var {Glob } = globalThis.Bun;
 var indexContentCache, resolveDevClientDir = () => {
   const fromSource = resolve2(import.meta.dir, "../dev/client");
@@ -239,6 +239,7 @@ var indexContentCache, resolveDevClientDir = () => {
     const hmrPreamble = isDev ? [
       `window.__HMR_FRAMEWORK__ = "react";`,
       `window.__REACT_COMPONENT_KEY__ = "${componentName}Index";`,
+      `window.__REACT_PAGE_MODULE__ = "/@src/${relative(process.cwd(), resolve2(reactPagesDirectory, componentName + ".tsx")).replace(/\\\\/g, "/")}";`,
       `import '${refreshSetupPath}';`,
       `import '${hmrClientPath}';`,
       `import { showErrorOverlay, hideErrorOverlay } from '${errorOverlayPath}';
@@ -945,7 +946,7 @@ var devVendorPaths = null, getDevVendorPaths = () => devVendorPaths, setDevVendo
 
 // src/build/angularLinkerPlugin.ts
 import { existsSync as existsSync7, mkdirSync as mkdirSync3, readFileSync as readFileSync3, writeFileSync as writeFileSync2 } from "fs";
-import { dirname as dirname2, join as join4, relative, resolve as resolve5 } from "path";
+import { dirname as dirname2, join as join4, relative as relative2, resolve as resolve5 } from "path";
 import { createHash } from "crypto";
 var CACHE_DIR, angularLinkerPlugin;
 var init_angularLinkerPlugin = __esm(() => {
@@ -988,7 +989,7 @@ var init_angularLinkerPlugin = __esm(() => {
               dirname: dirname2,
               exists: existsSync7,
               readFile: readFileSync3,
-              relative,
+              relative: relative2,
               resolve: resolve5
             },
             linkerJitMode: false,
@@ -1029,11 +1030,11 @@ var HASHED_FILE_PATTERN, cleanStaleOutputs = async (buildPath, currentOutputPath
   const currentPaths = new Set(currentOutputPaths.map((path) => resolve6(path)));
   const glob = new Glob4("**/*");
   const removals = [];
-  for (const relative2 of glob.scanSync({ cwd: buildPath })) {
-    const absolute = resolve6(buildPath, relative2);
+  for (const relative3 of glob.scanSync({ cwd: buildPath })) {
+    const absolute = resolve6(buildPath, relative3);
     if (currentPaths.has(absolute))
       continue;
-    if (!HASHED_FILE_PATTERN.test(relative2))
+    if (!HASHED_FILE_PATTERN.test(relative3))
       continue;
     removals.push(rm2(absolute, { force: true }));
   }
@@ -1187,12 +1188,12 @@ var init_startupBanner = __esm(() => {
 // src/utils/logger.ts
 var colors2, frameworkColors, formatPath = (filePath) => {
   const cwd = process.cwd();
-  let relative2 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
-  relative2 = relative2.replace(/\\/g, "/");
-  if (!relative2.startsWith("/")) {
-    relative2 = `/${relative2}`;
+  let relative3 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
+  relative3 = relative3.replace(/\\/g, "/");
+  if (!relative3.startsWith("/")) {
+    relative3 = `/${relative3}`;
   }
-  return relative2;
+  return relative3;
 }, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
   const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
@@ -1251,11 +1252,11 @@ var init_logger = __esm(() => {
 });
 
 // src/utils/validateSafePath.ts
-import { resolve as resolve7, relative as relative2 } from "path";
+import { resolve as resolve7, relative as relative3 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
   const absoluteBase = resolve7(baseDirectory);
   const absoluteTarget = resolve7(baseDirectory, targetPath);
-  const relativePath = normalizePath(relative2(absoluteBase, absoluteTarget));
+  const relativePath = normalizePath(relative3(absoluteBase, absoluteTarget));
   if (relativePath.startsWith("../") || relativePath === "..") {
     throw new Error(`Unsafe path: ${targetPath}`);
   }
@@ -1277,7 +1278,7 @@ import {
   basename as basename2,
   extname as extname2,
   resolve as resolve8,
-  relative as relative3,
+  relative as relative4,
   sep
 } from "path";
 import { env } from "process";
@@ -1341,7 +1342,7 @@ var resolveDevClientDir2 = () => {
     const isModule = src.endsWith(".svelte.ts") || src.endsWith(".svelte.js");
     const preprocessed = isModule ? raw : (await preprocess(raw, {})).code;
     const transpiled = src.endsWith(".ts") || src.endsWith(".svelte.ts") ? transpiler.transformSync(preprocessed) : preprocessed;
-    const relDir = dirname3(relative3(svelteRoot, src)).replace(/\\/g, "/");
+    const relDir = dirname3(relative4(svelteRoot, src)).replace(/\\/g, "/");
     const baseName = basename2(src).replace(/\.svelte(\.(ts|js))?$/, "");
     const importPaths = Array.from(transpiled.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((path) => path !== undefined);
     const resolvedImports = await Promise.all(importPaths.map((importPath) => resolveSvelte(importPath, src)));
@@ -1360,7 +1361,7 @@ var resolveDevClientDir2 = () => {
       }).js.code;
       let code = raw2.replace(/\.svelte(?:\.(?:ts|js))?(['"])/g, ".js$1");
       if (mode === "client" && isDev) {
-        const moduleKey = `/@src/${relative3(process.cwd(), src).replace(/\\/g, "/")}`;
+        const moduleKey = `/@src/${relative4(process.cwd(), src).replace(/\\/g, "/")}`;
         code = code.replace(/if\s*\(import\.meta\.hot\)\s*\{/, `if (typeof window !== "undefined") {
   if (!window.__SVELTE_HMR_ACCEPT__) window.__SVELTE_HMR_ACCEPT__ = {};
   var __hmr_accept = function(cb) { window.__SVELTE_HMR_ACCEPT__[${JSON.stringify(moduleKey)}] = cb; };`);
@@ -1395,10 +1396,10 @@ var resolveDevClientDir2 = () => {
   };
   const roots = await Promise.all(entryPoints.map(build2));
   await Promise.all(roots.map(async ({ client: client2 }) => {
-    const relClientDir = dirname3(relative3(clientDir, client2));
+    const relClientDir = dirname3(relative4(clientDir, client2));
     const name = basename2(client2, extname2(client2));
     const indexPath = join6(indexDir, relClientDir, `${name}.js`);
-    const importRaw = relative3(dirname3(indexPath), client2).split(sep).join("/");
+    const importRaw = relative4(dirname3(indexPath), client2).split(sep).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev ? `window.__HMR_FRAMEWORK__ = "svelte";
 import "${hmrClientPath3}";
@@ -1438,7 +1439,7 @@ if (typeof window !== "undefined") {
   return {
     svelteClientPaths: roots.map(({ client: client2 }) => client2),
     svelteIndexPaths: roots.map(({ client: client2 }) => {
-      const rel = dirname3(relative3(clientDir, client2));
+      const rel = dirname3(relative4(clientDir, client2));
       return join6(indexDir, rel, basename2(client2));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
@@ -1463,7 +1464,7 @@ __export(exports_compileVue, {
 });
 import { existsSync as existsSync9 } from "fs";
 import { mkdir as mkdir2 } from "fs/promises";
-import { basename as basename3, dirname as dirname4, join as join7, relative as relative4, resolve as resolve9 } from "path";
+import { basename as basename3, dirname as dirname4, join as join7, relative as relative5, resolve as resolve9 } from "path";
 var {file: file3, write: write2, Transpiler: Transpiler2 } = globalThis.Bun;
 var resolveDevClientDir3 = () => {
   const fromSource = resolve9(import.meta.dir, "../dev/client");
@@ -1508,7 +1509,7 @@ var resolveDevClientDir3 = () => {
     return "template-only";
   }
   return "full";
-}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative4(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath) => {
+}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative5(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath) => {
   if (filePath.endsWith(".vue"))
     return filePath.replace(/\.vue$/, ".js");
   if (filePath.endsWith(".ts"))
@@ -1535,7 +1536,7 @@ var resolveDevClientDir3 = () => {
   const cachedResult = cacheMap.get(sourceFilePath);
   if (cachedResult)
     return cachedResult;
-  const relativeFilePath = relative4(vueRootDir, sourceFilePath).replace(/\\/g, "/");
+  const relativeFilePath = relative5(vueRootDir, sourceFilePath).replace(/\\/g, "/");
   const relativeWithoutExtension = relativeFilePath.replace(/\.vue$/, "");
   const fileBaseName = basename3(sourceFilePath, ".vue");
   const componentId = toKebab(fileBaseName);
@@ -1664,7 +1665,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     result.tsHelperPaths.forEach((path) => allTsHelperPaths.add(path));
     const entryBaseName = basename3(entryPath, ".vue");
     const indexOutputFile = join7(indexOutputDir, `${entryBaseName}.js`);
-    const clientOutputFile = join7(clientOutputDir, relative4(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    const clientOutputFile = join7(clientOutputDir, relative5(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
     await mkdir2(dirname4(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
@@ -1672,7 +1673,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     ] : [];
     await write2(indexOutputFile, [
       ...vueHmrImports,
-      `import Comp from "${relative4(dirname4(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
+      `import Comp from "${relative5(dirname4(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
@@ -1772,7 +1773,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   await Promise.all(Array.from(allTsHelperPaths).map(async (tsPath) => {
     const sourceCode = await file3(tsPath).text();
     const transpiledCode = transpiler2.transformSync(sourceCode);
-    const relativeJsPath = relative4(vueRootDir, tsPath).replace(/\.ts$/, ".js");
+    const relativeJsPath = relative5(vueRootDir, tsPath).replace(/\.ts$/, ".js");
     const outClientPath = join7(clientOutputDir, relativeJsPath);
     const outServerPath = join7(serverOutputDir, relativeJsPath);
     await mkdir2(dirname4(outClientPath), { recursive: true });
@@ -10662,11 +10663,11 @@ ${lanes.join(`
         return toComponents;
       }
       const components = toComponents.slice(start);
-      const relative5 = [];
+      const relative6 = [];
       for (;start < fromComponents.length; start++) {
-        relative5.push("..");
+        relative6.push("..");
       }
-      return ["", ...relative5, ...components];
+      return ["", ...relative6, ...components];
     }
     function getRelativePathFromDirectory(fromDirectory, to, getCanonicalFileNameOrIgnoreCase) {
       Debug.assert(getRootLength(fromDirectory) > 0 === getRootLength(to) > 0, "Paths must either both be absolute or both be relative");
@@ -47962,9 +47963,9 @@ ${lanes.join(`
           if (!startsWithDirectory(target, realPathDirectory, getCanonicalFileName)) {
             return;
           }
-          const relative5 = getRelativePathFromDirectory(realPathDirectory, target, getCanonicalFileName);
+          const relative6 = getRelativePathFromDirectory(realPathDirectory, target, getCanonicalFileName);
           for (const symlinkDirectory of symlinkDirectories) {
-            const option = resolvePath(symlinkDirectory, relative5);
+            const option = resolvePath(symlinkDirectory, relative6);
             const result2 = cb(option, target === referenceRedirect);
             shouldFilterIgnoredPaths = true;
             if (result2)
@@ -170530,7 +170531,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync10, readFileSync as readFileSync4, promises as fs } from "fs";
-import { join as join8, basename as basename4, sep as sep2, dirname as dirname5, resolve as resolve10, relative as relative5 } from "path";
+import { join as join8, basename as basename4, sep as sep2, dirname as dirname5, resolve as resolve10, relative as relative6 } from "path";
 import { createHash as createHash2 } from "crypto";
 var import_typescript, computeConfigHash = () => {
   try {
@@ -170839,7 +170840,7 @@ export default ${componentClassName};
       await fs.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
     await fs.writeFile(rawServerFile, rewritten, "utf-8");
-    const relativePath = relative5(indexesDir, rawServerFile).replace(/\\/g, "/");
+    const relativePath = relative6(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
 import "${hmrRuntimePath}";
@@ -171218,7 +171219,7 @@ import {
   rmSync,
   writeFileSync as writeFileSync3
 } from "fs";
-import { basename as basename5, join as join13, relative as relative6, resolve as resolve11 } from "path";
+import { basename as basename5, join as join13, relative as relative7, resolve as resolve11 } from "path";
 import { cwd, env as env2, exit } from "process";
 var {build: bunBuild6, Glob: Glob5 } = globalThis.Bun;
 var isDev, extractBuildError = (logs, pass, label, frameworkNames, isIncremental, throwOnError) => {
@@ -171783,7 +171784,7 @@ var isDev, extractBuildError = (logs, pass, label, frameworkNames, isIncremental
     const devIndexDir = join13(buildPath, "_src_indexes");
     mkdirSync8(devIndexDir, { recursive: true });
     const indexFiles = readDir(reactIndexesPath).filter((f) => f.endsWith(".tsx"));
-    const pagesRel = relative6(process.cwd(), resolve11(reactPagesPath)).replace(/\\/g, "/");
+    const pagesRel = relative7(process.cwd(), resolve11(reactPagesPath)).replace(/\\/g, "/");
     for (const file4 of indexFiles) {
       let content = readFileSync5(join13(reactIndexesPath, file4), "utf-8");
       content = content.replace(/from\s*['"]\.\.\/pages\/([^'"]+)['"]/g, `from '/@src/${pagesRel}/$1'`);
@@ -202344,7 +202345,7 @@ __export(exports_moduleServer, {
   SRC_URL_PREFIX: () => SRC_URL_PREFIX
 });
 import { existsSync as existsSync13, readFileSync as readFileSync9, statSync } from "fs";
-import { basename as basename7, dirname as dirname7, extname as extname3, resolve as resolve18, relative as relative7 } from "path";
+import { basename as basename7, dirname as dirname7, extname as extname3, resolve as resolve18, relative as relative8 } from "path";
 var SRC_PREFIX = "/@src/", jsTranspiler2, tsTranspiler2, tsxTranspiler, TRANSPILABLE, ALL_EXPORTS_RE, STRING_CONTENTS_RE, preserveTypeExports = (originalSource, transpiled, valueExports) => {
   const codeOnly = originalSource.replace(STRING_CONTENTS_RE, '""');
   const allExports = [];
@@ -202405,7 +202406,7 @@ ${stubs}
   const fileDir = dirname7(filePath);
   result = result.replace(/(from\s*["'])(\.\.?\/[^"']+)(["'])/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve18(fileDir, relPath);
-    const rel = relative7(projectRoot, absPath);
+    const rel = relative8(projectRoot, absPath);
     let srcPath = rel;
     if (!extname3(srcPath)) {
       const extensions = [
@@ -202426,19 +202427,19 @@ ${stubs}
     }
     if (extname3(srcPath) === ".svelte") {
       const resolved = resolveSvelteModulePath(resolve18(projectRoot, srcPath));
-      const resolvedRel = relative7(projectRoot, resolved);
+      const resolvedRel = relative8(projectRoot, resolved);
       srcPath = resolvedRel;
     }
     return `${prefix}${srcUrl(srcPath, projectRoot)}${suffix}`;
   });
   result = result.replace(/(import\s*\(\s*["'])(\.\.?\/[^"']+)(["']\s*\))/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve18(fileDir, relPath);
-    const rel = relative7(projectRoot, absPath);
+    const rel = relative8(projectRoot, absPath);
     return `${prefix}${srcUrl(rel, projectRoot)}${suffix}`;
   });
   result = result.replace(/(import\s*["'])(\.\.?\/[^"']+)(["']\s*;?)/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve18(fileDir, relPath);
-    const rel = relative7(projectRoot, absPath);
+    const rel = relative8(projectRoot, absPath);
     let srcPath = rel;
     if (!extname3(srcPath)) {
       const extensions = [
@@ -202462,10 +202463,10 @@ ${stubs}
   });
   result = result.replace(/((?:from|import)\s*["'])(\/[^"']+\.(tsx?|jsx?|ts))(["'])/g, (_match, prefix, absPath, _ext, suffix) => {
     if (absPath.startsWith(projectRoot)) {
-      const rel2 = relative7(projectRoot, absPath).replace(/\\/g, "/");
+      const rel2 = relative8(projectRoot, absPath).replace(/\\/g, "/");
       return `${prefix}${srcUrl(rel2, projectRoot)}${suffix}`;
     }
-    const rel = relative7(projectRoot, absPath).replace(/\\/g, "/");
+    const rel = relative8(projectRoot, absPath).replace(/\\/g, "/");
     if (!rel.startsWith("..")) {
       return `${prefix}${srcUrl(rel, projectRoot)}${suffix}`;
     }
@@ -202507,7 +202508,7 @@ ${stubs}
   transpiled = `var $RefreshReg$ = window.$RefreshReg$ || function(){};
 ` + `var $RefreshSig$ = window.$RefreshSig$ || function(){ return function(t){ return t; }; };
 ` + transpiled;
-  const relPath = relative7(projectRoot, filePath).replace(/\\/g, "/");
+  const relPath = relative8(projectRoot, filePath).replace(/\\/g, "/");
   transpiled = transpiled.replace(/\binput\.tsx:/g, `${relPath}:`);
   return rewriteImports2(transpiled, filePath, projectRoot, rewriter);
 }, transformPlainFile = (filePath, projectRoot, rewriter) => {
@@ -202574,11 +202575,11 @@ ${stubs}
     if (compiled.css?.code) {
       const cssPath = `${filePath}.css`;
       svelteExternalCss.set(cssPath, compiled.css.code);
-      const cssUrl = srcUrl(relative7(projectRoot, cssPath), projectRoot);
+      const cssUrl = srcUrl(relative8(projectRoot, cssPath), projectRoot);
       code = `import "${cssUrl}";
 ${code}`;
     }
-    const moduleUrl = `${SRC_PREFIX}${relative7(projectRoot, filePath).replace(/\\/g, "/")}`;
+    const moduleUrl = `${SRC_PREFIX}${relative8(projectRoot, filePath).replace(/\\/g, "/")}`;
     code = code.replace(/if\s*\(import\.meta\.hot\)\s*\{/, `if (typeof window !== "undefined") {
   if (!window.__SVELTE_HMR_ACCEPT__) window.__SVELTE_HMR_ACCEPT__ = {};
   var __hmr_accept = function(cb) { window.__SVELTE_HMR_ACCEPT__[${JSON.stringify(moduleUrl)}] = cb; };`);
@@ -202642,7 +202643,7 @@ ${code}`;
   }
   code = tsTranspiler2.transformSync(code);
   const hmrBase = vueDir ? resolve18(vueDir) : projectRoot;
-  const hmrId = relative7(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
+  const hmrId = relative8(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
   code = code.replace(/export\s+default\s+/, "var __hmr_comp__ = ");
   code += [
     "",
@@ -202988,7 +202989,7 @@ var init_simpleHTMXHMR = () => {};
 // src/dev/rebuildTrigger.ts
 import { existsSync as existsSync14 } from "fs";
 import { rm as rm8 } from "fs/promises";
-import { basename as basename8, relative as relative8, resolve as resolve21 } from "path";
+import { basename as basename8, relative as relative9, resolve as resolve21 } from "path";
 var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
@@ -203422,7 +203423,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
 }, getModuleUrl = async (pageFile) => {
   const { invalidateModule: invalidateModule2, warmCache: warmCache2, SRC_URL_PREFIX: SRC_URL_PREFIX2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
   invalidateModule2(pageFile);
-  const rel = relative8(process.cwd(), pageFile).replace(/\\/g, "/");
+  const rel = relative9(process.cwd(), pageFile).replace(/\\/g, "/");
   const url = `${SRC_URL_PREFIX2}${rel}`;
   warmCache2(url);
   return url;
@@ -203475,12 +203476,17 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       }
     }
     const pageModuleUrl = await getReactModuleUrl(broadcastFile);
+    let dataModuleUrl;
+    if (!isComponentFile && broadcastFile !== primaryFile) {
+      dataModuleUrl = await getReactModuleUrl(primaryFile);
+    }
     if (pageModuleUrl) {
       const serverDuration = Date.now() - startTime;
-      state.lastHmrPath = relative8(process.cwd(), primaryFile).replace(/\\/g, "/");
+      state.lastHmrPath = relative9(process.cwd(), primaryFile).replace(/\\/g, "/");
       state.lastHmrFramework = "react";
       broadcastToClients(state, {
         data: {
+          dataModuleUrl,
           framework: "react",
           hasComponentChanges: true,
           hasCSSChanges: false,
@@ -203863,7 +203869,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const baseName = fileName.replace(/\.vue$/, "");
   const pascalName = toPascal(baseName);
   const vueRoot = config.vueDirectory;
-  const hmrId = vueRoot ? relative8(vueRoot, vuePagePath).replace(/\\/g, "/").replace(/\.vue$/, "") : baseName;
+  const hmrId = vueRoot ? relative9(vueRoot, vuePagePath).replace(/\\/g, "/").replace(/\.vue$/, "") : baseName;
   const cssKey = `${pascalName}CSS`;
   const cssUrl = manifest[cssKey] || null;
   const { vueHmrMetadata: vueHmrMetadata2 } = await Promise.resolve().then(() => (init_compileVue(), exports_compileVue));
@@ -205002,7 +205008,7 @@ var handleHTMLPageRequest = (pagePath) => file(pagePath);
 var handleHTMXPageRequest = (pagePath) => file(pagePath);
 // src/core/prepare.ts
 import { readFileSync as readFileSync10 } from "fs";
-import { relative as relative10, resolve as resolve23 } from "path";
+import { relative as relative11, resolve as resolve23 } from "path";
 
 // src/utils/loadConfig.ts
 import { resolve } from "path";
@@ -205064,7 +205070,7 @@ var prepare = async (configOrPath) => {
         cwd: resolve23(dir),
         absolute: true
       })) {
-        const rel = relative10(process.cwd(), file4).replace(/\\/g, "/");
+        const rel = relative11(process.cwd(), file4).replace(/\\/g, "/");
         warmCache2(`${SRC_URL_PREFIX2}${rel}`);
       }
     }
@@ -205074,7 +205080,7 @@ var prepare = async (configOrPath) => {
       if (key.endsWith("Index") && typeof result.manifest[key] === "string" && result.manifest[key].includes("/react/") && result.manifest[key].includes("/indexes/")) {
         const fileName = `${key.replace(/Index$/, "")}.tsx`;
         const srcPath = resolve23(devIndexDir, fileName);
-        const rel = relative10(process.cwd(), srcPath).replace(/\\/g, "/");
+        const rel = relative11(process.cwd(), srcPath).replace(/\\/g, "/");
         result.manifest[key] = `${SRC_URL_PREFIX2}${rel}`;
       }
     }
@@ -205244,5 +205250,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=19E4755F699A777E64756E2164756E21
+//# debugId=B320936B9473DFEE64756E2164756E21
 //# sourceMappingURL=index.js.map