@absolutejs/absolute 0.19.0-beta.131 → 0.19.0-beta.133

package/dist/index.js

@@ -151,6 +151,146 @@ body{min-height:100vh;background:linear-gradient(135deg,rgba(15,23,42,0.98) 0%,r
 </html>`;
 };
 
+// src/utils/getDurationString.ts
+var getDurationString = (duration) => {
+  let durationString;
+  if (duration < MILLISECONDS_IN_A_SECOND) {
+    durationString = `${duration.toFixed(TIME_PRECISION)}ms`;
+  } else if (duration < MILLISECONDS_IN_A_MINUTE) {
+    durationString = `${(duration / MILLISECONDS_IN_A_SECOND).toFixed(TIME_PRECISION)}s`;
+  } else {
+    durationString = `${(duration / MILLISECONDS_IN_A_MINUTE).toFixed(TIME_PRECISION)}m`;
+  }
+  return durationString;
+};
+var init_getDurationString = __esm(() => {
+  init_constants();
+});
+
+// src/utils/startupBanner.ts
+var colors, MONTHS, formatTimestamp = () => {
+  const now = new Date;
+  const month = MONTHS[now.getMonth()];
+  const day = now.getDate().toString().padStart(2, "0");
+  let hours = now.getHours();
+  const minutes = now.getMinutes().toString().padStart(2, "0");
+  const seconds = now.getSeconds().toString().padStart(2, "0");
+  const ampm = hours >= HOURS_IN_HALF_DAY ? "PM" : "AM";
+  hours = hours % HOURS_IN_HALF_DAY || HOURS_IN_HALF_DAY;
+  return `${month} ${day} ${hours}:${minutes}:${seconds} ${ampm}`;
+}, startupBanner = (options) => {
+  const {
+    version,
+    duration,
+    port,
+    host,
+    networkUrl,
+    protocol = "http"
+  } = options;
+  const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
+  const ver = `${colors.dim}v${version}${colors.reset}`;
+  const time = `${colors.dim}ready in${colors.reset} ${colors.bold}${getDurationString(duration)}${colors.reset}`;
+  console.log("");
+  console.log(`  ${name} ${ver}  ${time}`);
+  console.log("");
+  console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Local:${colors.reset}   ${protocol}://${host === "0.0.0.0" ? "localhost" : host}:${port}/`);
+  if (networkUrl) {
+    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
+  }
+  console.log("");
+};
+var init_startupBanner = __esm(() => {
+  init_constants();
+  init_getDurationString();
+  colors = {
+    bold: "\x1B[1m",
+    cyan: "\x1B[36m",
+    dim: "\x1B[2m",
+    green: "\x1B[32m",
+    reset: "\x1B[0m"
+  };
+  MONTHS = [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ];
+});
+
+// src/utils/logger.ts
+var colors2, frameworkColors, formatPath = (filePath) => {
+  const cwd = process.cwd();
+  let relative = filePath.startsWith(cwd) ? filePath.slice(cwd.length + 1) : filePath;
+  relative = relative.replace(/\\/g, "/");
+  if (!relative.startsWith("/")) {
+    relative = `/${relative}`;
+  }
+  return relative;
+}, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
+  let message = action;
+  if (options?.path) {
+    const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
+    message += ` ${pathColor}${formatPath(options.path)}${colors2.reset}`;
+  }
+  if (options?.duration !== undefined) {
+    message += ` ${colors2.dim}(${options.duration}ms)${colors2.reset}`;
+  }
+  console.log(`${timestamp} ${tag} ${message}`);
+}, logCssUpdate = (path, framework, duration) => {
+  log("css update", { duration, framework: framework ?? "css", path });
+}, logError = (message, error) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.red}[hmr]${colors2.reset}`;
+  const errorMsg = error instanceof Error ? error.message : error;
+  const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
+  console.error(`${timestamp} ${tag} ${fullMessage}`);
+}, logHmrUpdate = (path, framework, duration) => {
+  log("hmr update", { duration, framework, path });
+}, logScriptUpdate = (path, framework, duration) => {
+  log("script update", { duration, framework, path });
+}, logServerReload = () => {
+  log(`${colors2.cyan}server module reloaded${colors2.reset}`);
+}, logWarn = (message) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const tag = `${colors2.yellow}[hmr]${colors2.reset}`;
+  console.warn(`${timestamp} ${tag} ${colors2.yellow}warning${colors2.reset} ${message}`);
+};
+var init_logger = __esm(() => {
+  init_startupBanner();
+  colors2 = {
+    blue: "\x1B[34m",
+    bold: "\x1B[1m",
+    cyan: "\x1B[36m",
+    dim: "\x1B[2m",
+    green: "\x1B[32m",
+    magenta: "\x1B[35m",
+    red: "\x1B[31m",
+    reset: "\x1B[0m",
+    white: "\x1B[37m",
+    yellow: "\x1B[33m"
+  };
+  frameworkColors = {
+    angular: colors2.magenta,
+    assets: colors2.dim,
+    css: colors2.cyan,
+    html: colors2.white,
+    htmx: colors2.white,
+    react: colors2.blue,
+    svelte: colors2.yellow,
+    vue: colors2.green
+  };
+});
+
 // src/utils/normalizePath.ts
 var normalizePath = (path) => path.replace(/\\/g, "/");
 
@@ -195,7 +335,11 @@ var getManifestKey = (folder, pascalName, isClientComponent, isReact, isVue, isS
   const pascalName = toPascal(baseName);
   const ext = extname(fileWithHash);
   if (ext === ".css") {
-    manifest[`${pascalName}CSS`] = `/${relative}`;
+    const cssKey = `${pascalName}CSS`;
+    if (manifest[cssKey] && manifest[cssKey] !== `/${relative}`) {
+      logWarn(`Duplicate manifest key "${cssKey}" \u2014 "${manifest[cssKey]}" will be overwritten by "/${relative}". Use unique page names across frameworks.`);
+    }
+    manifest[cssKey] = `/${relative}`;
     return manifest;
   }
   const idx = segments.findIndex((seg) => seg === "indexes" || seg === "pages" || seg === "client");
@@ -206,11 +350,15 @@ var getManifestKey = (folder, pascalName, isClientComponent, isReact, isVue, isS
   const isAngular = segments.some((seg) => seg === "angular");
   const isClientComponent = segments.includes("client");
   const manifestKey = getManifestKey(folder, pascalName, isClientComponent, isReact, isVue, isSvelte, isAngular);
+  if (manifest[manifestKey] && manifest[manifestKey] !== `/${relative}`) {
+    logWarn(`Duplicate manifest key "${manifestKey}" \u2014 "${manifest[manifestKey]}" will be overwritten by "/${relative}". Use unique page names across frameworks.`);
+  }
   manifest[manifestKey] = `/${relative}`;
   return manifest;
 }, {});
 var init_generateManifest = __esm(() => {
   init_constants();
+  init_logger();
 });
 
 // src/build/generateReactIndexes.ts
@@ -595,15 +743,15 @@ var init_htmlScriptHMRPlugin = __esm(() => {
 
 // src/build/outputLogs.ts
 var outputLogs = (logs) => {
-  for (const log of logs) {
-    if (log.message.includes(BUN_BUILD_WARNING_SUPPRESSION))
+  for (const log2 of logs) {
+    if (log2.message.includes(BUN_BUILD_WARNING_SUPPRESSION))
       continue;
-    if (log.level === "error")
-      console.error(log);
-    else if (log.level === "warning")
-      console.warn(log);
+    if (log2.level === "error")
+      console.error(log2);
+    else if (log2.level === "warning")
+      console.warn(log2);
     else
-      console.info(log);
+      console.info(log2);
   }
 };
 var init_outputLogs = __esm(() => {
@@ -793,7 +941,7 @@ var resolveHmrClientPath = () => {
     console.error("Failed to build HMR client:", result.logs);
     sendTelemetryEvent("hmr:client-build-failed", {
       logCount: result.logs.length,
-      message: result.logs.map((log) => log.message).join("; ")
+      message: result.logs.map((log2) => log2.message).join("; ")
     });
     return "// HMR client build failed";
   }
@@ -1141,146 +1289,6 @@ var commonAncestor = (paths, fallback) => {
 };
 var init_commonAncestor = () => {};
 
-// src/utils/getDurationString.ts
-var getDurationString = (duration) => {
-  let durationString;
-  if (duration < MILLISECONDS_IN_A_SECOND) {
-    durationString = `${duration.toFixed(TIME_PRECISION)}ms`;
-  } else if (duration < MILLISECONDS_IN_A_MINUTE) {
-    durationString = `${(duration / MILLISECONDS_IN_A_SECOND).toFixed(TIME_PRECISION)}s`;
-  } else {
-    durationString = `${(duration / MILLISECONDS_IN_A_MINUTE).toFixed(TIME_PRECISION)}m`;
-  }
-  return durationString;
-};
-var init_getDurationString = __esm(() => {
-  init_constants();
-});
-
-// src/utils/startupBanner.ts
-var colors, MONTHS, formatTimestamp = () => {
-  const now = new Date;
-  const month = MONTHS[now.getMonth()];
-  const day = now.getDate().toString().padStart(2, "0");
-  let hours = now.getHours();
-  const minutes = now.getMinutes().toString().padStart(2, "0");
-  const seconds = now.getSeconds().toString().padStart(2, "0");
-  const ampm = hours >= HOURS_IN_HALF_DAY ? "PM" : "AM";
-  hours = hours % HOURS_IN_HALF_DAY || HOURS_IN_HALF_DAY;
-  return `${month} ${day} ${hours}:${minutes}:${seconds} ${ampm}`;
-}, startupBanner = (options) => {
-  const {
-    version,
-    duration,
-    port,
-    host,
-    networkUrl,
-    protocol = "http"
-  } = options;
-  const name = `${colors.cyan}${colors.bold}ABSOLUTEJS${colors.reset}`;
-  const ver = `${colors.dim}v${version}${colors.reset}`;
-  const time = `${colors.dim}ready in${colors.reset} ${colors.bold}${getDurationString(duration)}${colors.reset}`;
-  console.log("");
-  console.log(`  ${name} ${ver}  ${time}`);
-  console.log("");
-  console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Local:${colors.reset}   ${protocol}://${host === "0.0.0.0" ? "localhost" : host}:${port}/`);
-  if (networkUrl) {
-    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Network:${colors.reset} ${networkUrl}`);
-  }
-  console.log("");
-};
-var init_startupBanner = __esm(() => {
-  init_constants();
-  init_getDurationString();
-  colors = {
-    bold: "\x1B[1m",
-    cyan: "\x1B[36m",
-    dim: "\x1B[2m",
-    green: "\x1B[32m",
-    reset: "\x1B[0m"
-  };
-  MONTHS = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ];
-});
-
-// 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}`;
-  }
-  return relative3;
-}, getFrameworkColor = (framework) => frameworkColors[framework] || colors2.white, log = (action, options) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.cyan}[hmr]${colors2.reset}`;
-  let message = action;
-  if (options?.path) {
-    const pathColor = options.framework ? getFrameworkColor(options.framework) : colors2.white;
-    message += ` ${pathColor}${formatPath(options.path)}${colors2.reset}`;
-  }
-  if (options?.duration !== undefined) {
-    message += ` ${colors2.dim}(${options.duration}ms)${colors2.reset}`;
-  }
-  console.log(`${timestamp} ${tag} ${message}`);
-}, logCssUpdate = (path, framework, duration) => {
-  log("css update", { duration, framework: framework ?? "css", path });
-}, logError = (message, error) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.red}[hmr]${colors2.reset}`;
-  const errorMsg = error instanceof Error ? error.message : error;
-  const fullMessage = `${colors2.red}error${colors2.reset} ${message}${errorMsg ? `: ${errorMsg}` : ""}`;
-  console.error(`${timestamp} ${tag} ${fullMessage}`);
-}, logHmrUpdate = (path, framework, duration) => {
-  log("hmr update", { duration, framework, path });
-}, logScriptUpdate = (path, framework, duration) => {
-  log("script update", { duration, framework, path });
-}, logServerReload = () => {
-  log(`${colors2.cyan}server module reloaded${colors2.reset}`);
-}, logWarn = (message) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const tag = `${colors2.yellow}[hmr]${colors2.reset}`;
-  console.warn(`${timestamp} ${tag} ${colors2.yellow}warning${colors2.reset} ${message}`);
-};
-var init_logger = __esm(() => {
-  init_startupBanner();
-  colors2 = {
-    blue: "\x1B[34m",
-    bold: "\x1B[1m",
-    cyan: "\x1B[36m",
-    dim: "\x1B[2m",
-    green: "\x1B[32m",
-    magenta: "\x1B[35m",
-    red: "\x1B[31m",
-    reset: "\x1B[0m",
-    white: "\x1B[37m",
-    yellow: "\x1B[33m"
-  };
-  frameworkColors = {
-    angular: colors2.magenta,
-    assets: colors2.dim,
-    css: colors2.cyan,
-    html: colors2.white,
-    htmx: colors2.white,
-    react: colors2.blue,
-    svelte: colors2.yellow,
-    vue: colors2.green
-  };
-});
-
 // src/utils/validateSafePath.ts
 import { resolve as resolve7, relative as relative3 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
@@ -171720,25 +171728,6 @@ var isDev, extractBuildError = (logs, pass, label, frameworkNames, isIncremental
     htmxDir
   ].filter((d) => Boolean(d));
   const workerEntryPoints = await scanWorkerReferences(frameworkDirs);
-  if (hmr) {
-    const urlPattern = /new\s+URL\(\s*["'](\.\.?\/[^"']+)["']\s*,\s*import\.meta\.url\s*\)/g;
-    for (const outputPath of reactClientOutputPaths) {
-      let content = readFileSync5(outputPath, "utf-8");
-      let changed = false;
-      content = content.replace(urlPattern, (_match, relPath) => {
-        const targetName = basename5(relPath);
-        const workerSrc = workerEntryPoints.find((wp) => basename5(wp) === targetName);
-        if (workerSrc) {
-          const rel = relative7(projectRoot, workerSrc);
-          changed = true;
-          return `new URL('/@src/${rel.replace(/\\/g, "/")}', import.meta.url)`;
-        }
-        return _match;
-      });
-      if (changed)
-        writeFileSync3(outputPath, content);
-    }
-  }
   const nonReactClientLogs = nonReactClientResult?.logs ?? [];
   const nonReactClientOutputs = nonReactClientResult?.outputs ?? [];
   if (nonReactClientResult && !nonReactClientResult.success && nonReactClientLogs.length > 0) {
@@ -171769,6 +171758,29 @@ var isDev, extractBuildError = (logs, pass, label, frameworkNames, isIncremental
   if (vueCssResult && !vueCssResult.success && vueCssResult.logs.length > 0) {
     extractBuildError(vueCssResult.logs, "vue-css", "Vue CSS", frameworkNames, isIncremental, throwOnError);
   }
+  if (hmr && workerEntryPoints.length > 0) {
+    const urlPattern = /new\s+URL\(\s*["'](\.\.?\/[^"']+)["']\s*,\s*import\.meta\.url\s*\)/g;
+    const allClientOutputPaths = [
+      ...reactClientOutputPaths,
+      ...nonReactClientOutputs.map((a) => a.path)
+    ];
+    for (const outputPath of allClientOutputPaths) {
+      let content = readFileSync5(outputPath, "utf-8");
+      let changed = false;
+      content = content.replace(urlPattern, (_match, relPath) => {
+        const targetName = basename5(relPath);
+        const workerSrc = workerEntryPoints.find((wp) => basename5(wp) === targetName);
+        if (workerSrc) {
+          const rel = relative7(projectRoot, workerSrc);
+          changed = true;
+          return `new URL('/@src/${rel.replace(/\\/g, "/")}', import.meta.url)`;
+        }
+        return _match;
+      });
+      if (changed)
+        writeFileSync3(outputPath, content);
+    }
+  }
   let workerOutputs = [];
   if (workerEntryPoints.length > 0) {
     const workerResult = await bunBuild6({
@@ -205723,5 +205735,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=A4B0380C43D3114264756E2164756E21
+//# debugId=361691875C3A51BD64756E2164756E21
 //# sourceMappingURL=index.js.map