@absolutejs/absolute 0.19.0-beta.847 → 0.19.0-beta.848

package/dist/build.js

@@ -3009,12 +3009,42 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
       code: await compileStyleSource(path, content, language, config)
     };
   }
-}), compileStyleFileIfNeeded = async (filePath, config) => {
+}), CSS_IMPORT_PATTERN, resolveCssImportsAsync = async (content, baseDir, visited) => {
+  const matches = Array.from(content.matchAll(CSS_IMPORT_PATTERN));
+  if (matches.length === 0)
+    return content;
+  let cursor = 0;
+  const parts = [];
+  for (const match of matches) {
+    const importPath = match[1];
+    if (importPath === undefined)
+      continue;
+    const start = match.index ?? 0;
+    const end = start + match[0].length;
+    parts.push(content.slice(cursor, start));
+    const fullPath = isAbsolute(importPath) ? importPath : resolve5(baseDir, importPath);
+    if (visited.has(fullPath) || !existsSync4(fullPath)) {
+      parts.push(visited.has(fullPath) ? "" : match[0]);
+      cursor = end;
+      continue;
+    }
+    const nextVisited = new Set(visited);
+    nextVisited.add(fullPath);
+    const imported = await readFile(fullPath, "utf-8");
+    parts.push(await resolveCssImportsAsync(imported, dirname2(fullPath), nextVisited));
+    cursor = end;
+  }
+  parts.push(content.slice(cursor));
+  return parts.join("");
+}, compileStyleFileIfNeeded = async (filePath, config) => {
   if (!isPreprocessableStylePath(filePath)) {
-    return runPostcss(await readFile(filePath, "utf-8"), filePath, config);
+    const raw = await readFile(filePath, "utf-8");
+    const processed = await runPostcss(raw, filePath, config);
+    return resolveCssImportsAsync(processed, dirname2(filePath), new Set([filePath]));
   }
-  return compileStyleSource(filePath, undefined, undefined, config);
-}, CSS_IMPORT_PATTERN, resolveCssImportsSync = (content, baseDir, visited) => {
+  const compiled = await compileStyleSource(filePath, undefined, undefined, config);
+  return resolveCssImportsAsync(compiled, dirname2(filePath), new Set([filePath]));
+}, resolveCssImportsSync = (content, baseDir, visited) => {
   return content.replace(CSS_IMPORT_PATTERN, (match, importPath) => {
     const fullPath = isAbsolute(importPath) ? importPath : resolve5(baseDir, importPath);
     if (visited.has(fullPath))
@@ -9544,35 +9574,42 @@ var init_cleanStaleOutputs = __esm(() => {
   HASHED_FILE_PATTERN = /\.[a-f0-9]{8,}\.\w+$/;
 });
 
+// src/utils/generatedDir.ts
+var exports_generatedDir = {};
+__export(exports_generatedDir, {
+  getGeneratedRoot: () => getGeneratedRoot,
+  getFrameworkGeneratedDir: () => getFrameworkGeneratedDir
+});
+import { join as join12 } from "path";
+var GENERATED_DIR_NAME = "generated", ABSOLUTE_CACHE_DIR_NAME = ".absolutejs", getGeneratedRoot = (projectRoot = process.cwd()) => join12(projectRoot, ABSOLUTE_CACHE_DIR_NAME, GENERATED_DIR_NAME), getFrameworkGeneratedDir = (framework, projectRoot = process.cwd()) => join12(getGeneratedRoot(projectRoot), framework);
+var init_generatedDir = () => {};
+
 // src/utils/cleanup.ts
 import { rm as rm3 } from "fs/promises";
-import { join as join12 } from "path";
-var cleanup = async ({
+import { join as join13 } from "path";
+var removeIfExists = (path) => rm3(path, { force: true, recursive: true }), cleanFramework = (framework, frameworkDir) => {
+  const tasks = [
+    removeIfExists(getFrameworkGeneratedDir(framework))
+  ];
+  if (frameworkDir)
+    tasks.push(removeIfExists(join13(frameworkDir, "generated")));
+  return Promise.all(tasks);
+}, cleanup = async ({
   angularDir,
   reactDir,
   svelteDir,
   vueDir
 }) => {
   await Promise.all([
-    angularDir ? rm3(join12(angularDir, "generated"), {
-      force: true,
-      recursive: true
-    }) : undefined,
-    reactDir ? rm3(join12(reactDir, "generated"), {
-      force: true,
-      recursive: true
-    }) : undefined,
-    svelteDir ? rm3(join12(svelteDir, "generated"), {
-      force: true,
-      recursive: true
-    }) : undefined,
-    vueDir ? rm3(join12(vueDir, "generated"), {
-      force: true,
-      recursive: true
-    }) : undefined
+    cleanFramework("angular", angularDir),
+    cleanFramework("react", reactDir),
+    cleanFramework("svelte", svelteDir),
+    cleanFramework("vue", vueDir)
   ]);
 };
-var init_cleanup = () => {};
+var init_cleanup = __esm(() => {
+  init_generatedDir();
+});
 
 // src/utils/commonAncestor.ts
 var exports_commonAncestor = {};
@@ -9593,7 +9630,7 @@ var init_commonAncestor = () => {};
 
 // src/utils/buildDirectoryLock.ts
 import { mkdirSync as mkdirSync6, unlinkSync, writeFileSync as writeFileSync6, readFileSync as readFileSync10 } from "fs";
-import { dirname as dirname8, join as join13 } from "path";
+import { dirname as dirname8, join as join14 } from "path";
 var heldLocks, HELD_LOCKS_ENV = "ABSOLUTE_HELD_BUILD_DIRECTORY_LOCKS", exitHandlersRegistered = false, registerExitHandlersOnce = () => {
   if (exitHandlersRegistered)
     return;
@@ -9619,7 +9656,7 @@ var heldLocks, HELD_LOCKS_ENV = "ABSOLUTE_HELD_BUILD_DIRECTORY_LOCKS", exitHandl
     releaseAllSync();
     throw err;
   });
-}, isAlreadyExistsError = (error) => error instanceof Error && ("code" in error) && error.code === "EEXIST", lockPathForBuildDirectory = (buildDirectory) => join13(dirname8(buildDirectory), ".absolutejs", "build.lock"), readHeldLockEnv = () => new Set((process.env[HELD_LOCKS_ENV] ?? "").split(`
+}, isAlreadyExistsError = (error) => error instanceof Error && ("code" in error) && error.code === "EEXIST", lockPathForBuildDirectory = (buildDirectory) => join14(dirname8(buildDirectory), ".absolutejs", "build.lock"), readHeldLockEnv = () => new Set((process.env[HELD_LOCKS_ENV] ?? "").split(`
 `).filter((entry) => entry.length > 0)), writeHeldLockEnv = (locks) => {
   if (locks.size === 0) {
     delete process.env[HELD_LOCKS_ENV];
@@ -9911,7 +9948,7 @@ import { existsSync as existsSync14 } from "fs";
 import { mkdir as mkdir3, stat as stat2 } from "fs/promises";
 import {
   dirname as dirname9,
-  join as join14,
+  join as join15,
   basename as basename4,
   extname as extname5,
   resolve as resolve14,
@@ -9970,14 +10007,14 @@ var resolveDevClientDir2 = () => {
     `${basePath}.svelte`,
     `${basePath}.svelte.ts`,
     `${basePath}.svelte.js`,
-    join14(basePath, "index.ts"),
-    join14(basePath, "index.js"),
-    join14(basePath, "index.mjs"),
-    join14(basePath, "index.cjs"),
-    join14(basePath, "index.json"),
-    join14(basePath, "index.svelte"),
-    join14(basePath, "index.svelte.ts"),
-    join14(basePath, "index.svelte.js")
+    join15(basePath, "index.ts"),
+    join15(basePath, "index.js"),
+    join15(basePath, "index.mjs"),
+    join15(basePath, "index.cjs"),
+    join15(basePath, "index.json"),
+    join15(basePath, "index.svelte"),
+    join15(basePath, "index.svelte.ts"),
+    join15(basePath, "index.svelte.js")
   ];
   const checks = await Promise.all(candidates.map(exists));
   return candidates.find((_2, index) => checks[index]) ?? null;
@@ -10015,10 +10052,10 @@ var resolveDevClientDir2 = () => {
   });
 }, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev = false, stylePreprocessors) => {
   const { compile, compileModule, preprocess } = await import("svelte/compiler");
-  const generatedDir = join14(svelteRoot, "generated");
-  const clientDir = join14(generatedDir, "client");
-  const indexDir = join14(generatedDir, "indexes");
-  const serverDir = join14(generatedDir, "server");
+  const generatedDir = getFrameworkGeneratedDir("svelte");
+  const clientDir = join15(generatedDir, "client");
+  const indexDir = join15(generatedDir, "indexes");
+  const serverDir = join15(generatedDir, "server");
   await Promise.all([clientDir, indexDir, serverDir].map((dir) => mkdir3(dir, { recursive: true })));
   const dev = env.NODE_ENV !== "production";
   const build = async (src) => {
@@ -10056,8 +10093,8 @@ var resolveDevClientDir2 = () => {
     const childBuilt = await Promise.all(childSources.map((child) => build(child)));
     const hasAwaitSlotFromChildren = childBuilt.some((child) => child.hasAwaitSlot);
     const externalRewrites = new Map;
-    const ssrOutputDir = dirname9(join14(serverDir, relDir, `${baseName}.js`));
-    const clientOutputDir = dirname9(join14(clientDir, relDir, `${baseName}.js`));
+    const ssrOutputDir = dirname9(join15(serverDir, relDir, `${baseName}.js`));
+    const clientOutputDir = dirname9(join15(clientDir, relDir, `${baseName}.js`));
     for (let idx = 0;idx < importPaths.length; idx++) {
       const rawSpec = importPaths[idx];
       if (!rawSpec)
@@ -10122,8 +10159,8 @@ var resolveDevClientDir2 = () => {
       code += islandMetadataExports;
       return code;
     };
-    const ssrPath = join14(serverDir, relDir, `${baseName}.js`);
-    const clientPath = join14(clientDir, relDir, `${baseName}.js`);
+    const ssrPath = join15(serverDir, relDir, `${baseName}.js`);
+    const clientPath = join15(clientDir, relDir, `${baseName}.js`);
     await Promise.all([
       mkdir3(dirname9(ssrPath), { recursive: true }),
       mkdir3(dirname9(clientPath), { recursive: true })
@@ -10155,7 +10192,7 @@ var resolveDevClientDir2 = () => {
   await Promise.all(roots.map(async ({ client, hasAwaitSlot }) => {
     const relClientDir = dirname9(relative7(clientDir, client));
     const name = basename4(client, extname5(client));
-    const indexPath = join14(indexDir, relClientDir, `${name}.js`);
+    const indexPath = join15(indexDir, relClientDir, `${name}.js`);
     const importRaw = relative7(dirname9(indexPath), client).split(sep2).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev ? `window.__HMR_FRAMEWORK__ = "svelte";
@@ -10234,7 +10271,7 @@ if (typeof window !== "undefined") {
     svelteClientPaths: roots.map(({ client }) => client),
     svelteIndexPaths: roots.map(({ client }) => {
       const rel = dirname9(relative7(clientDir, client));
-      return join14(indexDir, rel, basename4(client));
+      return join15(indexDir, rel, basename4(client));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
   };
@@ -10242,13 +10279,14 @@ if (typeof window !== "undefined") {
 var init_compileSvelte = __esm(() => {
   init_constants();
   init_resolvePackageImport();
+  init_generatedDir();
   init_sourceMetadata();
   init_stylePreprocessor();
   init_lowerIslandSyntax();
   init_lowerAwaitSlotSyntax();
   init_renderToReadableStream();
   devClientDir2 = resolveDevClientDir2();
-  hmrClientPath3 = join14(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath3 = join15(devClientDir2, "hmrClient.ts").replace(/\\/g, "/");
   persistentCache = new Map;
   sourceHashCache = new Map;
   transpiler2 = new Transpiler({ loader: "ts", target: "browser" });
@@ -10320,7 +10358,7 @@ import {
   basename as basename5,
   dirname as dirname10,
   isAbsolute as isAbsolute3,
-  join as join15,
+  join as join16,
   relative as relative8,
   resolve as resolve15
 } from "path";
@@ -10495,7 +10533,7 @@ var resolveDevClientDir3 = () => {
   ];
   let cssOutputPaths = [];
   if (isEntryPoint && allCss.length) {
-    const cssOutputFile = join15(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
+    const cssOutputFile = join16(outputDirs.css, `${toKebab(fileBaseName)}-compiled.css`);
     await mkdir4(dirname10(cssOutputFile), { recursive: true });
     await write2(cssOutputFile, allCss.join(`
 `));
@@ -10526,8 +10564,8 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   };
   const clientCode = assembleModule(generateRenderFunction(false), "render", true) + islandMetadataExports;
   const serverCode = assembleModule(generateRenderFunction(true), "ssrRender", false) + islandMetadataExports;
-  const clientOutputPath = join15(outputDirs.client, `${relativeWithoutExtension}.js`);
-  const serverOutputPath = join15(outputDirs.server, `${relativeWithoutExtension}.js`);
+  const clientOutputPath = join16(outputDirs.client, `${relativeWithoutExtension}.js`);
+  const serverOutputPath = join16(outputDirs.server, `${relativeWithoutExtension}.js`);
   const relDir = dirname10(relativeFilePath);
   const relDepth = relDir === "." ? 0 : relDir.split("/").length;
   const adjustImports = (code) => code.replace(/(from\s+['"])(\.\.\/(?:\.\.\/)*)/g, (_2, prefix, dots) => {
@@ -10567,11 +10605,11 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   return result;
 }, compileVue = async (entryPoints, vueRootDir, isDev = false, stylePreprocessors) => {
   const compiler = await import("@vue/compiler-sfc");
-  const generatedDir = join15(vueRootDir, "generated");
-  const clientOutputDir = join15(generatedDir, "client");
-  const indexOutputDir = join15(generatedDir, "indexes");
-  const serverOutputDir = join15(generatedDir, "server");
-  const cssOutputDir = join15(generatedDir, "compiled");
+  const generatedDir = getFrameworkGeneratedDir("vue");
+  const clientOutputDir = join16(generatedDir, "client");
+  const indexOutputDir = join16(generatedDir, "indexes");
+  const serverOutputDir = join16(generatedDir, "server");
+  const cssOutputDir = join16(generatedDir, "compiled");
   await Promise.all([
     mkdir4(clientOutputDir, { recursive: true }),
     mkdir4(indexOutputDir, { recursive: true }),
@@ -10588,8 +10626,8 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     }, buildCache, true, vueRootDir, compiler, stylePreprocessors);
     result.tsHelperPaths.forEach((path) => allTsHelperPaths.add(path));
     const entryBaseName = basename5(entryPath, ".vue");
-    const indexOutputFile = join15(indexOutputDir, `${entryBaseName}.js`);
-    const clientOutputFile = join15(clientOutputDir, relative8(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    const indexOutputFile = join16(indexOutputDir, `${entryBaseName}.js`);
+    const clientOutputFile = join16(clientOutputDir, relative8(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
     await mkdir4(dirname10(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
@@ -10742,8 +10780,8 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     const sourceCode = await file2(tsPath).text();
     const transpiledCode = transpiler3.transformSync(sourceCode);
     const relativeJsPath = relative8(vueRootDir, tsPath).replace(/\.ts$/, ".js");
-    const outClientPath = join15(clientOutputDir, relativeJsPath);
-    const outServerPath = join15(serverOutputDir, relativeJsPath);
+    const outClientPath = join16(clientOutputDir, relativeJsPath);
+    const outServerPath = join16(serverOutputDir, relativeJsPath);
     await mkdir4(dirname10(outClientPath), { recursive: true });
     await mkdir4(dirname10(outServerPath), { recursive: true });
     await write2(outClientPath, transpiledCode);
@@ -10759,12 +10797,13 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
 };
 var init_compileVue = __esm(() => {
   init_constants();
+  init_generatedDir();
   init_resolvePackageImport();
   init_sourceMetadata();
   init_vueAutoRouterTransform();
   init_stylePreprocessor();
   devClientDir3 = resolveDevClientDir3();
-  hmrClientPath4 = join15(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
+  hmrClientPath4 = join16(devClientDir3, "hmrClient.ts").replace(/\\/g, "/");
   transpiler3 = new Transpiler2({ loader: "ts", target: "browser" });
   scriptCache = new Map;
   scriptSetupCache = new Map;
@@ -11245,7 +11284,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync16, readFileSync as readFileSync11, promises as fs } from "fs";
-import { join as join16, basename as basename6, sep as sep3, dirname as dirname11, resolve as resolve16, relative as relative9 } from "path";
+import { join as join17, basename as basename6, sep as sep3, dirname as dirname11, resolve as resolve16, relative as relative9 } from "path";
 import ts2 from "typescript";
 var traceAngularPhase = async (name, fn2, metadata) => {
   const tracePhase = globalThis.__absoluteBuildTracePhase;
@@ -11287,10 +11326,10 @@ var traceAngularPhase = async (name, fn2, metadata) => {
     `${candidate}.tsx`,
     `${candidate}.js`,
     `${candidate}.jsx`,
-    join16(candidate, "index.ts"),
-    join16(candidate, "index.tsx"),
-    join16(candidate, "index.js"),
-    join16(candidate, "index.jsx")
+    join17(candidate, "index.ts"),
+    join17(candidate, "index.tsx"),
+    join17(candidate, "index.js"),
+    join17(candidate, "index.jsx")
   ];
   return candidates.find((file3) => existsSync16(file3));
 }, createLegacyAngularAnimationUsageResolver = (rootDir) => {
@@ -11479,10 +11518,10 @@ ${registrations}
     `${basePath}.tsx`,
     `${basePath}.mts`,
     `${basePath}.cts`,
-    join16(basePath, "index.ts"),
-    join16(basePath, "index.tsx"),
-    join16(basePath, "index.mts"),
-    join16(basePath, "index.cts")
+    join17(basePath, "index.ts"),
+    join17(basePath, "index.tsx"),
+    join17(basePath, "index.mts"),
+    join17(basePath, "index.cts")
   ];
   return candidates.map((candidate) => resolve16(candidate)).find((candidate) => existsSync16(candidate) && !candidate.endsWith(".d.ts")) ?? null;
 }, readFileForAotTransform = async (fileName, readFile5) => {
@@ -11508,15 +11547,15 @@ ${registrations}
   const paths = [];
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1])
-    paths.push(join16(fileDir, templateUrlMatch[1]));
+    paths.push(join17(fileDir, templateUrlMatch[1]));
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (styleUrlMatch?.[1])
-    paths.push(join16(fileDir, styleUrlMatch[1]));
+    paths.push(join17(fileDir, styleUrlMatch[1]));
   const styleUrlsMatch = findUncommentedMatch(source, /styleUrls\s*:\s*\[([^\]]+)\]/);
   const urlMatches = styleUrlsMatch?.[1]?.match(/['"]([^'"]+)['"]/g);
   if (urlMatches) {
     for (const urlMatch of urlMatches) {
-      paths.push(join16(fileDir, urlMatch.replace(/['"]/g, "")));
+      paths.push(join17(fileDir, urlMatch.replace(/['"]/g, "")));
     }
   }
   return paths.map((path) => resolve16(path));
@@ -11550,7 +11589,7 @@ ${registrations}
     safeStableStringify(stylePreprocessors ?? null)
   ].join("\x00");
   const cacheKey2 = Bun.hash(cacheInput).toString(BASE_36_RADIX);
-  return join16(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
+  return join17(process.cwd(), ".absolutejs", "cache", "angular-resources", `${cacheKey2}.json`);
 }, precomputeAotResourceTransforms = async (inputPaths, readFile5, stylePreprocessors) => {
   const transformedSources = new Map;
   const visited = new Set;
@@ -11596,7 +11635,7 @@ ${registrations}
   return { stats, transformedSources };
 }, compileAngularFiles = async (inputPaths, outDir, stylePreprocessors) => {
   const islandMetadataByOutputPath = await traceAngularPhase("aot/island-metadata", () => new Map(inputPaths.map((inputPath) => {
-    const outputPath = resolve16(join16(outDir, relative9(process.cwd(), resolve16(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
+    const outputPath = resolve16(join17(outDir, relative9(process.cwd(), resolve16(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync11(inputPath, "utf-8"))
@@ -11643,7 +11682,7 @@ ${registrations}
   const originalGetSourceFile = host.getSourceFile;
   host.getSourceFile = (fileName, languageVersion, onError) => {
     if (fileName.startsWith("lib.") && fileName.endsWith(".d.ts") && tsLibDir) {
-      const resolvedPath = join16(tsLibDir, fileName);
+      const resolvedPath = join17(tsLibDir, fileName);
       return originalGetSourceFile?.call(host, resolvedPath, languageVersion, onError);
     }
     return originalGetSourceFile?.call(host, fileName, languageVersion, onError);
@@ -11698,7 +11737,7 @@ ${registrations}
   const entries = await traceAngularPhase("aot/postprocess-emitted-js", () => {
     const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
       content,
-      target: join16(outDir, fileName)
+      target: join17(outDir, fileName)
     }));
     const outputFiles = new Set(rawEntries.map(({ target }) => resolve16(target)));
     return rawEntries.map(({ content, target }) => {
@@ -11873,7 +11912,7 @@ ${fields}
 }, inlineTemplateAndLowerDefer = async (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join16(fileDir, templateUrlMatch[1]);
+    const templatePath = join17(fileDir, templateUrlMatch[1]);
     if (!existsSync16(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -11904,7 +11943,7 @@ ${fields}
 }, inlineTemplateAndLowerDeferSync = (source, fileDir) => {
   const templateUrlMatch = findUncommentedMatch(source, /templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
-    const templatePath = join16(fileDir, templateUrlMatch[1]);
+    const templatePath = join17(fileDir, templateUrlMatch[1]);
     if (!existsSync16(templatePath)) {
       throw new Error(`Unable to inline Angular templateUrl "${templateUrlMatch[1]}": file not found at ${templatePath}`);
     }
@@ -11941,7 +11980,7 @@ ${fields}
     return source;
   const stylePromises = urlMatches.map((urlMatch) => {
     const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFile(join16(fileDir, styleUrl), stylePreprocessors);
+    return readAndEscapeFile(join17(fileDir, styleUrl), stylePreprocessors);
   });
   const results = await Promise.all(stylePromises);
   const inlinedStyles = results.filter(Boolean).map((escaped) => `\`${escaped}\``);
@@ -11952,7 +11991,7 @@ ${fields}
   const styleUrlMatch = findUncommentedMatch(source, /styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (!styleUrlMatch?.[1])
     return source;
-  const escaped = await readAndEscapeFile(join16(fileDir, styleUrlMatch[1]), stylePreprocessors);
+  const escaped = await readAndEscapeFile(join17(fileDir, styleUrlMatch[1]), stylePreprocessors);
   if (!escaped)
     return source;
   return source.slice(0, styleUrlMatch.index) + `styles: [\`${escaped}\`]` + source.slice(styleUrlMatch.index + styleUrlMatch[0].length);
@@ -11987,10 +12026,10 @@ ${fields}
       `${candidate}.tsx`,
       `${candidate}.js`,
       `${candidate}.jsx`,
-      join16(candidate, "index.ts"),
-      join16(candidate, "index.tsx"),
-      join16(candidate, "index.js"),
-      join16(candidate, "index.jsx")
+      join17(candidate, "index.ts"),
+      join17(candidate, "index.tsx"),
+      join17(candidate, "index.js"),
+      join17(candidate, "index.jsx")
     ];
     return candidates.find((file3) => existsSync16(file3));
   };
@@ -12017,7 +12056,7 @@ ${fields}
     const inputDir = dirname11(sourcePath);
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
     const fileBase = basename6(sourcePath).replace(/\.[cm]?[tj]sx?$/, ".js");
-    return join16(outDir, relativeDir, fileBase);
+    return join17(outDir, relativeDir, fileBase);
   };
   const withCacheBuster = (specifier) => {
     if (!cacheBuster)
@@ -12075,7 +12114,7 @@ ${fields}
     const inputDir = dirname11(actualPath);
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
     const fileBase = basename6(actualPath).replace(/\.[cm]?[tj]sx?$/, ".js");
-    const targetDir = join16(outDir, relativeDir);
+    const targetDir = join17(outDir, relativeDir);
     const targetPath = toOutputPath(actualPath);
     const localImports = [];
     const importRewrites = new Map;
@@ -12129,13 +12168,13 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
   }
   return allOutputs;
 }, compileAngular = async (entryPoints, outRoot, hmr = false, stylePreprocessors) => {
-  const compiledParent = join16(outRoot, "generated");
+  const compiledParent = getFrameworkGeneratedDir("angular");
   if (entryPoints.length === 0) {
     const emptyPaths = [];
     return { clientPaths: [...emptyPaths], serverPaths: [...emptyPaths] };
   }
   const compiledRoot = compiledParent;
-  const indexesDir = join16(compiledParent, "indexes");
+  const indexesDir = join17(compiledParent, "indexes");
   await traceAngularPhase("setup/create-indexes-dir", () => fs.mkdir(indexesDir, { recursive: true }));
   const aotOutputs = hmr ? [] : await traceAngularPhase("aot/compile-files", () => compileAngularFiles(entryPoints.map((entry) => resolve16(entry)), compiledRoot, stylePreprocessors), { entries: entryPoints.length });
   const usesLegacyAngularAnimations = await traceAngularPhase("setup/legacy-animation-resolver", () => createLegacyAngularAnimationUsageResolver(outRoot));
@@ -12149,9 +12188,9 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     const fileBase = basename6(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
-      join16(compiledRoot, relativeEntry),
-      join16(compiledRoot, "pages", jsName),
-      join16(compiledRoot, jsName)
+      join17(compiledRoot, relativeEntry),
+      join17(compiledRoot, "pages", jsName),
+      join17(compiledRoot, jsName)
     ].map((file3) => resolve16(file3));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
@@ -12196,7 +12235,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
     const usesLegacyAnimations = await traceAngularPhase("wrapper/detect-legacy-animations", () => usesLegacyAngularAnimations(resolvedEntry), { entry: resolvedEntry });
     const serverContentHash = Bun.hash(original).toString(BASE_36_RADIX);
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
-    const clientFile = join16(indexesDir, jsName);
+    const clientFile = join17(indexesDir, jsName);
     if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync16(clientFile) && (usesLegacyAnimations || !original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__")) && (!usesLegacyAnimations || original.includes("__ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__"))) {
       return {
         clientPath: clientFile,
@@ -12431,9 +12470,10 @@ var init_compileAngular = __esm(() => {
   init_sourceMetadata();
   init_lowerDeferSyntax();
   init_stylePreprocessor();
+  init_generatedDir();
   devClientDir4 = resolveDevClientDir4();
-  hmrClientPath5 = join16(devClientDir4, "hmrClient.ts").replace(/\\/g, "/");
-  hmrRuntimePath = join16(devClientDir4, "handlers", "angularRuntime.ts").replace(/\\/g, "/");
+  hmrClientPath5 = join17(devClientDir4, "hmrClient.ts").replace(/\\/g, "/");
+  hmrRuntimePath = join17(devClientDir4, "handlers", "angularRuntime.ts").replace(/\\/g, "/");
   jitContentCache = new Map;
   wrapperOutputCache = new Map;
 });
@@ -12887,7 +12927,7 @@ __export(exports_compileEmber, {
 });
 import { existsSync as existsSync17 } from "fs";
 import { mkdir as mkdir5, rm as rm4 } from "fs/promises";
-import { basename as basename7, dirname as dirname12, extname as extname6, join as join17, resolve as resolve17 } from "path";
+import { basename as basename7, dirname as dirname12, extname as extname6, join as join18, resolve as resolve17 } from "path";
 var {build: bunBuild2, Transpiler: Transpiler3, write: write3, file: file3 } = globalThis.Bun;
 var cachedPreprocessor = null, getPreprocessor = async () => {
   if (cachedPreprocessor)
@@ -13006,7 +13046,7 @@ export const importSync = (specifier) => {
     build.onResolve({ filter: /^@(?:ember|glimmer|simple-dom)\// }, (args) => {
       if (standalonePackages.has(args.path))
         return;
-      const internal = join17(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join18(cwd, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync17(internal))
         return { path: internal };
       return;
@@ -13054,16 +13094,16 @@ export default PageComponent;
   }
   const transpiled = transpiler4.transformSync(preprocessed);
   const baseName = basename7(resolvedEntry).replace(/\.(gjs|gts|ts|js)$/, "");
-  const tmpDir = join17(compiledRoot, "_tmp");
-  const serverDir = join17(compiledRoot, "server");
-  const clientDir = join17(compiledRoot, "client");
+  const tmpDir = join18(compiledRoot, "_tmp");
+  const serverDir = join18(compiledRoot, "server");
+  const clientDir = join18(compiledRoot, "client");
   await Promise.all([
     mkdir5(tmpDir, { recursive: true }),
     mkdir5(serverDir, { recursive: true }),
     mkdir5(clientDir, { recursive: true })
   ]);
-  const tmpPagePath = resolve17(join17(tmpDir, `${baseName}.module.js`));
-  const tmpHarnessPath = resolve17(join17(tmpDir, `${baseName}.harness.js`));
+  const tmpPagePath = resolve17(join18(tmpDir, `${baseName}.module.js`));
+  const tmpHarnessPath = resolve17(join18(tmpDir, `${baseName}.harness.js`));
   await Promise.all([
     write3(tmpPagePath, transpiled),
     write3(tmpHarnessPath, generateServerHarness(tmpPagePath))
@@ -13071,7 +13111,7 @@ export default PageComponent;
   const stagedSourceMap = new Map([
     [tmpPagePath, resolvedEntry]
   ]);
-  const serverPath = join17(serverDir, `${baseName}.js`);
+  const serverPath = join18(serverDir, `${baseName}.js`);
   const buildResult = await bunBuild2({
     entrypoints: [tmpHarnessPath],
     format: "esm",
@@ -13088,7 +13128,7 @@ export default PageComponent;
     console.warn(`\u26A0\uFE0F Ember server build for ${baseName} had errors:`, buildResult.logs);
   }
   await rm4(tmpDir, { force: true, recursive: true });
-  const clientPath = join17(clientDir, `${baseName}.js`);
+  const clientPath = join18(clientDir, `${baseName}.js`);
   await write3(clientPath, transpiled);
   return { clientPath, serverPath };
 }, compileEmber = async (entries, emberDir, cwd = process.cwd(), _hmr = false) => {
@@ -13098,7 +13138,7 @@ export default PageComponent;
       serverPaths: []
     };
   }
-  const compiledRoot = join17(emberDir, "generated");
+  const compiledRoot = getFrameworkGeneratedDir("ember");
   const outputs = await Promise.all(entries.map((entry) => compileEmberFile(entry, compiledRoot, cwd)));
   return {
     clientPaths: outputs.map((o) => o.clientPath),
@@ -13116,8 +13156,9 @@ export default PageComponent;
     preprocessed = rewriteTemplateEvalToScope(result.code);
   }
   return transpiler4.transformSync(preprocessed);
-}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (emberDir) => join17(emberDir, "generated"), getEmberServerCompiledDir = (emberDir) => join17(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join17(getEmberCompiledRoot(emberDir), "client");
+}, clearEmberCompilerCache = () => {}, getEmberCompiledRoot = (_emberDir) => getFrameworkGeneratedDir("ember"), getEmberServerCompiledDir = (emberDir) => join18(getEmberCompiledRoot(emberDir), "server"), getEmberClientCompiledDir = (emberDir) => join18(getEmberCompiledRoot(emberDir), "client");
 var init_compileEmber = __esm(() => {
+  init_generatedDir();
   transpiler4 = new Transpiler3({
     loader: "ts",
     target: "browser",
@@ -13137,7 +13178,7 @@ __export(exports_buildReactVendor, {
   buildReactVendor: () => buildReactVendor
 });
 import { existsSync as existsSync18, mkdirSync as mkdirSync7 } from "fs";
-import { join as join18, resolve as resolve18 } from "path";
+import { join as join19, resolve as resolve18 } from "path";
 import { rm as rm5 } from "fs/promises";
 var {build: bunBuild3 } = globalThis.Bun;
 var resolveJsxDevRuntimeCompatPath = () => {
@@ -13191,14 +13232,14 @@ var resolveJsxDevRuntimeCompatPath = () => {
 `)}
 `;
 }, buildReactVendor = async (buildDir) => {
-  const vendorDir = join18(buildDir, "react", "vendor");
+  const vendorDir = join19(buildDir, "react", "vendor");
   mkdirSync7(vendorDir, { recursive: true });
-  const tmpDir = join18(buildDir, "_vendor_tmp");
+  const tmpDir = join19(buildDir, "_vendor_tmp");
   mkdirSync7(tmpDir, { recursive: true });
   const specifiers = resolveVendorSpecifiers();
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName(specifier);
-    const entryPath = join18(tmpDir, `${safeName}.ts`);
+    const entryPath = join19(tmpDir, `${safeName}.ts`);
     const source = await generateEntrySource(specifier);
     await Bun.write(entryPath, source);
     return entryPath;
@@ -13263,7 +13304,7 @@ __export(exports_buildAngularVendor, {
   buildAngularServerVendor: () => buildAngularServerVendor
 });
 import { mkdirSync as mkdirSync8 } from "fs";
-import { join as join19 } from "path";
+import { join as join20 } from "path";
 import { rm as rm6 } from "fs/promises";
 var {build: bunBuild4, Glob: Glob6 } = globalThis.Bun;
 var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => jitMode ? [...REQUIRED_ANGULAR_SPECIFIERS_BASE, "@angular/compiler"] : REQUIRED_ANGULAR_SPECIFIERS_BASE, SERVER_ONLY_ANGULAR_SPECIFIERS, BUILD_ONLY_ANGULAR_SPECIFIER_PREFIXES, isBuildOnlyAngularSpecifier = (spec) => BUILD_ONLY_ANGULAR_SPECIFIER_PREFIXES.some((prefix) => spec === prefix || spec.startsWith(`${prefix}/`)), SCAN_SKIP_DIRS, isResolvable2 = (specifier) => {
@@ -13360,14 +13401,14 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   await collectTransitiveAngularSpecs([...angular, ...transitiveRoots], angular);
   return Array.from(angular).filter(isResolvable2);
 }, buildAngularVendor = async (buildDir, directories = [], linkerJitMode = false, depVendorSpecifiers = []) => {
-  const vendorDir = join19(buildDir, "angular", "vendor");
+  const vendorDir = join20(buildDir, "angular", "vendor");
   mkdirSync8(vendorDir, { recursive: true });
-  const tmpDir = join19(buildDir, "_angular_vendor_tmp");
+  const tmpDir = join20(buildDir, "_angular_vendor_tmp");
   mkdirSync8(tmpDir, { recursive: true });
   const specifiers = await resolveAngularSpecifiers(directories, linkerJitMode);
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName2(specifier);
-    const entryPath = join19(tmpDir, `${safeName}.ts`);
+    const entryPath = join20(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -13398,9 +13439,9 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   const specifiers = await resolveAngularSpecifiers(directories, linkerJitMode);
   return computeAngularVendorPaths(specifiers);
 }, buildAngularServerVendor = async (buildDir, directories = [], linkerJitMode = false) => {
-  const vendorDir = join19(buildDir, "angular", "vendor", "server");
+  const vendorDir = join20(buildDir, "angular", "vendor", "server");
   mkdirSync8(vendorDir, { recursive: true });
-  const tmpDir = join19(buildDir, "_angular_server_vendor_tmp");
+  const tmpDir = join20(buildDir, "_angular_server_vendor_tmp");
   mkdirSync8(tmpDir, { recursive: true });
   const browserSpecs = await resolveAngularSpecifiers(directories, linkerJitMode);
   const allSpecs = new Set(browserSpecs);
@@ -13411,7 +13452,7 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   const specifiers = Array.from(allSpecs);
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName2(specifier);
-    const entryPath = join19(tmpDir, `${safeName}.ts`);
+    const entryPath = join20(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return entryPath;
   }));
@@ -13433,9 +13474,9 @@ var REQUIRED_ANGULAR_SPECIFIERS_BASE, requiredAngularSpecifiers = (jitMode) => j
   return specifiers;
 }, computeAngularServerVendorPaths = (buildDir, specifiers) => {
   const paths = {};
-  const vendorDir = join19(buildDir, "angular", "vendor", "server");
+  const vendorDir = join20(buildDir, "angular", "vendor", "server");
   for (const specifier of specifiers) {
-    paths[specifier] = join19(vendorDir, `${toSafeFileName2(specifier)}.js`);
+    paths[specifier] = join20(vendorDir, `${toSafeFileName2(specifier)}.js`);
   }
   return paths;
 }, computeAngularServerVendorPathsAsync = async (buildDir, directories = [], linkerJitMode = true) => {
@@ -13491,17 +13532,17 @@ __export(exports_buildVueVendor, {
   buildVueVendor: () => buildVueVendor
 });
 import { mkdirSync as mkdirSync9 } from "fs";
-import { join as join20 } from "path";
+import { join as join21 } from "path";
 import { rm as rm7 } from "fs/promises";
 var {build: bunBuild5 } = globalThis.Bun;
 var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"), buildVueVendor = async (buildDir) => {
-  const vendorDir = join20(buildDir, "vue", "vendor");
+  const vendorDir = join21(buildDir, "vue", "vendor");
   mkdirSync9(vendorDir, { recursive: true });
-  const tmpDir = join20(buildDir, "_vue_vendor_tmp");
+  const tmpDir = join21(buildDir, "_vue_vendor_tmp");
   mkdirSync9(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(vueSpecifiers.map(async (specifier) => {
     const safeName = toSafeFileName3(specifier);
-    const entryPath = join20(tmpDir, `${safeName}.ts`);
+    const entryPath = join21(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -13529,7 +13570,7 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
   const { readFileSync: readFileSync12, writeFileSync: writeFileSync7, readdirSync } = await import("fs");
   const files = readdirSync(vendorDir).filter((f2) => f2.endsWith(".js"));
   for (const file4 of files) {
-    const filePath = join20(vendorDir, file4);
+    const filePath = join21(vendorDir, file4);
     const content = readFileSync12(filePath, "utf-8");
     if (!content.includes("__VUE_HMR_RUNTIME__"))
       continue;
@@ -13556,7 +13597,7 @@ __export(exports_buildSvelteVendor, {
   buildSvelteVendor: () => buildSvelteVendor
 });
 import { mkdirSync as mkdirSync10 } from "fs";
-import { join as join21 } from "path";
+import { join as join22 } from "path";
 import { rm as rm8 } from "fs/promises";
 var {build: bunBuild6 } = globalThis.Bun;
 var svelteSpecifiers, isResolvable3 = (specifier) => {
@@ -13570,13 +13611,13 @@ var svelteSpecifiers, isResolvable3 = (specifier) => {
   const specifiers = resolveVendorSpecifiers2();
   if (specifiers.length === 0)
     return;
-  const vendorDir = join21(buildDir, "svelte", "vendor");
+  const vendorDir = join22(buildDir, "svelte", "vendor");
   mkdirSync10(vendorDir, { recursive: true });
-  const tmpDir = join21(buildDir, "_svelte_vendor_tmp");
+  const tmpDir = join22(buildDir, "_svelte_vendor_tmp");
   mkdirSync10(tmpDir, { recursive: true });
   const entrypoints = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName4(specifier);
-    const entryPath = join21(tmpDir, `${safeName}.ts`);
+    const entryPath = join22(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, `export * from '${specifier}';
 `);
     return entryPath;
@@ -13626,7 +13667,7 @@ __export(exports_rewriteImportsPlugin, {
   buildWithImportRewrite: () => buildWithImportRewrite
 });
 import { readdir as readdir3 } from "fs/promises";
-import { join as join22 } from "path";
+import { join as join23 } from "path";
 var escapeRegex2 = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), jsRewriteImports = (content, replacements) => {
   let result = content;
   for (const [specifier, webPath] of replacements) {
@@ -13755,7 +13796,7 @@ ${content}`;
       const entries = await readdir3(dir);
       for (const entry of entries) {
         if (entry.endsWith(".js"))
-          allFiles.push(join22(dir, entry));
+          allFiles.push(join23(dir, entry));
       }
     } catch {}
   }
@@ -13804,7 +13845,7 @@ import {
   statSync,
   writeFileSync as writeFileSync7
 } from "fs";
-import { basename as basename8, dirname as dirname13, extname as extname7, join as join23, relative as relative10, resolve as resolve19 } from "path";
+import { basename as basename8, dirname as dirname13, extname as extname7, join as join24, relative as relative10, resolve as resolve19 } from "path";
 import { cwd, env as env2, exit } from "process";
 var {build: bunBuild7, Glob: Glob7 } = globalThis.Bun;
 var isDev, isBuildTraceEnabled = () => {
@@ -13882,8 +13923,8 @@ var isDev, isBuildTraceEnabled = () => {
   mkdirSync11(htmxDestDir, { recursive: true });
   const glob = new Glob7("htmx*.min.js");
   for (const relPath of glob.scanSync({ cwd: htmxDir })) {
-    const src = join23(htmxDir, relPath);
-    const dest = join23(htmxDestDir, "htmx.min.js");
+    const src = join24(htmxDir, relPath);
+    const dest = join24(htmxDestDir, "htmx.min.js");
     copyFileSync(src, dest);
     return;
   }
@@ -13958,7 +13999,7 @@ var isDev, isBuildTraceEnabled = () => {
   vuePagesPath
 }) => {
   const { readdirSync: readDir } = await import("fs");
-  const devIndexDir = join23(buildPath, "_src_indexes");
+  const devIndexDir = join24(buildPath, "_src_indexes");
   mkdirSync11(devIndexDir, { recursive: true });
   if (reactIndexesPath && reactPagesPath) {
     copyReactDevIndexes(reactIndexesPath, reactPagesPath, devIndexDir, readDir);
@@ -13976,35 +14017,35 @@ var isDev, isBuildTraceEnabled = () => {
   const indexFiles = readDir(reactIndexesPath).filter((file4) => file4.endsWith(".tsx"));
   const pagesRel = relative10(process.cwd(), resolve19(reactPagesPath)).replace(/\\/g, "/");
   for (const file4 of indexFiles) {
-    let content = readFileSync12(join23(reactIndexesPath, file4), "utf-8");
+    let content = readFileSync12(join24(reactIndexesPath, file4), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
-    writeFileSync7(join23(devIndexDir, file4), content);
+    writeFileSync7(join24(devIndexDir, file4), content);
   }
 }, copySvelteDevIndexes = (svelteDir, sveltePagesPath, svelteEntries, devIndexDir) => {
-  const svelteIndexDir = join23(svelteDir, "generated", "indexes");
+  const svelteIndexDir = join24(getFrameworkGeneratedDir("svelte"), "indexes");
   const sveltePageEntries = svelteEntries.filter((file4) => resolve19(file4).startsWith(resolve19(sveltePagesPath)));
   for (const entry of sveltePageEntries) {
     const name = basename8(entry).replace(/\.svelte(\.(ts|js))?$/, "");
-    const indexFile = join23(svelteIndexDir, "pages", `${name}.js`);
+    const indexFile = join24(svelteIndexDir, "pages", `${name}.js`);
     if (!existsSync19(indexFile))
       continue;
     let content = readFileSync12(indexFile, "utf-8");
     const srcRel = relative10(process.cwd(), resolve19(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Component\s+from\s+['"]([^'"]+)['"]/, `import Component from "/@src/${srcRel}"`);
-    writeFileSync7(join23(devIndexDir, `${name}.svelte.js`), content);
+    writeFileSync7(join24(devIndexDir, `${name}.svelte.js`), content);
   }
 }, copyVueDevIndexes = (vueDir, vuePagesPath, vueEntries, devIndexDir) => {
-  const vueIndexDir = join23(vueDir, "generated", "indexes");
+  const vueIndexDir = join24(getFrameworkGeneratedDir("vue"), "indexes");
   const vuePageEntries = vueEntries.filter((file4) => resolve19(file4).startsWith(resolve19(vuePagesPath)));
   for (const entry of vuePageEntries) {
     const name = basename8(entry, ".vue");
-    const indexFile = join23(vueIndexDir, `${name}.js`);
+    const indexFile = join24(vueIndexDir, `${name}.js`);
     if (!existsSync19(indexFile))
       continue;
     let content = readFileSync12(indexFile, "utf-8");
     const srcRel = relative10(process.cwd(), resolve19(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Comp(?:\s*,\s*\*\s+as\s+\w+)?\s+from\s+['"]([^'"]+)['"]/, (match) => match.replace(/from\s+['"][^'"]+['"]/, `from "/@src/${srcRel}"`));
-    writeFileSync7(join23(devIndexDir, `${name}.vue.js`), content);
+    writeFileSync7(join24(devIndexDir, `${name}.vue.js`), content);
   }
 }, resolveVueRuntimeId = (content, firstUseName, outputPath, projectRoot) => {
   const varIdx = content.indexOf(`var ${firstUseName} =`);
@@ -14226,10 +14267,10 @@ ${content.slice(firstUseIdx)}`;
       restoreTracePhase();
       return;
     }
-    const traceDir = join23(buildPath2, ".absolute-trace");
+    const traceDir = join24(buildPath2, ".absolute-trace");
     const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
     mkdirSync11(traceDir, { recursive: true });
-    writeFileSync7(join23(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
+    writeFileSync7(join24(traceDir, `build-trace-${timestamp}.json`), JSON.stringify({
       events: traceEvents,
       frameworks: traceFrameworkNames,
       generatedAt: new Date().toISOString(),
@@ -14260,15 +14301,15 @@ ${content.slice(firstUseIdx)}`;
   const stylesPath = typeof stylesConfig === "string" ? stylesConfig : stylesConfig?.path;
   const stylesIgnore = typeof stylesConfig === "object" ? stylesConfig.ignore : undefined;
   const stylesDir = stylesPath && validateSafePath(stylesPath, projectRoot);
-  const reactIndexesPath = reactDir && join23(reactDir, "generated", "indexes");
-  const reactPagesPath = reactDir && join23(reactDir, "pages");
-  const htmlPagesPath = htmlDir && join23(htmlDir, "pages");
-  const htmlScriptsPath = htmlDir && join23(htmlDir, "scripts");
-  const sveltePagesPath = svelteDir && join23(svelteDir, "pages");
-  const vuePagesPath = vueDir && join23(vueDir, "pages");
-  const htmxPagesPath = htmxDir && join23(htmxDir, "pages");
-  const angularPagesPath = angularDir && join23(angularDir, "pages");
-  const emberPagesPath = emberDir && join23(emberDir, "pages");
+  const reactIndexesPath = reactDir && join24(getFrameworkGeneratedDir("react"), "indexes");
+  const reactPagesPath = reactDir && join24(reactDir, "pages");
+  const htmlPagesPath = htmlDir && join24(htmlDir, "pages");
+  const htmlScriptsPath = htmlDir && join24(htmlDir, "scripts");
+  const sveltePagesPath = svelteDir && join24(svelteDir, "pages");
+  const vuePagesPath = vueDir && join24(vueDir, "pages");
+  const htmxPagesPath = htmxDir && join24(htmxDir, "pages");
+  const angularPagesPath = angularDir && join24(angularDir, "pages");
+  const emberPagesPath = emberDir && join24(emberDir, "pages");
   const frontends = [
     reactDir,
     htmlDir,
@@ -14295,36 +14336,40 @@ ${content.slice(firstUseIdx)}`;
     mode: mode ?? (isDev ? "development" : "production"),
     tailwind: Boolean(tailwind)
   });
+  const generatedRoot = getGeneratedRoot(projectRoot);
   const sourceClientRoots = [
-    reactDir,
-    svelteDir,
     htmlDir,
-    vueDir,
-    angularDir,
+    htmxDir,
     islandBootstrapPath && dirname13(islandBootstrapPath)
   ].filter((dir) => Boolean(dir));
-  const clientRoot = isSingle ? sourceClientRoots[0] ?? projectRoot : commonAncestor(sourceClientRoots, projectRoot);
+  const usesGenerated = Boolean(reactDir) || Boolean(svelteDir) || Boolean(vueDir) || Boolean(angularDir);
+  if (usesGenerated)
+    sourceClientRoots.push(generatedRoot);
+  const clientRoot = sourceClientRoots.length === 1 ? sourceClientRoots[0] ?? projectRoot : commonAncestor(sourceClientRoots, projectRoot);
   const serverDirMap = [];
   if (svelteDir)
     serverDirMap.push({
-      dir: svelteDir,
-      subdir: join23("generated", "server")
+      dir: getFrameworkGeneratedDir("svelte", projectRoot),
+      subdir: "server"
     });
   if (vueDir)
     serverDirMap.push({
-      dir: vueDir,
-      subdir: join23("generated", "server")
+      dir: getFrameworkGeneratedDir("vue", projectRoot),
+      subdir: "server"
     });
   if (angularDir)
-    serverDirMap.push({ dir: angularDir, subdir: "generated" });
+    serverDirMap.push({
+      dir: getFrameworkGeneratedDir("angular", projectRoot),
+      subdir: ""
+    });
   let serverOutDir;
   let serverRoot;
   if (serverDirMap.length === 1) {
     const [firstEntry] = serverDirMap;
     if (!firstEntry)
       throw new Error("Expected at least one server directory entry");
-    serverRoot = join23(firstEntry.dir, firstEntry.subdir);
-    serverOutDir = join23(buildPath, basename8(firstEntry.dir));
+    serverRoot = join24(firstEntry.dir, firstEntry.subdir);
+    serverOutDir = join24(buildPath, basename8(firstEntry.dir));
   } else if (serverDirMap.length > 1) {
     serverRoot = commonAncestor(serverDirMap.map((entry) => entry.dir), projectRoot);
     serverOutDir = buildPath;
@@ -14352,7 +14397,7 @@ ${content.slice(firstUseIdx)}`;
     await tracePhase("react/index-generation", () => generateReactIndexFiles(reactPagesPath, reactIndexesPath, hmr));
   }
   if (assetsPath && (!isIncremental || normalizedIncrementalFiles?.some((f2) => f2.includes("/assets/")))) {
-    await tracePhase("assets/copy", () => cpSync(assetsPath, join23(buildPath, "assets"), {
+    await tracePhase("assets/copy", () => cpSync(assetsPath, join24(buildPath, "assets"), {
       force: true,
       recursive: true
     }));
@@ -14406,7 +14451,7 @@ ${content.slice(firstUseIdx)}`;
   const reactEntries = isIncremental && reactIndexesPath && reactPagesPath ? filterToIncrementalEntries(allReactEntries, (entry) => {
     if (entry.startsWith(resolve19(reactIndexesPath))) {
       const pageName = basename8(entry, ".tsx");
-      return join23(reactPagesPath, `${pageName}.tsx`);
+      return join24(reactPagesPath, `${pageName}.tsx`);
     }
     return null;
   }) : allReactEntries;
@@ -14510,7 +14555,7 @@ ${content.slice(firstUseIdx)}`;
     const compileReactConventions = async () => {
       if (reactConventionSources.length === 0)
         return emptyStringArray;
-      const destDir = join23(buildPath, "conventions", "react");
+      const destDir = join24(buildPath, "conventions", "react");
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync11(destDir, { recursive: true });
       const destPaths = [];
@@ -14554,7 +14599,7 @@ ${content.slice(firstUseIdx)}`;
       angularConventionSources.length > 0 && angularDir ? tracePhase("compile/convention-angular", () => Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularConventionSources, angularDir, hmr, styleTransformConfig))) : { serverPaths: emptyStringArray }
     ]);
     const bundleConventionFiles = async (framework, compiledPaths) => {
-      const destDir = join23(buildPath, "conventions", framework);
+      const destDir = join24(buildPath, "conventions", framework);
       rmSync2(destDir, { force: true, recursive: true });
       mkdirSync11(destDir, { recursive: true });
       const destPaths = [];
@@ -14627,7 +14672,7 @@ ${content.slice(firstUseIdx)}`;
     }
   })) : {
     entries: [],
-    generatedRoot: join23(buildPath, "_island_entries")
+    generatedRoot: join24(buildPath, "_island_entries")
   };
   const islandClientEntryPoints = islandEntryResult.entries.map((entry) => entry.entryPath);
   if (serverEntryPoints.length === 0 && reactClientEntryPoints.length === 0 && nonReactClientEntryPoints.length === 0 && islandClientEntryPoints.length === 0 && htmxDir === undefined && htmlDir === undefined) {
@@ -14663,7 +14708,7 @@ ${content.slice(firstUseIdx)}`;
     return {};
   }
   if (hmr && reactIndexesPath && reactClientEntryPoints.length > 0) {
-    const refreshEntry = join23(reactIndexesPath, "_refresh.tsx");
+    const refreshEntry = join24(reactIndexesPath, "_refresh.tsx");
     if (!reactClientEntryPoints.includes(refreshEntry))
       reactClientEntryPoints.push(refreshEntry);
   }
@@ -14762,19 +14807,19 @@ ${content.slice(firstUseIdx)}`;
     throw: false
   }, resolveBunBuildOverride(bunBuildConfig, "reactClient")) : undefined;
   if (reactDir && reactClientEntryPoints.length > 0) {
-    rmSync2(join23(buildPath, "react", "generated", "indexes"), {
+    rmSync2(join24(buildPath, "react", "generated", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (angularDir && angularClientPaths.length > 0) {
-    rmSync2(join23(buildPath, "angular", "indexes"), {
+    rmSync2(join24(buildPath, "angular", "indexes"), {
       force: true,
       recursive: true
     });
   }
   if (islandClientEntryPoints.length > 0) {
-    rmSync2(join23(buildPath, "islands"), {
+    rmSync2(join24(buildPath, "islands"), {
       force: true,
       recursive: true
     });
@@ -14843,7 +14888,7 @@ ${content.slice(firstUseIdx)}`;
     globalCssEntries.length > 0 ? tracePhase("bun/global-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: globalCssEntries,
       naming: `[dir]/[name].[hash].[ext]`,
-      outdir: stylesDir ? join23(buildPath, basename8(stylesDir)) : buildPath,
+      outdir: stylesDir ? join24(buildPath, basename8(stylesDir)) : buildPath,
       plugins: [stylePreprocessorPlugin2],
       root: stylesDir || clientRoot,
       target: "browser",
@@ -14852,7 +14897,7 @@ ${content.slice(firstUseIdx)}`;
     vueCssPaths.length > 0 ? tracePhase("bun/vue-css", () => bunBuild7(mergeBunBuildConfig({
       entrypoints: vueCssPaths,
       naming: `[name].[hash].[ext]`,
-      outdir: join23(buildPath, assetsPath ? basename8(assetsPath) : "assets", "css"),
+      outdir: join24(buildPath, assetsPath ? basename8(assetsPath) : "assets", "css"),
       target: "browser",
       throw: false
     }, resolveBunBuildOverride(bunBuildConfig, "vueCss")))) : undefined
@@ -15003,7 +15048,7 @@ ${content.slice(firstUseIdx)}`;
   const processHtmlPages = async () => {
     if (!(htmlDir && htmlPagesPath))
       return;
-    const outputHtmlPages = isSingle ? join23(buildPath, "pages") : join23(buildPath, basename8(htmlDir), "pages");
+    const outputHtmlPages = isSingle ? join24(buildPath, "pages") : join24(buildPath, basename8(htmlDir), "pages");
     mkdirSync11(outputHtmlPages, { recursive: true });
     cpSync(htmlPagesPath, outputHtmlPages, {
       force: true,
@@ -15025,14 +15070,14 @@ ${content.slice(firstUseIdx)}`;
   const processHtmxPages = async () => {
     if (!(htmxDir && htmxPagesPath))
       return;
-    const outputHtmxPages = isSingle ? join23(buildPath, "pages") : join23(buildPath, basename8(htmxDir), "pages");
+    const outputHtmxPages = isSingle ? join24(buildPath, "pages") : join24(buildPath, basename8(htmxDir), "pages");
     mkdirSync11(outputHtmxPages, { recursive: true });
     cpSync(htmxPagesPath, outputHtmxPages, {
       force: true,
       recursive: true
     });
     if (shouldCopyHtmx) {
-      const htmxDestDir = isSingle ? buildPath : join23(buildPath, basename8(htmxDir));
+      const htmxDestDir = isSingle ? buildPath : join24(buildPath, basename8(htmxDir));
       copyHtmxVendor(htmxDir, htmxDestDir);
     }
     if (shouldUpdateHtmxAssetPaths) {
@@ -15093,9 +15138,9 @@ ${content.slice(firstUseIdx)}`;
     writeBuildTrace(buildPath);
     return { conventions: conventionsMap, manifest };
   }
-  writeFileSync7(join23(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
+  writeFileSync7(join24(buildPath, "manifest.json"), JSON.stringify(manifest, null, "\t"));
   if (Object.keys(conventionsMap).length > 0) {
-    writeFileSync7(join23(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
+    writeFileSync7(join24(buildPath, "conventions.json"), JSON.stringify(conventionsMap, null, "\t"));
   }
   writeBuildTrace(buildPath);
   if (tailwind && mode === "production") {
@@ -15130,6 +15175,7 @@ var init_build = __esm(() => {
   init_cleanStaleOutputs();
   init_cleanup();
   init_commonAncestor();
+  init_generatedDir();
   init_buildDirectoryLock();
   init_logger();
   init_validateSafePath();
@@ -15193,7 +15239,7 @@ var init_build = __esm(() => {
 
 // src/build/buildEmberVendor.ts
 import { mkdirSync as mkdirSync12, existsSync as existsSync20 } from "fs";
-import { join as join24 } from "path";
+import { join as join25 } from "path";
 import { rm as rm9 } from "fs/promises";
 var {build: bunBuild8 } = globalThis.Bun;
 var toSafeFileName5 = (specifier) => specifier.replace(/^@/, "").replace(/\//g, "_"), generateMacrosShim = () => `// Generated shim for @embroider/macros \u2014 provides minimal runtime
@@ -15245,7 +15291,7 @@ export const importSync = (specifier) => {
   if (standaloneSpecifiers.has(specifier)) {
     return { resolveTo: specifier, specifier };
   }
-  const emberInternalPath = join24(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
+  const emberInternalPath = join25(cwd2, "node_modules/ember-source/dist/packages", specifier, "index.js");
   if (!existsSync20(emberInternalPath)) {
     throw new Error(`Ember vendor build: cannot find ${specifier} at ${emberInternalPath}. ` + `Is ember-source installed and at least 6.12?`);
   }
@@ -15277,7 +15323,7 @@ export const importSync = (specifier) => {
       if (standalonePackages.has(args.path)) {
         return;
       }
-      const internal = join24(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
+      const internal = join25(cwd2, "node_modules/ember-source/dist/packages", args.path, "index.js");
       if (existsSync20(internal)) {
         return { path: internal };
       }
@@ -15285,16 +15331,16 @@ export const importSync = (specifier) => {
     });
   }
 }), buildEmberVendor = async (buildDir, cwd2 = process.cwd()) => {
-  const vendorDir = join24(buildDir, "ember", "vendor");
+  const vendorDir = join25(buildDir, "ember", "vendor");
   mkdirSync12(vendorDir, { recursive: true });
-  const tmpDir = join24(buildDir, "_ember_vendor_tmp");
+  const tmpDir = join25(buildDir, "_ember_vendor_tmp");
   mkdirSync12(tmpDir, { recursive: true });
-  const macrosShimPath = join24(tmpDir, "embroider_macros_shim.js");
+  const macrosShimPath = join25(tmpDir, "embroider_macros_shim.js");
   await Bun.write(macrosShimPath, generateMacrosShim());
   const resolutions = REQUIRED_EMBER_SPECIFIERS.map((specifier) => resolveEmberSpecifier(specifier, cwd2));
   const entrypoints = await Promise.all(resolutions.map(async (resolution) => {
     const safeName = toSafeFileName5(resolution.specifier);
-    const entryPath = join24(tmpDir, `${safeName}.js`);
+    const entryPath = join25(tmpDir, `${safeName}.js`);
     const source = resolution.specifier === "@embroider/macros" ? `export * from ${JSON.stringify(macrosShimPath)};
 ` : generateVendorEntrySource2(resolution);
     await Bun.write(entryPath, source);
@@ -15828,7 +15874,7 @@ var init_pathUtils = __esm(() => {
 // src/dev/fileWatcher.ts
 import { watch } from "fs";
 import { existsSync as existsSync23 } from "fs";
-import { join as join25, resolve as resolve23 } from "path";
+import { join as join26, resolve as resolve23 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -15855,7 +15901,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
     if (shouldSkipFilename(filename, isStylesDir)) {
       return;
     }
-    const fullPath = join25(absolutePath, filename).replace(/\\/g, "/");
+    const fullPath = join26(absolutePath, filename).replace(/\\/g, "/");
     if (shouldIgnorePath(fullPath, state.resolvedPaths)) {
       return;
     }
@@ -16647,7 +16693,7 @@ __export(exports_moduleServer, {
   SRC_URL_PREFIX: () => SRC_URL_PREFIX
 });
 import { existsSync as existsSync24, readFileSync as readFileSync17, statSync as statSync2 } from "fs";
-import { basename as basename11, dirname as dirname15, extname as extname8, join as join26, resolve as resolve28, relative as relative11 } from "path";
+import { basename as basename11, dirname as dirname15, extname as extname8, join as join27, resolve as resolve28, relative as relative11 } 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 = [];
@@ -16717,7 +16763,7 @@ ${stubs}
       const subpath = isScoped ? parts.slice(2).join("/") : parts.slice(1).join("/");
       if (!subpath) {
         const pkgDir = resolve28(projectRoot, "node_modules", packageName ?? "");
-        const pkgJsonPath = join26(pkgDir, "package.json");
+        const pkgJsonPath = join27(pkgDir, "package.json");
         if (existsSync24(pkgJsonPath)) {
           const pkg = JSON.parse(readFileSync17(pkgJsonPath, "utf-8"));
           const esmEntry = typeof pkg.module === "string" && pkg.module || typeof pkg.browser === "string" && pkg.browser;
@@ -17937,15 +17983,17 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   });
   return Array.from(resolvedPages);
 }, computeClientRoot = async (resolvedPaths) => {
+  const { getGeneratedRoot: getGeneratedRoot2 } = await Promise.resolve().then(() => (init_generatedDir(), exports_generatedDir));
+  const projectRoot = process.cwd();
   const clientRoots = [
-    resolvedPaths.reactDir,
-    resolvedPaths.svelteDir,
     resolvedPaths.htmlDir,
-    resolvedPaths.vueDir,
-    resolvedPaths.angularDir
+    resolvedPaths.htmxDir
   ].filter((dir) => Boolean(dir));
+  const usesGenerated = Boolean(resolvedPaths.reactDir) || Boolean(resolvedPaths.svelteDir) || Boolean(resolvedPaths.vueDir) || Boolean(resolvedPaths.angularDir);
+  if (usesGenerated)
+    clientRoots.push(getGeneratedRoot2(projectRoot));
   const { commonAncestor: commonAncestor2 } = await Promise.resolve().then(() => (init_commonAncestor(), exports_commonAncestor));
-  return clientRoots.length === 1 ? clientRoots[0] ?? process.cwd() : commonAncestor2(clientRoots, process.cwd());
+  return clientRoots.length === 1 ? clientRoots[0] ?? projectRoot : commonAncestor2(clientRoots, projectRoot);
 }, updateServerManifestEntry = (state, artifact) => {
   const fileWithHash = basename12(artifact.path);
   const [baseName] = fileWithHash.split(`.${artifact.hash}.`);
@@ -18190,7 +18238,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
     const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true, getStyleTransformConfig(state.config));
     const serverEntries = [...svelteServerPaths];
     const clientEntries = [...svelteIndexPaths, ...svelteClientPaths];
-    const serverRoot = resolve31(svelteDir, "generated", "server");
+    const { getFrameworkGeneratedDir: getFrameworkGeneratedDir2 } = await Promise.resolve().then(() => (init_generatedDir(), exports_generatedDir));
+    const serverRoot = resolve31(getFrameworkGeneratedDir2("svelte"), "server");
     const serverOutDir = resolve31(buildDir, basename12(svelteDir));
     const [serverResult, clientResult] = await Promise.all([
       serverEntries.length > 0 ? bunBuild9({
@@ -19222,7 +19271,7 @@ __export(exports_buildDepVendor, {
   buildDepVendor: () => buildDepVendor
 });
 import { mkdirSync as mkdirSync13 } from "fs";
-import { join as join27 } from "path";
+import { join as join28 } from "path";
 import { rm as rm10 } from "fs/promises";
 var {build: bunBuild9, Glob: Glob9 } = globalThis.Bun;
 var toSafeFileName6 = (specifier) => {
@@ -19333,7 +19382,7 @@ var toSafeFileName6 = (specifier) => {
 }), buildDepVendorPass = async (specifiers, vendorDir, tmpDir) => {
   const entries = await Promise.all(specifiers.map(async (specifier) => {
     const safeName = toSafeFileName6(specifier);
-    const entryPath = join27(tmpDir, `${safeName}.ts`);
+    const entryPath = join28(tmpDir, `${safeName}.ts`);
     await Bun.write(entryPath, await generateVendorEntrySource(specifier));
     return { entryPath, specifier };
   }));
@@ -19394,9 +19443,9 @@ var toSafeFileName6 = (specifier) => {
   const { dep: initialSpecs, framework: frameworkRoots } = await scanBareImports(directories);
   if (initialSpecs.length === 0 && frameworkRoots.length === 0)
     return {};
-  const vendorDir = join27(buildDir, "vendor");
+  const vendorDir = join28(buildDir, "vendor");
   mkdirSync13(vendorDir, { recursive: true });
-  const tmpDir = join27(buildDir, "_dep_vendor_tmp");
+  const tmpDir = join28(buildDir, "_dep_vendor_tmp");
   mkdirSync13(tmpDir, { recursive: true });
   const allSpecs = new Set(initialSpecs);
   const alreadyScanned = new Set;
@@ -19838,5 +19887,5 @@ export {
   build
 };
 
-//# debugId=9A6C38A07D4967CB64756E2164756E21
+//# debugId=39499099B3E8310A64756E2164756E21
 //# sourceMappingURL=build.js.map