@absolutejs/absolute 0.20.0-beta.167 → 0.20.0-beta.169

package/dist/svelte/index.js

@@ -1027,11 +1027,210 @@ var init_svelteServerModule = __esm(() => {
   });
 });
 
+// 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 {
+    const totalSeconds = Math.round(duration / MILLISECONDS_IN_A_SECOND);
+    const minutes = Math.floor(totalSeconds / 60);
+    const seconds = totalSeconds % 60;
+    durationString = seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+  }
+  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,
+    readyDuration,
+    buildDuration,
+    port,
+    host,
+    networkUrl,
+    mobilePreviewUrl,
+    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(readyDuration)}${colors.reset}`;
+  const build = typeof buildDuration === "number" && Number.isFinite(buildDuration) ? ` ${colors.dim}(build ${getDurationString(buildDuration)})${colors.reset}` : "";
+  console.log("");
+  console.log(`  ${name} ${ver}  ${time}${build}`);
+  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}`);
+  }
+  if (mobilePreviewUrl) {
+    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Mobile:${colors.reset}  ${mobilePreviewUrl}`);
+  }
+  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}`);
+}, logHmrClientUpdate = (path, framework, duration, target, serverMs, clientMs, outcome = "applied", kind) => {
+  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
+  const targetLabel = target.startsWith("capacitor-") ? target.slice("capacitor-".length) : target;
+  const tag = `${colors2.cyan}[hmr:${targetLabel}]${colors2.reset}`;
+  const pathColor = framework ? getFrameworkColor(framework) : colors2.white;
+  const breakdown = serverMs === undefined || clientMs === undefined ? "" : `; server ${serverMs}ms, client ${clientMs}ms`;
+  let action = "failed after";
+  if (outcome === "applied")
+    action = "applied in";
+  else if (outcome === "reloaded")
+    action = "falling back to reload after";
+  const kindLabel = kind ? `${kind} ` : "";
+  console.log(`${timestamp} ${tag} ${framework ?? "update"} ${kindLabel}${pathColor}${formatPath(path)}${colors2.reset} ${colors2.dim}${action} ${duration}ms${breakdown}${colors2.reset}`);
+}, logHmrUpdate = (path, framework, duration) => {
+  log("hmr update", { duration, framework, path });
+}, logInfo = (message) => {
+  log(message);
+}, logPageBuild = (path, framework, duration) => {
+  log("page build", { 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.log(`${timestamp} ${tag} ${colors2.yellow}warning ${message}${colors2.reset}`);
+};
+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/core/islandManifest.ts
+var ISLAND_BOOTSTRAP_MANIFEST_KEY = "AbsoluteIslandBootstrap", LEGACY_ISLAND_BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
+  const entries = {};
+  let found = false;
+  for (const [key, value] of Object.entries(manifest)) {
+    if (!key.startsWith(prefix))
+      continue;
+    const component = key.slice(prefix.length);
+    if (!component)
+      continue;
+    entries[component] = value;
+    found = true;
+  }
+  return found ? entries : undefined;
+}, getIslandBootstrapPath = (manifest) => manifest[ISLAND_BOOTSTRAP_MANIFEST_KEY] ?? manifest[LEGACY_ISLAND_BOOTSTRAP_MANIFEST_KEY], getIslandManifestEntries = (manifest) => {
+  const islands = {};
+  const frameworks = ["react", "svelte", "vue", "angular"];
+  for (const framework of frameworks) {
+    const prefix = `Island${toIslandFrameworkSegment(framework)}`;
+    const entries = collectFrameworkIslands(manifest, prefix);
+    if (entries)
+      islands[framework] = entries;
+  }
+  return islands;
+}, getIslandManifestKey = (framework, component) => `Island${toIslandFrameworkSegment(framework)}${component}`;
+
 // src/core/islandPageContext.ts
-var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", CLOSING_HEAD_TAG = "</head>", buildIslandsHeadMarkup = (manifest) => {
+var ISLAND_MARKER = 'data-island="true"', MANIFEST_MARKER = "__ABSOLUTE_MANIFEST__", ISLAND_STATE_MARKER = "__ABS_ISLAND_STATE__", CLOSING_HEAD_TAG = "</head>", warnedMissingBootstrap = false, warnIfBootstrapMissing = (manifest) => {
+  if (warnedMissingBootstrap || getIslandBootstrapPath(manifest))
+    return;
+  if (false)
+    ;
+  warnedMissingBootstrap = true;
+  logWarn("A page contains islands, but the build manifest has no islands bootstrap, so they will render without hydrating. Set `islands.registry` in absolute.config.ts (a default bootstrap is generated from it) or point `islands.bootstrap` at a file that calls startIslands().");
+}, buildIslandsHeadMarkup = (manifest) => {
   const manifestScript = `<script>window.__ABSOLUTE_MANIFEST__ = ${JSON.stringify(manifest)}</script>`;
   const islandStateScript = `<script>window.__ABS_ISLAND_STATE__ = ${JSON.stringify(globalThis.__ABS_ISLAND_STATE__ ?? {})}</script>`;
-  const bootstrapPath = manifest[BOOTSTRAP_MANIFEST_KEY];
+  const bootstrapPath = getIslandBootstrapPath(manifest);
   const bootstrapScript = bootstrapPath ? `<script type="module" src="${bootstrapPath}"></script>` : "";
   return `${manifestScript}${islandStateScript}${bootstrapScript}`;
 }, injectHeadMarkup = (html, markup) => {
@@ -1133,7 +1332,7 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
       }
     }
   });
