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

package/dist/react/components/index.js

@@ -72,6 +72,51 @@ var __esm = (fn, res, err) => () => {
 };
 var __require = import.meta.require;
 
+// src/utils/cspNonceRef.ts
+var GETTER_KEY, nonceAttr = (nonce = readCspNonce()) => nonce ? ` nonce="${nonce}"` : "", nonceSvelteHeadStyles = (head, nonce = readCspNonce()) => nonce ? head.replace(/<style(?=\s+id="svelte-[^"]*")(?![^>]*\snonce=)/g, `<style nonce="${nonce}"`) : head, readCspNonce = () => {
+  const getter = Reflect.get(globalThis, GETTER_KEY);
+  if (typeof getter !== "function")
+    return;
+  const nonce = getter();
+  return typeof nonce === "string" ? nonce : undefined;
+}, registerCspNonceGetter = (getter) => {
+  Reflect.set(globalThis, GETTER_KEY, getter);
+};
+var init_cspNonceRef = __esm(() => {
+  GETTER_KEY = Symbol.for("absolutejs.cspNonceGetter");
+});
+
+// src/utils/fontAssets.ts
+var FONT_PRELOAD_MANIFEST_PREFIX = "AbsoluteFontPreload", FONTS_CSS_MANIFEST_KEY = "AbsoluteFontsCSS", FONTS_REMOTE_CSS_MANIFEST_PREFIX = "AbsoluteFontsRemoteCSS", MIME_BY_EXTENSION, numberedValues = (manifest, prefix) => Object.keys(manifest).filter((key) => key.startsWith(prefix)).map((key) => ({
+  index: Number(key.slice(prefix.length)),
+  value: manifest[key]
+})).filter((entry) => Number.isInteger(entry.index) && entry.value !== undefined).sort((left, right) => left.index - right.index).map((entry) => entry.value), fontAssets = (manifest) => {
+  const stylesheet = manifest[FONTS_CSS_MANIFEST_KEY];
+  const assets = {
+    preload: numberedValues(manifest, FONT_PRELOAD_MANIFEST_PREFIX),
+    stylesheets: [
+      ...numberedValues(manifest, FONTS_REMOTE_CSS_MANIFEST_PREFIX),
+      ...stylesheet ? [stylesheet] : []
+    ]
+  };
+  return assets;
+}, fontMimeType = (href) => {
+  const extension = /\.([a-z0-9]+)(?:[?#].*)?$/i.exec(href)?.[1]?.toLowerCase();
+  return (extension && MIME_BY_EXTENSION[extension]) ?? "font/woff2";
+}, escapeAttribute = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;"), isRemote = (href) => /^https?:\/\//i.test(href), fontPreconnectOrigins = (fonts) => fonts.stylesheets.some(isRemote) ? ["https://fonts.googleapis.com", "https://fonts.gstatic.com"] : [], renderFontTags = (fonts) => [
+  ...fontPreconnectOrigins(fonts).map((origin) => origin.includes("gstatic") ? `<link rel="preconnect" href="${origin}" crossorigin>` : `<link rel="preconnect" href="${origin}">`),
+  ...fonts.preload.map((href) => `<link rel="preload" href="${escapeAttribute(href)}" as="font" type="${fontMimeType(href)}" crossorigin>`),
+  ...fonts.stylesheets.map((href) => `<link rel="stylesheet" href="${escapeAttribute(href)}" data-absolute-fonts>`)
+];
+var init_fontAssets = __esm(() => {
+  MIME_BY_EXTENSION = {
+    otf: "font/otf",
+    ttf: "font/ttf",
+    woff: "font/woff",
+    woff2: "font/woff2"
+  };
+});
+
 // src/utils/iconVersion.ts
 var iconMimeType = (icon) => {
   if (icon.endsWith(".svg"))
@@ -83,6 +128,20 @@ var iconMimeType = (icon) => {
   resolver = resolverFn;
 };
 
+// src/utils/escapeScriptContent.ts
+var ESCAPE_LOOKUP, ESCAPE_REGEX, escapeScriptContent = (content) => content.replace(ESCAPE_REGEX, (char) => {
+  const escaped = ESCAPE_LOOKUP[char];
+  return escaped !== undefined ? escaped : char;
+});
+var init_escapeScriptContent = __esm(() => {
+  ESCAPE_LOOKUP = {
+    "\u2028": "\\u2028",
+    "\u2029": "\\u2029",
+    "<": "\\u003C"
+  };
+  ESCAPE_REGEX = /[<\u2028\u2029]/g;
+});
+
 // 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(() => {
@@ -102,12 +161,25 @@ var init_constants = __esm(() => {
   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/runtimeMode.ts
+var ENV_VAR = "NODE_ENV", getNodeEnv = () => process.env[ENV_VAR], isDevelopmentRuntime = () => process.env[ENV_VAR] === "development", isProductionRuntime = () => process.env[ENV_VAR] === "production";
+
+// src/react/components/Head.tsx
+init_cspNonceRef();
+init_fontAssets();
+
+// src/utils/generateHeadElement.ts
+init_fontAssets();
+init_cspNonceRef();
+
 // src/utils/jsonLd.ts
+init_escapeScriptContent();
 var jsonLd = (schema) => `<script type="application/ld+json">${serializeJsonLd(schema)}</script>`;
 var serializeJsonLd = (schema) => {
   const schemaOrgContext = "https://schema.org";
   const data = Array.isArray(schema) ? { "@context": schemaOrgContext, "@graph": schema } : { "@context": schemaOrgContext, ...schema };
-  return JSON.stringify(data);
+  return escapeScriptContent(JSON.stringify(data));
 };
 
 // src/utils/generateHeadElement.ts
@@ -194,6 +266,8 @@ var renderMetaTag = (tag) => {
     return `<meta name="${tag.name}" content="${tag.content}">`;
   return;
 };
+var escapeAttribute2 = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+var renderAlternateLinks = (alternates = []) => alternates.map(({ href, hreflang }) => `<link rel="alternate" hreflang="${escapeAttribute2(hreflang)}" href="${escapeAttribute2(href)}">`);
 var renderPreloadLink = (preload) => {
   const rel = preload.module ? "modulepreload" : "preload";
   const asAttribute = !preload.module && preload.as ? ` as="${preload.as}"` : "";
@@ -205,8 +279,10 @@ var generateHeadElement = ({
   title = "AbsoluteJS",
   description = "A page created using AbsoluteJS",
   font,
+  fonts,
   icon = "/assets/ico/favicon.ico",
   canonical,
+  alternates,
   openGraph,
   twitter,
   robots,
@@ -225,6 +301,7 @@ var generateHeadElement = ({
   if (canonical) {
     tags.push(`<link rel="canonical" href="${canonical}">`);
   }
+  tags.push(...renderAlternateLinks(alternates));
   tags.push(...renderOpenGraphTags(openGraph, title, description));
   tags.push(...renderTwitterTags(twitter, title, description));
   const robotsContent = robots ? renderRobotsContent(robots) : "";
@@ -236,19 +313,22 @@ var generateHeadElement = ({
   if (font) {
     tags.push(`<link rel="preconnect" href="https://fonts.googleapis.com">`, `<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>`, `<link href="https://fonts.googleapis.com/css2?family=${font}:wght@100..900&display=swap" rel="stylesheet">`);
   }
+  if (fonts) {
+    tags.push(...renderFontTags(fonts));
+  }
   for (const link of preload ?? []) {
     tags.push(renderPreloadLink(link));
   }
   const speculation = speculationRules ? serializeSpeculationRules(speculationRules) : undefined;
   if (speculation) {
-    tags.push(`<script type="speculationrules">${speculation}</script>`);
+    tags.push(`<script${nonceAttr()} type="speculationrules">${speculation}</script>`);
   }
   const cssPaths = cssPath ? [cssPath].flat() : [];
   for (const path of cssPaths) {
     tags.push(`<link rel="stylesheet" href="${path}" type="text/css">`);
   }
   if (jsonLd) {
-    tags.push(`<script type="application/ld+json">${serializeJsonLd(jsonLd)}</script>`);
+    tags.push(`<script${nonceAttr()} type="application/ld+json">${serializeJsonLd(jsonLd)}</script>`);
   }
   return `<head>
   ${tags.join(`
@@ -405,6 +485,29 @@ var toCrossOrigin = (value) => {
     return value;
   return "anonymous";
 };
+var FontLinks = ({ fonts }) => /* @__PURE__ */ jsxs(Fragment, {
+  children: [
+    fontPreconnectOrigins(fonts).map((origin) => /* @__PURE__ */ jsx("link", {
+      crossOrigin: origin.includes("gstatic") ? "anonymous" : undefined,
+      href: origin,
+      rel: "preconnect"
+    }, `preconnect:${origin}`)),
+    fonts.preload.map((href) => /* @__PURE__ */ jsx("link", {
+      as: "font",
+      crossOrigin: "anonymous",
+      href,
+      rel: "preload",
+      suppressHydrationWarning: true,
+      type: fontMimeType(href)
+    }, `preload:${href}`)),
+    fonts.stylesheets.map((href) => /* @__PURE__ */ jsx("link", {
+      "data-absolute-fonts": "",
+      href,
+      rel: "stylesheet",
+      suppressHydrationWarning: true
+    }, `stylesheet:${href}`))
+  ]
+});
 var SpeculationRulesScript = ({
   rules
 }) => {
@@ -413,6 +516,8 @@ var SpeculationRulesScript = ({
     return null;
   return /* @__PURE__ */ jsx("script", {
     dangerouslySetInnerHTML: { __html: body },
+    nonce: readCspNonce(),
+    suppressHydrationWarning: true,
     type: "speculationrules"
   });
 };
@@ -421,8 +526,10 @@ var Head = ({
   description = "A page created using AbsoluteJS",
   icon = "/assets/ico/favicon.ico",
   font,
+  fonts,
   cssPath,
   canonical,
+  alternates,
   openGraph,
   twitter,
   robots,
@@ -456,6 +563,11 @@ var Head = ({
       href: canonical,
       rel: "canonical"
     }),
+    alternates?.map(({ href, hreflang }) => /* @__PURE__ */ jsx("link", {
+      href,
+      hrefLang: hreflang,
+      rel: "alternate"
+    }, `alternate:${hreflang}`)),
     openGraph && /* @__PURE__ */ jsx(OpenGraphTags, {
       description,
       openGraph,
@@ -491,6 +603,9 @@ var Head = ({
         })
       ]
     }),
+    fonts && /* @__PURE__ */ jsx(FontLinks, {
+      fonts
+    }),
     preload?.map((link) => /* @__PURE__ */ jsx("link", {
       as: link.module ? undefined : link.as,
       crossOrigin: toCrossOrigin(link.crossorigin),
@@ -508,6 +623,8 @@ var Head = ({
     }, path)),
     jsonLd && /* @__PURE__ */ jsx("script", {
       dangerouslySetInnerHTML: { __html: serializeJsonLd(jsonLd) },
+      nonce: readCspNonce(),
+      suppressHydrationWarning: true,
       type: "application/ld+json"
     })
   ]
@@ -735,7 +852,7 @@ var setStreamingSlotWarningController = (controller) => {
   Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY, controller);
 };
 var warnMissingStreamingSlotCollector = (primitiveName) => {
-  if (isStreamingSlotCollectionActive()) {
+  if (isProductionRuntime() || isStreamingSlotCollectionActive()) {
     return;
   }
   getWarningController()?.maybeWarn(primitiveName);
@@ -746,10 +863,12 @@ import { jsx as jsx4 } from "react/jsx-runtime";
 var isLegacyProps = (props) => ("fallbackHtml" in props) || ("errorHtml" in props);
 var renderReactNodeToHtml = async (node) => {
   const { Fragment } = await import("react");
-  const { renderToStaticMarkup } = await import("react-dom/server");
-  return renderToStaticMarkup(/* @__PURE__ */ jsx4(Fragment, {
+  const { renderToReadableStream } = await import("react-dom/server");
+  const stream = await renderToReadableStream(/* @__PURE__ */ jsx4(Fragment, {
     children: node
   }));
+  await stream.allReady;
+  return new Response(stream).text();
 };
 var hasRenderChildren = (props) => typeof props.children === "function";
 async function resolveRenderSuspenseValue(props) {
@@ -781,6 +900,7 @@ var renderErrorFallback = async (props, error) => {
 };
 var registerLegacySuspenseSlot = (props) => {
   registerStreamingSlot({
+    dynamic: props.dynamic,
     errorHtml: props.errorHtml,
     fallbackHtml: props.fallbackHtml,
     id: props.id,
@@ -790,6 +910,7 @@ var registerLegacySuspenseSlot = (props) => {
 };
 var registerFrameworkSuspenseSlot = (props) => {
   registerStreamingSlot({
+    dynamic: props.dynamic,
     id: props.id,
     timeoutMs: props.timeoutMs,
     resolve: async () => {
@@ -837,6 +958,7 @@ var SuspenseSlot = (props) => {
 import { jsx as jsx5 } from "react/jsx-runtime";
 var StreamSlot = ({
   className,
+  dynamic,
   errorHtml,
   fallbackHtml = "",
   id,
@@ -845,6 +967,7 @@ var StreamSlot = ({
 }) => {
   if (isStreamingSlotCollectionActive()) {
     registerStreamingSlot({
+      dynamic,
       errorHtml,
       fallbackHtml,
       id,
@@ -867,6 +990,20 @@ import {
   useContext
 } from "react";
 
+// src/dev/client/cspNonce.ts
+var applyPageNonce = (element) => {
+  const nonce = readPageNonce();
+  if (nonce)
+    element.nonce = nonce;
+  return element;
+};
+var readPageNonce = () => {
+  if (typeof document === "undefined")
+    return;
+  const carrier = document.querySelector("script[nonce], style[nonce]");
+  return carrier?.nonce || undefined;
+};
+
 // src/client/prefetch.ts
 var PREFETCH_CACHE_LIMIT = 16;
 var HOVER_DEBOUNCE_MS = 250;
@@ -1141,7 +1278,7 @@ var speculate = (url) => {
     liveSpeculationRules.get(oldest.value)?.remove();
     liveSpeculationRules.delete(oldest.value);
   }
-  const script = document.createElement("script");
+  const script = applyPageNonce(document.createElement("script"));
   script.type = "speculationrules";
   script.textContent = JSON.stringify({
     prerender: [{ eagerness: "immediate", urls: [url] }]
@@ -1160,6 +1297,7 @@ var scheduleHoverPrefetch = (url, options = {}) => {
     prefetch(url, { kind: options.kind ?? "route" });
     if (options.prerender)
       speculate(url);
+    options.onPrefetch?.();
   }, HOVER_DEBOUNCE_MS);
   return {
     cancel: () => window.clearTimeout(timer)
@@ -1174,8 +1312,10 @@ var handleIntersections = (entries) => {
     const target = viewportTargets.get(entry.target);
     viewportObserver?.unobserve(entry.target);
     viewportTargets.delete(entry.target);
-    if (target)
-      prefetch(target.url, target.options);
+    if (!target)
+      continue;
+    prefetch(target.url, { kind: target.options.kind });
+    target.options.onVisible?.();
   }
 };
 var getViewportObserver = () => {
@@ -1351,5 +1491,5 @@ export {
   usePrefetch
 };
 
-//# debugId=56D3BF5740E6482864756E2164756E21
+//# debugId=4FB4CF45E57F77C164756E2164756E21
 //# sourceMappingURL=index.js.map