@absolutejs/absolute 0.19.0-beta.761 → 0.19.0-beta.763

package/dist/build.js

@@ -43509,7 +43509,10 @@ __export(exports_compileAngular, {
 import { existsSync as existsSync16, readFileSync as readFileSync9, promises as fs2 } from "fs";
 import { join as join15, basename as basename6, sep as sep3, dirname as dirname10, resolve as resolve16, relative as relative9 } from "path";
 import ts2 from "typescript";
-var readTsconfigPathAliases = () => {
+var traceAngularPhase = async (name, fn, metadata) => {
+  const tracePhase = globalThis.__absoluteBuildTracePhase;
+  return tracePhase ? tracePhase(`compile/angular/${name}`, fn, metadata) : await fn();
+}, readTsconfigPathAliases = () => {
   try {
     const configPath2 = resolve16(process.cwd(), "tsconfig.json");
     const config = ts2.readConfigFile(configPath2, ts2.sys.readFile).config;
@@ -43748,7 +43751,9 @@ ${registrations}
       return;
     const source = await readFileForAotTransform(resolvedPath, readFile4);
     const transformed = await inlineResources(source, dirname10(resolvedPath), stylePreprocessors);
-    transformedSources.set(resolvedPath, transformed.source);
+    if (transformed.source !== source) {
+      transformedSources.set(resolvedPath, transformed.source);
+    }
     const imports = extractLocalImportSpecifiers(source, resolvedPath);
     await Promise.all(imports.map(async (specifier) => {
       const resolvedImport = resolveLocalTsImport(resolvedPath, specifier);
@@ -43759,18 +43764,20 @@ ${registrations}
   await Promise.all(inputPaths.map((inputPath) => transformFile(inputPath)));
   return transformedSources;
 }, compileAngularFiles = async (inputPaths, outDir, stylePreprocessors) => {
-  const islandMetadataByOutputPath = new Map(inputPaths.map((inputPath) => {
+  const islandMetadataByOutputPath = await traceAngularPhase("aot/island-metadata", () => new Map(inputPaths.map((inputPath) => {
     const outputPath = resolve16(join15(outDir, relative9(process.cwd(), resolve16(inputPath)).replace(/\.[cm]?[tj]sx?$/, ".js")));
     return [
       outputPath,
       buildIslandMetadataExports(readFileSync9(inputPath, "utf-8"))
     ];
-  }));
-  const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
-  const tsPath = __require.resolve("typescript");
-  const tsRootDir = dirname10(tsPath);
-  const tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve16(tsRootDir, "lib");
-  const config = readConfiguration("./tsconfig.json");
+  })), { entries: inputPaths.length });
+  const { readConfiguration, performCompilation, EmitFlags } = await traceAngularPhase("aot/import-compiler-cli", () => import("@angular/compiler-cli"));
+  const tsLibDir = await traceAngularPhase("aot/resolve-typescript-lib", () => {
+    const tsPath = __require.resolve("typescript");
+    const tsRootDir = dirname10(tsPath);
+    return tsRootDir.endsWith("lib") ? tsRootDir : resolve16(tsRootDir, "lib");
+  });
+  const config = await traceAngularPhase("aot/read-configuration", () => readConfiguration("./tsconfig.json"));
   const options = {
     emitDecoratorMetadata: true,
     esModuleInterop: true,
@@ -43793,7 +43800,7 @@ ${registrations}
   options.incremental = false;
   options.tsBuildInfoFile = undefined;
   options.rootDir = process.cwd();
-  const host = ts2.createCompilerHost(options);
+  const host = await traceAngularPhase("aot/create-compiler-host", () => ts2.createCompilerHost(options));
   const originalGetDefaultLibLocation = host.getDefaultLibLocation;
   host.getDefaultLibLocation = () => tsLibDir || (originalGetDefaultLibLocation ? originalGetDefaultLibLocation() : "");
   const originalGetDefaultLibFileName = host.getDefaultLibFileName;
@@ -43816,7 +43823,7 @@ ${registrations}
     emitted[relativePath] = text;
   };
   const originalReadFile = host.readFile;
-  const aotTransformedSources = await precomputeAotResourceTransforms(inputPaths, originalReadFile?.bind(host), stylePreprocessors);
+  const aotTransformedSources = await traceAngularPhase("aot/precompute-resources", () => precomputeAotResourceTransforms(inputPaths, originalReadFile?.bind(host), stylePreprocessors), { entries: inputPaths.length });
   host.readFile = (fileName) => {
     const source = originalReadFile ? originalReadFile.call(host, fileName) : undefined;
     if (typeof source !== "string")
@@ -43829,50 +43836,54 @@ ${registrations}
   };
   const originalGetSourceFileForCompile = host.getSourceFile;
   host.getSourceFile = (fileName, languageVersion, onError2) => {
-    const source = host.readFile(fileName);
-    if (typeof source === "string") {
+    const source = aotTransformedSources.get(resolve16(fileName));
+    if (source) {
       return ts2.createSourceFile(fileName, source, languageVersion, true);
     }
     return originalGetSourceFileForCompile?.call(host, fileName, languageVersion, onError2);
   };
   let diagnostics;
   try {
-    ({ diagnostics } = performCompilation({
+    ({ diagnostics } = await traceAngularPhase("aot/perform-compilation", () => performCompilation({
       emitFlags: EmitFlags.Default,
       host,
       options,
       rootNames: inputPaths
-    }));
+    }), { entries: inputPaths.length }));
   } finally {
     host.readFile = originalReadFile;
     host.getSourceFile = originalGetSourceFileForCompile;
   }
-  throwOnCompilationErrors(diagnostics);
-  const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
-    content,
-    target: join15(outDir, fileName)
-  }));
-  const outputFiles = new Set(rawEntries.map(({ target }) => resolve16(target)));
-  const entries = rawEntries.map(({ content, target }) => {
-    let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path2) => {
-      const rewritten = rewriteRelativeJsSpecifier(target, path2, outputFiles);
-      if (rewritten !== path2) {
-        return `from ${quote}${rewritten}${quote}`;
-      }
-      return match;
-    });
-    processedContent = processedContent.replace(/\u0275\u0275domElementStart/g, "\u0275\u0275elementStart").replace(/\u0275\u0275domElementEnd/g, "\u0275\u0275elementEnd").replace(/\u0275\u0275domElement\(/g, "\u0275\u0275element(").replace(/\u0275\u0275domProperty/g, "\u0275\u0275property").replace(/\u0275\u0275domListener/g, "\u0275\u0275listener");
-    processedContent = processedContent.replace(/import\s*{\s*([^}]*)\bInjectFlags\b([^}]*)\s*}\s*from\s*['"]@angular\/core['"]/g, (match, before, after) => {
-      const cleaned = (before + after).replace(/,\s*,/g, ",").replace(/^\s*,\s*/, "").replace(/,\s*$/, "");
-      return cleaned ? `import { ${cleaned}, InternalInjectFlags } from '@angular/core'` : `import { InternalInjectFlags } from '@angular/core'`;
+  await traceAngularPhase("aot/check-diagnostics", () => throwOnCompilationErrors(diagnostics));
+  const entries = await traceAngularPhase("aot/postprocess-emitted-js", () => {
+    const rawEntries = Object.entries(emitted).filter(([fileName]) => fileName.endsWith(".js")).map(([fileName, content]) => ({
+      content,
+      target: join15(outDir, fileName)
+    }));
+    const outputFiles = new Set(rawEntries.map(({ target }) => resolve16(target)));
+    return rawEntries.map(({ content, target }) => {
+      let processedContent = content.replace(/from\s+(['"])(\.\.?\/[^'"]+)(\1)/g, (match, quote, path2) => {
+        const rewritten = rewriteRelativeJsSpecifier(target, path2, outputFiles);
+        if (rewritten !== path2) {
+          return `from ${quote}${rewritten}${quote}`;
+        }
+        return match;
+      });
+      processedContent = processedContent.replace(/\u0275\u0275domElementStart/g, "\u0275\u0275elementStart").replace(/\u0275\u0275domElementEnd/g, "\u0275\u0275elementEnd").replace(/\u0275\u0275domElement\(/g, "\u0275\u0275element(").replace(/\u0275\u0275domProperty/g, "\u0275\u0275property").replace(/\u0275\u0275domListener/g, "\u0275\u0275listener");
+      processedContent = processedContent.replace(/import\s*{\s*([^}]*)\bInjectFlags\b([^}]*)\s*}\s*from\s*['"]@angular\/core['"]/g, (match, before, after) => {
+        const cleaned = (before + after).replace(/,\s*,/g, ",").replace(/^\s*,\s*/, "").replace(/,\s*$/, "");
+        return cleaned ? `import { ${cleaned}, InternalInjectFlags } from '@angular/core'` : `import { InternalInjectFlags } from '@angular/core'`;
+      });
+      processedContent = processedContent.replace(/\b(?<!Internal)InjectFlags\b/g, "InternalInjectFlags");
+      processedContent += islandMetadataByOutputPath.get(resolve16(target)) ?? "";
+      return { content: processedContent, target };
     });
-    processedContent = processedContent.replace(/\b(?<!Internal)InjectFlags\b/g, "InternalInjectFlags");
-    processedContent += islandMetadataByOutputPath.get(resolve16(target)) ?? "";
-    return { content: processedContent, target };
   });
-  await Promise.all(entries.map(({ target }) => fs2.mkdir(dirname10(target), { recursive: true })));
-  await Promise.all(entries.map(({ target, content }) => fs2.writeFile(target, content, "utf-8")));
-  return entries.map(({ target }) => target);
+  await traceAngularPhase("aot/write-output", () => Promise.all(entries.map(async ({ target, content }) => {
+    await fs2.mkdir(dirname10(target), { recursive: true });
+    await fs2.writeFile(target, content, "utf-8");
+  })), { outputs: entries.length });
+  return await traceAngularPhase("aot/collect-output-paths", () => entries.map(({ target }) => target), { outputs: entries.length });
 }, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => compileAngularFiles([inputPath], outDir, stylePreprocessors), jitContentCache, wrapperOutputCache, escapeTemplateContent = (content) => content.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${"), findUncommentedMatch = (source, pattern) => {
   const re2 = new RegExp(pattern.source, pattern.flags.includes("g") ? pattern.flags : pattern.flags + "g");
   let match;
@@ -43961,31 +43972,31 @@ ${importLine}${source.slice(insertAt)}`;
   }
   return parts.join("");
 }, buildDeferSlotTemplateResolver = () => `	__absoluteDeferTemplateExpressionCache = new Map<string, string>();
-	__absoluteDeferResolveTemplateExpression(expression: string) {
-		const cached = this.__absoluteDeferTemplateExpressionCache.get(expression);
-		if (cached !== undefined) return cached;
-
-		const scope = new Proxy(this, {
-			get: (_target, property) => {
-				const value = (this as Record<PropertyKey, unknown>)[property];
-				return typeof value === "function" ? value.bind(this) : value;
-			}
-		});
-		let value = '';
-		try {
-			const evaluate = new Function(
-				'scope',
-				"with (scope) { return (" + expression + "); }"
-			);
-
-			const resolvedValue = evaluate(scope);
-			value = resolvedValue == null ? '' : String(resolvedValue);
-		} catch (_error) {
-			value = '';
-		}
-		this.__absoluteDeferTemplateExpressionCache.set(expression, value);
-		return value;
-	}
+` + `	__absoluteDeferResolveTemplateExpression(expression: string) {
+` + `		const cached = this.__absoluteDeferTemplateExpressionCache.get(expression);
+` + `		if (cached !== undefined) return cached;
+` + `
+` + `		const scope = new Proxy(this, {
+` + `			get: (_target, property) => {
+` + `				const value = (this as Record<PropertyKey, unknown>)[property];
+` + `				return typeof value === "function" ? value.bind(this) : value;
+` + `			}
+` + `		});
+` + `		let value = '';
+` + `		try {
+` + `			const evaluate = new Function(
+` + `				'scope',
+` + `				"with (scope) { return (" + expression + "); }"
+` + `			);
+` + `
+` + `			const resolvedValue = evaluate(scope);
+` + `			value = resolvedValue == null ? '' : String(resolvedValue);
+` + `		} catch (_error) {
+` + `			value = '';
+` + `		}
+` + `		this.__absoluteDeferTemplateExpressionCache.set(expression, value);
+` + `		return value;
+` + `	}
 
 `, buildDeferSlotFields = (slots) => [
   buildDeferSlotTemplateResolver(),
@@ -43999,8 +44010,8 @@ ${slot.resolvedBindings.map((binding) => `		"${binding.key}": this.__absoluteDef
 ` : `	__absoluteDeferData${index} = () => ({});
 `;
     return `${htmlField + dataField}	__absoluteDeferResolvePayload${index} = () => new Promise<any>((resolve) => {
-		setTimeout(() => resolve({ kind: 'angular-defer', state: 'resolved', html: this.__absoluteDeferHtml${index}(), data: this.__absoluteDeferData${index}() }), ${slot.delayMs});
-	});
+` + `		setTimeout(() => resolve({ kind: 'angular-defer', state: 'resolved', html: this.__absoluteDeferHtml${index}(), data: this.__absoluteDeferData${index}() }), ${slot.delayMs});
+` + `	});
 `;
   })
 ].join(`
@@ -44280,14 +44291,16 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
   }
   const compiledRoot = compiledParent;
   const indexesDir = join15(compiledParent, "indexes");
-  await fs2.mkdir(indexesDir, { recursive: true });
-  const aotOutputs = hmr ? [] : await compileAngularFiles(entryPoints.map((entry) => resolve16(entry)), compiledRoot, stylePreprocessors);
-  const usesLegacyAngularAnimations = createLegacyAngularAnimationUsageResolver(outRoot);
+  await traceAngularPhase("setup/create-indexes-dir", () => fs2.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));
   const compileTasks = entryPoints.map(async (entry) => {
     const resolvedEntry = resolve16(entry);
     const relativeEntry = relative9(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
     const compileEntry = () => compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot, stylePreprocessors);
-    let outputs = hmr ? await compileEntry() : aotOutputs;
+    let outputs = hmr ? await traceAngularPhase("jit/compile-entry", compileEntry, {
+      entry: resolvedEntry
+    }) : aotOutputs;
     const fileBase = basename6(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
     const compiledFallbackPaths = [
@@ -44309,13 +44322,13 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
       }
       return candidate;
     };
-    let rawServerFile = resolveRawServerFile(outputs);
+    let rawServerFile = await traceAngularPhase("wrapper/resolve-server-output", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     if (!rawServerFile) {
-      rawServerFile = resolveRawServerFile([]);
+      rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-fallback", () => resolveRawServerFile([]), { entry: resolvedEntry });
     }
     if (rawServerFile && !existsSync16(rawServerFile)) {
       outputs = hmr ? await compileEntry() : aotOutputs;
-      rawServerFile = resolveRawServerFile(outputs);
+      rawServerFile = await traceAngularPhase("wrapper/resolve-server-output-retry", () => resolveRawServerFile(outputs), { entry: resolvedEntry });
     }
     if (!rawServerFile || !existsSync16(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
@@ -44323,7 +44336,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         ...compiledFallbackPaths
       ].join(", ")}`);
     }
-    const original = await fs2.readFile(rawServerFile, "utf-8");
+    const original = await traceAngularPhase("wrapper/read-server-output", () => fs2.readFile(rawServerFile, "utf-8"), { entry: resolvedEntry });
     const detectExportedComponentClass = (source, fallback) => {
       const defaultMatch = source.match(/export\s+default\s+([A-Za-z_$][\w$]*)\s*;/);
       if (defaultMatch)
@@ -44333,8 +44346,8 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
         return exportClassMatch[1];
       return fallback;
     };
-    const componentClassName = detectExportedComponentClass(original, `${toPascal(fileBase)}Component`);
-    const usesLegacyAnimations = await usesLegacyAngularAnimations(resolvedEntry);
+    const componentClassName = await traceAngularPhase("wrapper/detect-component-class", () => detectExportedComponentClass(original, `${toPascal(fileBase)}Component`), { entry: resolvedEntry });
+    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 = join15(indexesDir, jsName);
@@ -44378,7 +44391,7 @@ export const __ABSOLUTE_PAGE_USES_LEGACY_ANIMATIONS__ = true;
 `);
       await fs2.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
-    await fs2.writeFile(rawServerFile, rewritten, "utf-8");
+    await traceAngularPhase("wrapper/write-server-output", () => fs2.writeFile(rawServerFile, rewritten, "utf-8"), { entry: resolvedEntry });
     const relativePath = relative9(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
@@ -44557,7 +44570,7 @@ if (pageHasRawStreamingSlots) {
 `.trim();
     const indexHash = Bun.hash(hydration).toString(BASE_36_RADIX);
     const indexUnchanged = cachedWrapper?.indexHash === indexHash;
-    await fs2.writeFile(clientFile, hydration, "utf-8");
+    await traceAngularPhase("wrapper/write-client-index", () => fs2.writeFile(clientFile, hydration, "utf-8"), { entry: resolvedEntry });
     wrapperOutputCache.set(resolvedEntry, {
       indexHash,
       serverHash: serverContentHash
@@ -44568,9 +44581,11 @@ if (pageHasRawStreamingSlots) {
       serverPath: rawServerFile
     };
   });
-  const results = await Promise.all(compileTasks);
-  const serverPaths = results.map((r) => r.serverPath);
-  const clientPaths = results.map((r) => r.clientPath);
+  const results = await traceAngularPhase("wrapper/process-entries", () => Promise.all(compileTasks), { entries: entryPoints.length });
+  const { clientPaths, serverPaths } = await traceAngularPhase("wrapper/collect-paths", () => ({
+    clientPaths: results.map((r) => r.clientPath),
+    serverPaths: results.map((r) => r.serverPath)
+  }), { entries: results.length });
   return {
     allIndexesUnchanged: hmr && results.every((r) => r.indexUnchanged),
     clientPaths,
@@ -45436,6 +45451,15 @@ ${content.slice(firstUseIdx)}`;
   const traceEnabled = isBuildTraceEnabled();
   const traceEvents = [];
   let traceFrameworkNames = [];
+  const traceGlobal = globalThis;
+  const previousTracePhase = traceGlobal.__absoluteBuildTracePhase;
+  const restoreTracePhase = () => {
+    if (previousTracePhase) {
+      traceGlobal.__absoluteBuildTracePhase = previousTracePhase;
+    } else {
+      delete traceGlobal.__absoluteBuildTracePhase;
+    }
+  };
   const tracePhase = async (name, fn, metadata) => {
     if (!traceEnabled)
       return await fn();
@@ -45464,9 +45488,14 @@ ${content.slice(firstUseIdx)}`;
       throw error;
     }
   };
+  if (traceEnabled) {
+    traceGlobal.__absoluteBuildTracePhase = tracePhase;
+  }
   const writeBuildTrace = (buildPath2) => {
-    if (!traceEnabled)
+    if (!traceEnabled) {
+      restoreTracePhase();
       return;
+    }
     const traceDir = join20(buildPath2, ".absolute-trace");
     const timestamp = new Date().toISOString().replace(/[:.]/g, "-");
     mkdirSync10(traceDir, { recursive: true });
@@ -45478,6 +45507,7 @@ ${content.slice(firstUseIdx)}`;
       totalDurationMs: performance.now() - buildStart,
       version: 1
     }, null, 2));
+    restoreTracePhase();
   };
   await tracePhase("absolute/version", () => resolveAbsoluteVersion());
   const isIncremental = incrementalFiles && incrementalFiles.length > 0;
@@ -50185,5 +50215,5 @@ export {
   build
 };
 
-//# debugId=144672485F2A6C2364756E2164756E21
+//# debugId=ECE7852F36128E8064756E2164756E21
 //# sourceMappingURL=build.js.map