-}, pipeStreamWithIslandMarkerDetection = (stream, markup) => {
+}, pipeStreamWithIslandMarkerDetection = (stream, markup, onIslandsDetected) => {
   const encoder = new TextEncoder;
   const decoder = new TextDecoder;
   const headLookbehind = CLOSING_HEAD_TAG.length - 1;
@@ -1146,6 +1345,7 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
     if (!held.includes(ISLAND_MARKER)) {
       return { held, injected: false, pending: "", sawHead: true };
     }
+    onIslandsDetected();
     enqueue(controller, `${markup}${held}`);
     return { held: "", injected: true, pending: "", sawHead: true };
   };
@@ -1213,6 +1413,7 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
   if (html.includes(MANIFEST_MARKER) || html.includes(ISLAND_STATE_MARKER)) {
     return html;
   }
+  warnIfBootstrapMissing(manifest);
   return injectHeadMarkup(html, buildIslandsHeadMarkup(manifest));
 }, injectIslandPageContextStream = (stream, options) => {
   const manifest = globalThis.__absoluteManifest;
@@ -1220,15 +1421,19 @@ var BOOTSTRAP_MANIFEST_KEY = "BootstrapClient", ISLAND_MARKER = 'data-island="tr
     return stream;
   const markup = buildIslandsHeadMarkup(manifest);
   if (options?.hasIslands === true) {
+    warnIfBootstrapMissing(manifest);
     return pipeStreamWithHeadInjection(stream, markup);
   }
   if (options?.hasIslands === false) {
     return stream;
   }
-  return pipeStreamWithIslandMarkerDetection(stream, markup);
+  return pipeStreamWithIslandMarkerDetection(stream, markup, () => warnIfBootstrapMissing(manifest));
 }, setCurrentIslandManifest = (manifest) => {
   globalThis.__absoluteManifest = manifest;
 };
+var init_islandPageContext = __esm(() => {
+  init_logger();
+});
 
 // src/core/devRouteRegistrationCallsite.ts
 import { AsyncLocalStorage } from "async_hooks";
@@ -2548,172 +2753,6 @@ var init_streamingSlots = __esm(() => {
   };
 });
 
