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

package/dist/vue/index.js

@@ -533,11 +533,230 @@ var init_spaRouteManifest = __esm(() => {
   init_resolveConvention();
 });
 
+// src/constants.ts
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HTTP_STATUS_GONE = 410, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var init_constants = __esm(() => {
+  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
+  IMAGE_DEFAULT_DEVICE_SIZES = [
+    640,
+    750,
+    828,
+    1080,
+    1200,
+    1920,
+    2048,
+    3840
+  ];
+  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
+  TWO_THIRDS = 2 / 3;
+});
+
+// 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) => {
@@ -639,7 +858,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;
@@ -652,6 +871,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 };
   };
@@ -719,6 +939,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;
@@ -726,15 +947,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";
@@ -1486,26 +1711,6 @@ var streamSwapRuntime = () => {
   return value.slice(start + 1, end);
 }, getStreamSwapRuntimeScript = () => `(function(){${stripFunctionWrapper(streamSwapRuntime.toString())}})();`;
 
-// src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", TAILWIND_BUN_CSS_WARNING_PATTERN, BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_RELOAD_BACKOFF_BASE_MS = 1000, CSS_RELOAD_BACKOFF_MAX_MS = 60000, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, ESLINT_STUDIO_DEFAULT_HOST = "eslint.absolute.localhost", ESLINT_STUDIO_DEFAULT_PORT = 4099, CONFIG_DEFAULT_HOST = "config.absolute.localhost", CONFIG_DEFAULT_PORT = 4099, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HTTP_STATUS_GONE = 410, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, IMAGE_DEFAULT_DEVICE_SIZES, IMAGE_DEFAULT_IMAGE_SIZES, IMAGE_DEFAULT_QUALITY = 75, IMAGE_GLOB_SUFFIX_LENGTH = 2, INSTANCE_PROBE_TIMEOUT_MS = 250, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, LIST_LOG_TAIL_MAX_BYTES = 65536, LIST_TUI_COLUMN_GAP = 2, LIST_TUI_DEFAULT_HEIGHT = 28, LIST_TUI_DEFAULT_WIDTH = 100, LIST_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, LIST_TUI_FOOTER_LINE_COUNT = 2, LIST_TUI_MARKER_WIDTH = 2, LIST_TUI_MIN_LOG_HEIGHT = 3, LIST_TUI_MIN_URL_WIDTH = 16, LIST_TUI_RENDER_DEBOUNCE_MS = 16, LIST_TUI_STATUS_MESSAGE_TIMEOUT_MS = 4000, LIST_WATCH_REFRESH_MS = 1000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, DEFAULT_WEBSOCKET_IDLE_TIMEOUT_SECONDS = 240, DEFAULT_HTTP_IDLE_TIMEOUT_SECONDS = 240, MAX_HTTP_IDLE_TIMEOUT_SECONDS = 255, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
-var init_constants = __esm(() => {
-  TAILWIND_BUN_CSS_WARNING_PATTERN = /invalid @ rule encountered: '@(theme|tailwind|source|utility|variant|custom-variant|apply|reference|plugin|config)'/;
-  IMAGE_DEFAULT_DEVICE_SIZES = [
-    640,
-    750,
-    828,
-    1080,
-    1200,
-    1920,
-    2048,
-    3840
-  ];
-  IMAGE_DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
-  MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
-  MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
-  TWO_THIRDS = 2 / 3;
-});
-
 // src/utils/escapeScriptContent.ts
 var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
   const escaped = ESCAPE_LOOKUP[char];
@@ -2074,172 +2279,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)
@@ -2424,32 +2463,6 @@ var init_buildHMRClient = __esm(() => {
   hmrClientPath = resolveHmrClientPath();
 });
 
-// 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)) {
@@ -4739,6 +4752,7 @@ var init_renderIslandMarkup = __esm(() => {
 init_inlinePageCss();
 init_spaRouteCss();
 init_spaRouteManifest();
+init_islandPageContext();
 init_devRouteRegistrationCallsite();
 init_requestContext();
 init_pageProtocol();
@@ -6712,5 +6726,5 @@ export {
   useResource
 };
 
-//# debugId=9CA60063D1D2624A64756E2164756E21
+//# debugId=83118B4CF9B1B53964756E2164756E21
 //# sourceMappingURL=index.js.map