@absolutejs/absolute 0.19.0-beta.101 → 0.19.0-beta.103

package/dist/build.js

@@ -123,7 +123,7 @@ __export(exports_generateReactIndexes, {
 });
 import { existsSync, mkdirSync } from "fs";
 import { readdir, rm, writeFile } from "fs/promises";
-import { basename, join, relative, resolve } from "path";
+import { basename, join, resolve } from "path";
 var {Glob } = globalThis.Bun;
 var indexContentCache, resolveDevClientDir = () => {
   const fromSource = resolve(import.meta.dir, "../dev/client");
@@ -412,42 +412,7 @@ var indexContentCache, resolveDevClientDir = () => {
       `			originalError.apply(console, args);`,
       `		};`,
       `	}`,
-      `}`,
-      ...isDev ? [
-        `
-// HMR: re-import the page component and re-render the root.`,
-        `// This is the Vite-style approach \u2014 the index file is the`,
-        `// HMR boundary. Works for all patterns: dynamic imports,`,
-        `// lazy loading, portals, data files.`,
-        `if (window.__HMR_WS__ && window.__REACT_ROOT__ && !window.__HMR_ROOT_ACCEPT__) {`,
-        `	window.__HMR_ROOT_ACCEPT__ = true;`,
-        `	const origOnMessage = window.__HMR_WS__.onmessage;`,
-        `	window.__HMR_WS__.onmessage = function(event) {`,
-        `		if (origOnMessage) origOnMessage.call(this, event);`,
-        `		try {`,
-        `			const msg = JSON.parse(event.data);`,
-        `			if (msg.type === 'react-update') {`,
-        `				const url = "/@src/${relative(process.cwd(), resolve(reactPagesDirectory, componentName + ".tsx")).replace(/\\/g, "/")}";`,
-        `				const start = performance.now();`,
-        `				import(url + '?t=' + Date.now()).then(mod => {`,
-        `					const Comp = mod.${componentName} || mod.default;`,
-        `					if (Comp && window.__REACT_ROOT__) {`,
-        `						const props = window.__INITIAL_PROPS__ || {};`,
-        `						window.__REACT_ROOT__.render(`,
-        `							${isDev ? `createElement(ErrorBoundary, null, createElement(Comp, props))` : `createElement(Comp, props)`}`,
-        `						);`,
-        `						if (window.__HMR_WS__) {`,
-        `							const ms = Math.round(performance.now() - start);`,
-        `							const total = (msg.data.serverDuration || 0) + ms;`,
-        `							window.__HMR_WS__.send(JSON.stringify({ type: 'hmr-timing', duration: total }));`,
-        `						}`,
-        `					}`,
-        `				}).catch(() => {});`,
-        `			}`,
-        `		} catch {}`,
-        `	};`,
-        `}`
-      ] : []
+      `}`
     ].join(`
 `);
     const indexPath = join(reactIndexesDirectory, `${componentName}.tsx`);
@@ -901,7 +866,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 as relative2, resolve as resolve4 } from "path";
+import { dirname as dirname2, join as join4, relative, resolve as resolve4 } from "path";
 import { createHash } from "crypto";
 var CACHE_DIR, angularLinkerPlugin;
 var init_angularLinkerPlugin = __esm(() => {
@@ -944,7 +909,7 @@ var init_angularLinkerPlugin = __esm(() => {
               dirname: dirname2,
               exists: existsSync7,
               readFile: readFileSync3,
-              relative: relative2,
+              relative,
               resolve: resolve4
             },
             linkerJitMode: false,
@@ -985,11 +950,11 @@ var HASHED_FILE_PATTERN, cleanStaleOutputs = async (buildPath, currentOutputPath
   const currentPaths = new Set(currentOutputPaths.map((path) => resolve5(path)));
   const glob = new Glob4("**/*");
   const removals = [];
-  for (const relative3 of glob.scanSync({ cwd: buildPath })) {
-    const absolute = resolve5(buildPath, relative3);
+  for (const relative2 of glob.scanSync({ cwd: buildPath })) {
+    const absolute = resolve5(buildPath, relative2);
     if (currentPaths.has(absolute))
       continue;
-    if (!HASHED_FILE_PATTERN.test(relative3))
+    if (!HASHED_FILE_PATTERN.test(relative2))
       continue;
     removals.push(rm2(absolute, { force: true }));
   }
@@ -1143,12 +1108,12 @@ var init_startupBanner = __esm(() => {
 // src/utils/logger.ts
 var colors2, frameworkColors, formatPath = (filePath) => {
   const cwd = process.cwd();
-  let relative3 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
-  relative3 = relative3.replace(/\\/g, "/");
-  if (!relative3.startsWith("/")) {
-    relative3 = `/${relative3}`;
+  let relative2 = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
+  relative2 = relative2.replace(/\\/g, "/");
+  if (!relative2.startsWith("/")) {
+    relative2 = `/${relative2}`;
   }
-  return relative3;
+  return relative2;
 }, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
   const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
   const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
@@ -1207,11 +1172,11 @@ var init_logger = __esm(() => {
 });
 
 // src/utils/validateSafePath.ts
-import { resolve as resolve6, relative as relative3 } from "path";
+import { resolve as resolve6, relative as relative2 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
   const absoluteBase = resolve6(baseDirectory);
   const absoluteTarget = resolve6(baseDirectory, targetPath);
-  const relativePath = normalizePath(relative3(absoluteBase, absoluteTarget));
+  const relativePath = normalizePath(relative2(absoluteBase, absoluteTarget));
   if (relativePath.startsWith("../") || relativePath === "..") {
     throw new Error(`Unsafe path: ${targetPath}`);
   }
@@ -1233,7 +1198,7 @@ import {
   basename as basename2,
   extname as extname2,
   resolve as resolve7,
-  relative as relative4,
+  relative as relative3,
   sep
 } from "path";
 import { env } from "process";
@@ -1297,7 +1262,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(relative4(svelteRoot, src)).replace(/\\/g, "/");
+    const relDir = dirname3(relative3(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)));
@@ -1316,7 +1281,7 @@ var resolveDevClientDir2 = () => {
       }).js.code;
       let code = raw2.replace(/\.svelte(?:\.(?:ts|js))?(['"])/g, ".js$1");
       if (mode === "client" && isDev) {
-        const moduleKey = `/@src/${relative4(process.cwd(), src).replace(/\\/g, "/")}`;
+        const moduleKey = `/@src/${relative3(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; };`);
@@ -1351,10 +1316,10 @@ var resolveDevClientDir2 = () => {
   };
   const roots = await Promise.all(entryPoints.map(build));
   await Promise.all(roots.map(async ({ client }) => {
-    const relClientDir = dirname3(relative4(clientDir, client));
+    const relClientDir = dirname3(relative3(clientDir, client));
     const name = basename2(client, extname2(client));
     const indexPath = join6(indexDir, relClientDir, `${name}.js`);
-    const importRaw = relative4(dirname3(indexPath), client).split(sep).join("/");
+    const importRaw = relative3(dirname3(indexPath), client).split(sep).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev ? `window.__HMR_FRAMEWORK__ = "svelte";
 import "${hmrClientPath3}";
@@ -1394,7 +1359,7 @@ if (typeof window !== "undefined") {
   return {
     svelteClientPaths: roots.map(({ client }) => client),
     svelteIndexPaths: roots.map(({ client }) => {
-      const rel = dirname3(relative4(clientDir, client));
+      const rel = dirname3(relative3(clientDir, client));
       return join6(indexDir, rel, basename2(client));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
@@ -1419,7 +1384,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 relative5, resolve as resolve8 } from "path";
+import { basename as basename3, dirname as dirname4, join as join7, relative as relative4, resolve as resolve8 } from "path";
 var {file: file2, write: write2, Transpiler: Transpiler2 } = globalThis.Bun;
 var resolveDevClientDir3 = () => {
   const fromSource = resolve8(import.meta.dir, "../dev/client");
@@ -1464,7 +1429,7 @@ var resolveDevClientDir3 = () => {
     return "template-only";
   }
   return "full";
-}, 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) => {
+}, 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) => {
   if (filePath.endsWith(".vue"))
     return filePath.replace(/\.vue$/, ".js");
   if (filePath.endsWith(".ts"))
@@ -1491,7 +1456,7 @@ var resolveDevClientDir3 = () => {
   const cachedResult = cacheMap.get(sourceFilePath);
   if (cachedResult)
     return cachedResult;
-  const relativeFilePath = relative5(vueRootDir, sourceFilePath).replace(/\\/g, "/");
+  const relativeFilePath = relative4(vueRootDir, sourceFilePath).replace(/\\/g, "/");
   const relativeWithoutExtension = relativeFilePath.replace(/\.vue$/, "");
   const fileBaseName = basename3(sourceFilePath, ".vue");
   const componentId = toKebab(fileBaseName);
@@ -1620,7 +1585,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, relative5(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    const clientOutputFile = join7(clientOutputDir, relative4(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
     await mkdir2(dirname4(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
@@ -1628,7 +1593,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     ] : [];
     await write2(indexOutputFile, [
       ...vueHmrImports,
-      `import Comp from "${relative5(dirname4(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
+      `import Comp from "${relative4(dirname4(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
@@ -1728,7 +1693,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   await Promise.all(Array.from(allTsHelperPaths).map(async (tsPath) => {
     const sourceCode = await file2(tsPath).text();
     const transpiledCode = transpiler2.transformSync(sourceCode);
-    const relativeJsPath = relative5(vueRootDir, tsPath).replace(/\.ts$/, ".js");
+    const relativeJsPath = relative4(vueRootDir, tsPath).replace(/\.ts$/, ".js");
     const outClientPath = join7(clientOutputDir, relativeJsPath);
     const outServerPath = join7(serverOutputDir, relativeJsPath);
     await mkdir2(dirname4(outClientPath), { recursive: true });
@@ -10618,11 +10583,11 @@ ${lanes.join(`
         return toComponents;
       }
       const components = toComponents.slice(start);
-      const relative6 = [];
+      const relative5 = [];
       for (;start < fromComponents.length; start++) {
-        relative6.push("..");
+        relative5.push("..");
       }
-      return ["", ...relative6, ...components];
+      return ["", ...relative5, ...components];
     }
     function getRelativePathFromDirectory(fromDirectory, to, getCanonicalFileNameOrIgnoreCase) {
       Debug.assert(getRootLength(fromDirectory) > 0 === getRootLength(to) > 0, "Paths must either both be absolute or both be relative");
@@ -47918,9 +47883,9 @@ ${lanes.join(`
           if (!startsWithDirectory(target, realPathDirectory, getCanonicalFileName)) {
             return;
           }
-          const relative6 = getRelativePathFromDirectory(realPathDirectory, target, getCanonicalFileName);
+          const relative5 = getRelativePathFromDirectory(realPathDirectory, target, getCanonicalFileName);
           for (const symlinkDirectory of symlinkDirectories) {
-            const option = resolvePath(symlinkDirectory, relative6);
+            const option = resolvePath(symlinkDirectory, relative5);
             const result2 = cb(option, target === referenceRedirect);
             shouldFilterIgnoredPaths = true;
             if (result2)
@@ -170486,7 +170451,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 resolve9, relative as relative6 } from "path";
+import { join as join8, basename as basename4, sep as sep2, dirname as dirname5, resolve as resolve9, relative as relative5 } from "path";
 import { createHash as createHash2 } from "crypto";
 var import_typescript, computeConfigHash = () => {
   try {
@@ -170795,7 +170760,7 @@ export default ${componentClassName};
       await fs.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
     await fs.writeFile(rawServerFile, rewritten, "utf-8");
-    const relativePath = relative6(indexesDir, rawServerFile).replace(/\\/g, "/");
+    const relativePath = relative5(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
 import "${hmrRuntimePath}";
@@ -171174,7 +171139,7 @@ import {
   rmSync,
   writeFileSync as writeFileSync3
 } from "fs";
-import { basename as basename5, join as join13, relative as relative7, resolve as resolve10 } from "path";
+import { basename as basename5, join as join13, relative as relative6, resolve as resolve10 } 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) => {
@@ -171739,7 +171704,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 = relative7(process.cwd(), resolve10(reactPagesPath)).replace(/\\/g, "/");
+    const pagesRel = relative6(process.cwd(), resolve10(reactPagesPath)).replace(/\\/g, "/");
     for (const file3 of indexFiles) {
       let content = readFileSync5(join13(reactIndexesPath, file3), "utf-8");
       content = content.replace(/from\s*['"]\.\.\/pages\/([^'"]+)['"]/g, `from '/@src/${pagesRel}/$1'`);
@@ -202357,6 +202322,15 @@ var init_pageHandler = __esm(() => {
 });
 
 // src/dev/transformCache.ts
+var exports_transformCache = {};
+__export(exports_transformCache, {
+  setTransformed: () => setTransformed,
+  invalidateAll: () => invalidateAll,
+  invalidate: () => invalidate,
+  getTransformed: () => getTransformed,
+  getInvalidationVersion: () => getInvalidationVersion,
+  findNearestComponent: () => findNearestComponent
+});
 var globalStore, cache, importers, getTransformed = (filePath) => cache.get(filePath)?.content, setTransformed = (filePath, content, mtime, imports) => {
   const resolvedImports = imports ?? [];
   cache.set(filePath, { content, imports: resolvedImports, mtime });
@@ -202375,6 +202349,28 @@ var globalStore, cache, importers, getTransformed = (filePath) => cache.get(file
       cache.delete(parent);
     }
   }
+}, invalidateAll = () => {
+  cache.clear();
+  importers.clear();
+}, findNearestComponent = (filePath) => {
+  const visited = new Set;
+  const queue = [filePath];
+  while (queue.length > 0) {
+    const current = queue.shift();
+    if (visited.has(current))
+      continue;
+    visited.add(current);
+    const parents = importers.get(current);
+    if (!parents)
+      continue;
+    for (const parent of parents) {
+      if (parent.endsWith(".tsx") || parent.endsWith(".jsx")) {
+        return parent;
+      }
+      queue.push(parent);
+    }
+  }
+  return;
 };
 var init_transformCache = __esm(() => {
   globalStore = globalThis;
@@ -202397,7 +202393,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 resolve17, relative as relative8 } from "path";
+import { basename as basename7, dirname as dirname7, extname as extname3, resolve as resolve17, relative as relative7 } 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 = [];
@@ -202460,7 +202456,7 @@ ${stubs}
   const fileDir = dirname7(filePath);
   result = result.replace(/(from\s*["'])(\.\.?\/[^"']+)(["'])/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve17(fileDir, relPath);
-    const rel = relative8(projectRoot, absPath);
+    const rel = relative7(projectRoot, absPath);
     let srcPath = rel;
     if (!extname3(srcPath)) {
       const extensions = [
@@ -202481,19 +202477,19 @@ ${stubs}
     }
     if (extname3(srcPath) === ".svelte") {
       const resolved = resolveSvelteModulePath(resolve17(projectRoot, srcPath));
-      const resolvedRel = relative8(projectRoot, resolved);
+      const resolvedRel = relative7(projectRoot, resolved);
       srcPath = resolvedRel;
     }
     return `${prefix}${srcUrl(srcPath, projectRoot)}${suffix}`;
   });
   result = result.replace(/(import\s*\(\s*["'])(\.\.?\/[^"']+)(["']\s*\))/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve17(fileDir, relPath);
-    const rel = relative8(projectRoot, absPath);
+    const rel = relative7(projectRoot, absPath);
     return `${prefix}${srcUrl(rel, projectRoot)}${suffix}`;
   });
   result = result.replace(/(import\s*["'])(\.\.?\/[^"']+)(["']\s*;?)/g, (_match, prefix, relPath, suffix) => {
     const absPath = resolve17(fileDir, relPath);
-    const rel = relative8(projectRoot, absPath);
+    const rel = relative7(projectRoot, absPath);
     let srcPath = rel;
     if (!extname3(srcPath)) {
       const extensions = [
@@ -202517,10 +202513,10 @@ ${stubs}
   });
   result = result.replace(/((?:from|import)\s*["'])(\/[^"']+\.(tsx?|jsx?|ts))(["'])/g, (_match, prefix, absPath, _ext, suffix) => {
     if (absPath.startsWith(projectRoot)) {
-      const rel2 = relative8(projectRoot, absPath).replace(/\\/g, "/");
+      const rel2 = relative7(projectRoot, absPath).replace(/\\/g, "/");
       return `${prefix}${srcUrl(rel2, projectRoot)}${suffix}`;
     }
-    const rel = relative8(projectRoot, absPath).replace(/\\/g, "/");
+    const rel = relative7(projectRoot, absPath).replace(/\\/g, "/");
     if (!rel.startsWith("..")) {
       return `${prefix}${srcUrl(rel, projectRoot)}${suffix}`;
     }
@@ -202562,7 +202558,7 @@ ${stubs}
   transpiled = `var $RefreshReg$ = window.$RefreshReg$ || function(){};
 ` + `var $RefreshSig$ = window.$RefreshSig$ || function(){ return function(t){ return t; }; };
 ` + transpiled;
-  const relPath = relative8(projectRoot, filePath).replace(/\\/g, "/");
+  const relPath = relative7(projectRoot, filePath).replace(/\\/g, "/");
   transpiled = transpiled.replace(/\binput\.tsx:/g, `${relPath}:`);
   return rewriteImports2(transpiled, filePath, projectRoot, rewriter);
 }, transformPlainFile = (filePath, projectRoot, rewriter) => {
@@ -202629,11 +202625,11 @@ ${stubs}
     if (compiled.css?.code) {
       const cssPath = `${filePath}.css`;
       svelteExternalCss.set(cssPath, compiled.css.code);
-      const cssUrl = srcUrl(relative8(projectRoot, cssPath), projectRoot);
+      const cssUrl = srcUrl(relative7(projectRoot, cssPath), projectRoot);
       code = `import "${cssUrl}";
 ${code}`;
     }
-    const moduleUrl = `${SRC_PREFIX}${relative8(projectRoot, filePath).replace(/\\/g, "/")}`;
+    const moduleUrl = `${SRC_PREFIX}${relative7(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; };`);
@@ -202697,7 +202693,7 @@ ${code}`;
   }
   code = tsTranspiler2.transformSync(code);
   const hmrBase = vueDir ? resolve17(vueDir) : projectRoot;
-  const hmrId = relative8(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
+  const hmrId = relative7(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
   code = code.replace(/export\s+default\s+/, "var __hmr_comp__ = ");
   code += [
     "",
@@ -203060,7 +203056,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 relative9, resolve as resolve20 } from "path";
+import { basename as basename8, relative as relative8, resolve as resolve20 } from "path";
 var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
@@ -203494,7 +203490,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 = relative9(process.cwd(), pageFile).replace(/\\/g, "/");
+  const rel = relative8(process.cwd(), pageFile).replace(/\\/g, "/");
   const url = `${SRC_URL_PREFIX2}${rel}`;
   warmCache2(url);
   return url;
@@ -203520,10 +203516,18 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     for (const file3 of reactFiles) {
       invalidateModule2(file3);
     }
-    const pageModuleUrl = await getReactModuleUrl(primaryFile);
+    const isComponentFile = primaryFile.endsWith(".tsx") || primaryFile.endsWith(".jsx");
+    let broadcastTarget = primaryFile;
+    if (!isComponentFile) {
+      const { findNearestComponent: findNearestComponent2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
+      const nearest = findNearestComponent2(resolve20(primaryFile));
+      if (nearest)
+        broadcastTarget = nearest;
+    }
+    const pageModuleUrl = await getReactModuleUrl(broadcastTarget);
     if (pageModuleUrl) {
       const serverDuration = Date.now() - startTime;
-      state.lastHmrPath = relative9(process.cwd(), primaryFile).replace(/\\/g, "/");
+      state.lastHmrPath = relative8(process.cwd(), primaryFile).replace(/\\/g, "/");
       state.lastHmrFramework = "react";
       broadcastToClients(state, {
         data: {
@@ -203909,7 +203913,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const baseName = fileName.replace(/\.vue$/, "");
   const pascalName = toPascal(baseName);
   const vueRoot = config.vueDirectory;
-  const hmrId = vueRoot ? relative9(vueRoot, vuePagePath).replace(/\\/g, "/").replace(/\.vue$/, "") : baseName;
+  const hmrId = vueRoot ? relative8(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));
@@ -204903,5 +204907,5 @@ export {
   build
 };
 
-//# debugId=CC8984512E0AEA7A64756E2164756E21
+//# debugId=C820298FC4C29C7664756E2164756E21
 //# sourceMappingURL=build.js.map