-// 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 {
-    const totalSeconds = Math.round(duration / MILLISECONDS_IN_A_SECOND);
-    const minutes = Math.floor(totalSeconds / 60);
-    const seconds = totalSeconds % 60;
-    durationString = seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
-  }
-  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,
-    readyDuration,
-    buildDuration,
-    port,
-    host,
-    networkUrl,
-    mobilePreviewUrl,
-    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(readyDuration)}${colors.reset}`;
-  const build = typeof buildDuration === "number" && Number.isFinite(buildDuration) ? ` ${colors.dim}(build ${getDurationString(buildDuration)})${colors.reset}` : "";
-  console.log("");
-  console.log(`  ${name} ${ver}  ${time}${build}`);
-  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}`);
-  }
-  if (mobilePreviewUrl) {
-    console.log(`  ${colors.green}\u279C${colors.reset}  ${colors.bold}Mobile:${colors.reset}  ${mobilePreviewUrl}`);
-  }
-  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}`);
-}, logHmrClientUpdate = (path, framework, duration, target, serverMs, clientMs, outcome = "applied", kind) => {
-  const timestamp = `${colors2.dim}${formatTimestamp()}${colors2.reset}`;
-  const targetLabel = target.startsWith("capacitor-") ? target.slice("capacitor-".length) : target;
-  const tag = `${colors2.cyan}[hmr:${targetLabel}]${colors2.reset}`;
-  const pathColor = framework ? getFrameworkColor(framework) : colors2.white;
-  const breakdown = serverMs === undefined || clientMs === undefined ? "" : `; server ${serverMs}ms, client ${clientMs}ms`;
-  let action = "failed after";
-  if (outcome === "applied")
-    action = "applied in";
-  else if (outcome === "reloaded")
-    action = "falling back to reload after";
-  const kindLabel = kind ? `${kind} ` : "";
-  console.log(`${timestamp} ${tag} ${framework ?? "update"} ${kindLabel}${pathColor}${formatPath(path)}${colors2.reset} ${colors2.dim}${action} ${duration}ms${breakdown}${colors2.reset}`);
-}, logHmrUpdate = (path, framework, duration) => {
-  log("hmr update", { duration, framework, path });
-}, logInfo = (message) => {
-  log(message);
-}, logPageBuild = (path, framework, duration) => {
-  log("page build", { 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.log(`${timestamp} ${tag} ${colors2.yellow}warning ${message}${colors2.reset}`);
-};
-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/core/routeAssets.ts
 var LINK_TAG_RE, REL_STYLESHEET_RE, HREF_RE, TITLE_RE, ENTITIES, ENTITY_RE, decodeEntities = (value) => value.replace(ENTITY_RE, (match) => ENTITIES[match] ?? match), readHeadStylesheets = (head) => {
   if (!head)
@@ -4352,32 +4391,6 @@ var init_vueServerModule = __esm(() => {
   transpiler2 = new Transpiler({ loader: "ts", target: "browser" });
 });
 
-// src/core/islandManifest.ts
-var toIslandFrameworkSegment = (framework) => framework[0]?.toUpperCase() + framework.slice(1), collectFrameworkIslands = (manifest, prefix) => {
-  const entries = {};
-  let found = false;
-  for (const [key, value] of Object.entries(manifest)) {
-    if (!key.startsWith(prefix))
-      continue;
-    const component = key.slice(prefix.length);
-    if (!component)
-      continue;
-    entries[component] = value;
-    found = true;
-  }
-  return found ? entries : undefined;
-}, getIslandManifestEntries = (manifest) => {
-  const islands = {};
-  const frameworks = ["react", "svelte", "vue", "angular"];
-  for (const framework of frameworks) {
-    const prefix = `Island${toIslandFrameworkSegment(framework)}`;
-    const entries = collectFrameworkIslands(manifest, prefix);
-    if (entries)
-      islands[framework] = entries;
-  }
-  return islands;
-}, getIslandManifestKey = (framework, component) => `Island${toIslandFrameworkSegment(framework)}${component}`;
-
 // src/core/islands.ts
 function getIslandComponent(component) {
   if (isIslandComponentDefinition(component)) {
@@ -4582,6 +4595,7 @@ var requireCurrentIslandRegistry = () => {
 
 // src/svelte/pageHandler.ts
 init_svelteServerModule();
+init_islandPageContext();
 init_devRouteRegistrationCallsite();
 init_requestContext();
 init_pageProtocol();
@@ -5093,5 +5107,5 @@ export {
   useIslandStore
 };
 
-//# debugId=AA35F99AD271EA8664756E2164756E21
+//# debugId=AC27A68B02DE194B64756E2164756E21
 //# sourceMappingURL=index.js.map