@absolutejs/absolute 0.15.11 → 0.15.13

package/dist/index.js

@@ -1510,24 +1510,32 @@ var logWarn = (message) => {
   const tag = `${colors.yellow}[hmr]${colors.reset}`;
   console.warn(`${timestamp} ${tag} ${colors.yellow}warning${colors.reset} ${message}`);
 };
+var startupBanner = (options) => {
+  const { version, duration, port, host, networkUrl } = 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}   http://${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 logger = {
-  hmrUpdate(path, framework) {
-    log("hmr update", { path, framework });
-  },
-  pageReload(path, framework) {
-    log("page reload", { path, framework });
+  hmrUpdate(path, framework, duration) {
+    log("hmr update", { path, framework, duration });
   },
-  cssUpdate(path, framework) {
-    log("css update", { path, framework: framework ?? "css" });
+  pageReload(path, framework, duration) {
+    log("page reload", { path, framework, duration });
   },
-  scriptUpdate(path, framework) {
-    log("script update", { path, framework });
+  cssUpdate(path, framework, duration) {
+    log("css update", { path, framework: framework ?? "css", duration });
   },
-  rebuilt(duration) {
-    const timestamp = `${colors.dim}${formatTimestamp()}${colors.reset}`;
-    const tag = `${colors.cyan}[hmr]${colors.reset}`;
-    const message = `${colors.green}rebuilt${colors.reset} ${colors.dim}(${duration}ms)${colors.reset}`;
-    console.log(`${timestamp} ${tag} ${message}`);
+  scriptUpdate(path, framework, duration) {
+    log("script update", { path, framework, duration });
   },
   error(message, error) {
     logError(message, error);
@@ -1537,7 +1545,11 @@ var logger = {
   },
   info(message) {
     log(message);
-  }
+  },
+  serverReload() {
+    log(`${colors.cyan}server module reloaded${colors.reset}`);
+  },
+  ready: startupBanner
 };
 // src/utils/validateSafePath.ts
 import { resolve as resolve5, relative as relative3 } from "path";
@@ -1576,9 +1588,6 @@ var build2 = async ({
   const projectRoot = cwd();
   const isIncremental = incrementalFiles && incrementalFiles.length > 0;
   const normalizedIncrementalFiles = incrementalFiles?.map(normalizePath);
-  if (isIncremental) {
-    console.log(`\u26A1 Incremental build: ${incrementalFiles.length} file(s) to rebuild`);
-  }
   const throwOnError = options?.throwOnError === true;
   const hmr = options?.injectHMR === true;
   const buildPath = validateSafePath(buildDirectory, projectRoot);
@@ -1926,7 +1935,9 @@ var build2 = async ({
       svelteDir,
       vueDir
     });
-  console.log(`Build completed in ${getDurationString(performance.now() - buildStart)}`);
+  if (!isIncremental && !options?.injectHMR) {
+    console.log(`Build completed in ${getDurationString(performance.now() - buildStart)}`);
+  }
   return manifest;
 };
 // src/core/devBuild.ts
@@ -2937,7 +2948,6 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
       throw new Error("Build failed - no manifest generated");
     }
     const duration = Date.now() - startTime;
-    logger.rebuilt(duration);
     broadcastToClients(state, {
       data: {
         affectedFrameworks,
@@ -2970,9 +2980,9 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
             const hasComponentChanges = reactFiles.some((file4) => file4.endsWith(".tsx") || file4.endsWith(".ts") || file4.endsWith(".jsx"));
             const hasCSSChanges = reactFiles.some((file4) => file4.endsWith(".css"));
             if (hasCSSChanges && !hasComponentChanges) {
-              logger.cssUpdate(primarySource ?? reactFiles[0] ?? "", "react");
+              logger.cssUpdate(primarySource ?? reactFiles[0] ?? "", "react", duration);
             } else {
-              logger.hmrUpdate(primarySource ?? reactFiles[0] ?? "", "react");
+              logger.hmrUpdate(primarySource ?? reactFiles[0] ?? "", "react", duration);
             }
             broadcastToClients(state, {
               data: {
@@ -3002,7 +3012,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const manifestKey = pascalName;
               const scriptPath = manifest[manifestKey] || null;
               if (scriptPath) {
-                logger.scriptUpdate(scriptFile, "html");
+                logger.scriptUpdate(scriptFile, "html", duration);
                 broadcastToClients(state, {
                   data: {
                     framework: "html",
@@ -3033,7 +3043,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const { handleHTMLUpdate: handleHTMLUpdate2 } = await Promise.resolve().then(() => (init_simpleHTMLHMR(), exports_simpleHTMLHMR));
               const newHTML = await handleHTMLUpdate2(builtHtmlPagePath);
               if (newHTML) {
-                logger.hmrUpdate(pageFile, "html");
+                logger.hmrUpdate(pageFile, "html", duration);
                 broadcastToClients(state, {
                   data: {
                     framework: "html",
@@ -3064,7 +3074,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const cssPascalName = toPascal2(cssBaseName);
               const cssKey = `${cssPascalName}CSS`;
               const cssUrl = manifest[cssKey] || null;
-              logger.cssUpdate(cssFile, "vue");
+              logger.cssUpdate(cssFile, "vue", duration);
               broadcastToClients(state, {
                 data: {
                   framework: "vue",
@@ -3093,7 +3103,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const hmrMeta = vueHmrMetadata2.get(resolve17(vuePagePath));
               const changeType = hmrMeta?.changeType ?? "full";
               if (changeType === "style-only") {
-                logger.cssUpdate(vuePagePath, "vue");
+                logger.cssUpdate(vuePagePath, "vue", duration);
                 broadcastToClients(state, {
                   data: {
                     framework: "vue",
@@ -3112,7 +3122,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const { handleVueUpdate: handleVueUpdate2 } = await Promise.resolve().then(() => (init_simpleVueHMR(), exports_simpleVueHMR));
               const newHTML = await handleVueUpdate2(vuePagePath, manifest, state.resolvedPaths.buildDir);
               const componentPath = manifest[`${pascalName}Client`] || null;
-              logger.hmrUpdate(vuePagePath, "vue");
+              logger.hmrUpdate(vuePagePath, "vue", duration);
               broadcastToClients(state, {
                 data: {
                   framework: "vue",
@@ -3148,7 +3158,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const cssPascalName = toPascal2(cssBaseName);
               const cssKey = `${cssPascalName}CSS`;
               const cssUrl = manifest[cssKey] || null;
-              logger.cssUpdate(cssFile, "svelte");
+              logger.cssUpdate(cssFile, "svelte", duration);
               broadcastToClients(state, {
                 data: {
                   framework: "svelte",
@@ -3173,7 +3183,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const pascalName = toPascal2(baseName);
               const cssKey = `${pascalName}CSS`;
               const cssUrl = manifest[cssKey] || null;
-              logger.hmrUpdate(sveltePagePath, "svelte");
+              logger.hmrUpdate(sveltePagePath, "svelte", duration);
               broadcastToClients(state, {
                 data: {
                   framework: "svelte",
@@ -3204,7 +3214,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const manifestKey = pascalName;
               const scriptPath = manifest[manifestKey] || null;
               if (scriptPath) {
-                logger.scriptUpdate(scriptFile, "htmx");
+                logger.scriptUpdate(scriptFile, "htmx", duration);
                 broadcastToClients(state, {
                   data: {
                     framework: "htmx",
@@ -3232,7 +3242,7 @@ var triggerRebuild = async (state, config, onRebuildComplete, filesToRebuild) =>
               const { handleHTMXUpdate: handleHTMXUpdate2 } = await Promise.resolve().then(() => (init_simpleHTMXHMR(), exports_simpleHTMXHMR));
               const newHTML = await handleHTMXUpdate2(builtHtmxPagePath);
               if (newHTML) {
-                logger.hmrUpdate(htmxPageFile, "htmx");
+                logger.hmrUpdate(htmxPageFile, "htmx", duration);
                 broadcastToClients(state, {
                   data: {
                     framework: "htmx",
@@ -3347,10 +3357,9 @@ var devBuild = async (config) => {
     const lastMtime = globalThis.__hmrServerMtime;
     globalThis.__hmrServerMtime = serverMtime;
     if (serverMtime !== lastMtime) {
-      console.log("\x1B[36m[hmr] Server module reloaded\x1B[0m");
+      logger.serverReload();
     } else {
       globalThis.__hmrSkipServerRestart = true;
-      console.log("\x1B[36m[hmr] Hot module update detected\x1B[0m");
     }
     return cached;
   }
@@ -3360,7 +3369,13 @@ var devBuild = async (config) => {
   if (config.reactDirectory) {
     setDevVendorPaths(computeVendorPaths());
   }
-  console.log("\uD83D\uDD28 Building AbsoluteJS with HMR...");
+  try {
+    const pkg = await Bun.file(resolve18(import.meta.dir, "..", "..", "package.json")).json();
+    if (pkg.name === "@absolutejs/absolute") {
+      globalThis.__absoluteVersion = pkg.version;
+    }
+  } catch {}
+  const buildStart = performance.now();
   const manifest = await build2({
     ...config,
     options: {
@@ -3385,19 +3400,16 @@ var devBuild = async (config) => {
       }
     } catch {}
   }
-  console.log("\u2705 Build completed successfully");
   startFileWatching(state, config, (filePath) => {
     queueFileChange(state, filePath, config, (newBuildResult) => {
       Object.assign(manifest, newBuildResult.manifest);
     });
   });
-  console.log("\uD83D\uDC40 File watching: Active");
-  console.log("\uD83D\uDD25 HMR: Ready");
+  globalThis.__hmrBuildDuration = performance.now() - buildStart;
   const result = {
     hmrState: state,
     manifest
   };
-  globalThis.__hmrServerStartup = Date.now().toString();
   globalThis.__hmrDevResult = result;
   globalThis.__hmrServerMtime = statSync(resolve18(Bun.main)).mtimeMs;
   return result;
@@ -3504,12 +3516,20 @@ var networking = (app) => app.listen({
   hostname: host,
   port
 }, () => {
-  if (hostFlag) {
-    console.log(`Server started on http://localhost:${port}`);
-    console.log(`Server started on network: http://${localIP}:${port}`);
-  } else {
-    console.log(`Server started on http://${host}:${port}`);
+  const isHotReload = !!globalThis.__hmrServerStartup;
+  globalThis.__hmrServerStartup = true;
+  if (isHotReload) {
+    return;
   }
+  const buildDuration = globalThis.__hmrBuildDuration ?? 0;
+  const version = globalThis.__absoluteVersion ?? "";
+  logger.ready({
+    duration: buildDuration,
+    host,
+    networkUrl: hostFlag ? `http://${localIP}:${port}/` : undefined,
+    port,
+    version
+  });
 });
 // src/utils/getEnv.ts
 var {env: env4 } = globalThis.Bun;
@@ -3636,5 +3656,5 @@ export {
   BUN_BUILD_WARNING_SUPPRESSION
 };
 
-//# debugId=D00BE7A74B5C034564756E2164756E21
+//# debugId=D632BA6ED9E5CC8464756E2164756E21
 //# sourceMappingURL=index.js.map