cloudcommerce 0.22.2 → 0.22.4

package/packages/storefront/dist/server/chunks/{astro.e0968ba7.mjs → astro.b875de26.mjs}

@@ -1145,7 +1145,7 @@ function createComponent(arg1, moduleId, propagation) {
   }
 }
 
-const ASTRO_VERSION = "2.9.2";
+const ASTRO_VERSION = "2.9.6";
 
 function createAstroGlobFn() {
   const globHandler = (importMetaGlobResult) => {
@@ -1342,1172 +1342,824 @@ function unescapeHTML(str) {
   return markHTMLString(str);
 }
 
-var astro_island_prebuilt_default = `(()=>{var d;{let h={0:t=>t,1:t=>JSON.parse(t,a),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,a)),5:t=>new Set(JSON.parse(t,a)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(JSON.parse(t)),9:t=>new Uint16Array(JSON.parse(t)),10:t=>new Uint32Array(JSON.parse(t))},a=(t,e)=>{if(t===""||!Array.isArray(e))return e;let[r,n]=e;return r in h?h[r](n):void 0};customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var o;if(!this.hydrator||!this.isConnected)return;let e=(o=this.parentElement)==null?void 0:o.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),n={},c=this.querySelectorAll("template[data-astro-template]");for(let s of c){let i=s.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[s.getAttribute("data-astro-template")||"default"]=s.innerHTML,s.remove())}for(let s of r){let i=s.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[s.getAttribute("name")||"default"]=s.innerHTML)}let l=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),a):{};await this.hydrator(this)(this.Component,l,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,r)=>{r.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(\`astro:\${r}\`,()=>this.start(),{once:!0});return}Astro[r](async()=>{let n=this.getAttribute("renderer-url"),[c,{default:l}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),o=this.getAttribute("component-export")||"default";if(!o.includes("."))this.Component=c[o];else{this.Component=c;for(let s of o.split("."))this.Component=this.Component[s]}return this.hydrator=l,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();`;
+const PROP_TYPE = {
+  Value: 0,
+  JSON: 1,
+  RegExp: 2,
+  Date: 3,
+  Map: 4,
+  Set: 5,
+  BigInt: 6,
+  URL: 7,
+  Uint8Array: 8,
+  Uint16Array: 9,
+  Uint32Array: 10
+};
+function serializeArray(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
+  if (parents.has(value)) {
+    throw new Error(`Cyclic reference detected while serializing props for <${metadata.displayName} client:${metadata.hydrate}>!
 
-const ISLAND_STYLES = `<style>astro-island,astro-slot,astro-static-slot{display:contents}</style>`;
-function determineIfNeedsHydrationScript(result) {
-  if (result._metadata.hasHydrationScript) {
-    return false;
-  }
-  return result._metadata.hasHydrationScript = true;
-}
-function determinesIfNeedsDirectiveScript(result, directive) {
-  if (result._metadata.hasDirectives.has(directive)) {
-    return false;
-  }
-  result._metadata.hasDirectives.add(directive);
-  return true;
-}
-function getDirectiveScriptText(result, directive) {
-  const clientDirectives = result.clientDirectives;
-  const clientDirective = clientDirectives.get(directive);
-  if (!clientDirective) {
-    throw new Error(`Unknown directive: ${directive}`);
-  }
-  return clientDirective;
-}
-function getPrescripts(result, type, directive) {
-  switch (type) {
-    case "both":
-      return `${ISLAND_STYLES}<script>${getDirectiveScriptText(
-        result,
-        directive
-      )};${astro_island_prebuilt_default}</script>`;
-    case "directive":
-      return `<script>${getDirectiveScriptText(result, directive)}</script>`;
+Cyclic references cannot be safely serialized for client-side usage. Please remove the cyclic reference.`);
   }
-  return "";
+  parents.add(value);
+  const serialized = value.map((v) => {
+    return convertToSerializedForm(v, metadata, parents);
+  });
+  parents.delete(value);
+  return serialized;
 }
+function serializeObject(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
+  if (parents.has(value)) {
+    throw new Error(`Cyclic reference detected while serializing props for <${metadata.displayName} client:${metadata.hydrate}>!
 
-const voidElementNames = /^(area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/i;
-const htmlBooleanAttributes = /^(allowfullscreen|async|autofocus|autoplay|controls|default|defer|disabled|disablepictureinpicture|disableremoteplayback|formnovalidate|hidden|loop|nomodule|novalidate|open|playsinline|readonly|required|reversed|scoped|seamless|itemscope)$/i;
-const htmlEnumAttributes = /^(contenteditable|draggable|spellcheck|value)$/i;
-const svgEnumAttributes = /^(autoReverse|externalResourcesRequired|focusable|preserveAlpha)$/i;
-const STATIC_DIRECTIVES = /* @__PURE__ */ new Set(["set:html", "set:text"]);
-const toIdent = (k) => k.trim().replace(/(?:(?!^)\b\w|\s+|[^\w]+)/g, (match, index) => {
-  if (/[^\w]|\s/.test(match))
-    return "";
-  return index === 0 ? match : match.toUpperCase();
-});
-const toAttributeString = (value, shouldEscape = true) => shouldEscape ? String(value).replace(/&/g, "&#38;").replace(/"/g, "&#34;") : value;
-const kebab = (k) => k.toLowerCase() === k ? k : k.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-const toStyleString = (obj) => Object.entries(obj).map(([k, v]) => {
-  if (k[0] !== "-" && k[1] !== "-")
-    return `${kebab(k)}:${v}`;
-  if (kebab(k) !== k)
-    return `${kebab(k)}:var(${k});${k}:${v}`;
-  return `${k}:${v}`;
-}).join(";");
-function defineScriptVars(vars) {
-  var _a;
-  let output = "";
-  for (const [key, value] of Object.entries(vars)) {
-    output += `const ${toIdent(key)} = ${(_a = JSON.stringify(value)) == null ? void 0 : _a.replace(
-      /<\/script>/g,
-      "\\x3C/script>"
-    )};
-`;
-  }
-  return markHTMLString(output);
-}
-function formatList(values) {
-  if (values.length === 1) {
-    return values[0];
+Cyclic references cannot be safely serialized for client-side usage. Please remove the cyclic reference.`);
   }
-  return `${values.slice(0, -1).join(", ")} or ${values[values.length - 1]}`;
+  parents.add(value);
+  const serialized = Object.fromEntries(
+    Object.entries(value).map(([k, v]) => {
+      return [k, convertToSerializedForm(v, metadata, parents)];
+    })
+  );
+  parents.delete(value);
+  return serialized;
 }
-function addAttribute(value, key, shouldEscape = true) {
-  if (value == null) {
-    return "";
-  }
-  if (value === false) {
-    if (htmlEnumAttributes.test(key) || svgEnumAttributes.test(key)) {
-      return markHTMLString(` ${key}="false"`);
-    }
-    return "";
-  }
-  if (STATIC_DIRECTIVES.has(key)) {
-    console.warn(`[astro] The "${key}" directive cannot be applied dynamically at runtime. It will not be rendered as an attribute.
-
-Make sure to use the static attribute syntax (\`${key}={value}\`) instead of the dynamic spread syntax (\`{...{ "${key}": value }}\`).`);
-    return "";
-  }
-  if (key === "class:list") {
-    const listValue = toAttributeString(serializeListValue(value), shouldEscape);
-    if (listValue === "") {
-      return "";
+function convertToSerializedForm(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
+  const tag = Object.prototype.toString.call(value);
+  switch (tag) {
+    case "[object Date]": {
+      return [PROP_TYPE.Date, value.toISOString()];
     }
-    return markHTMLString(` ${key.slice(0, -5)}="${listValue}"`);
-  }
-  if (key === "style" && !(value instanceof HTMLString)) {
-    if (Array.isArray(value) && value.length === 2) {
-      return markHTMLString(
-        ` ${key}="${toAttributeString(`${toStyleString(value[0])};${value[1]}`, shouldEscape)}"`
-      );
+    case "[object RegExp]": {
+      return [PROP_TYPE.RegExp, value.source];
     }
-    if (typeof value === "object") {
-      return markHTMLString(` ${key}="${toAttributeString(toStyleString(value), shouldEscape)}"`);
+    case "[object Map]": {
+      return [
+        PROP_TYPE.Map,
+        JSON.stringify(serializeArray(Array.from(value), metadata, parents))
+      ];
     }
-  }
-  if (key === "className") {
-    return markHTMLString(` class="${toAttributeString(value, shouldEscape)}"`);
-  }
-  if (value === true && (key.startsWith("data-") || htmlBooleanAttributes.test(key))) {
-    return markHTMLString(` ${key}`);
-  } else {
-    return markHTMLString(` ${key}="${toAttributeString(value, shouldEscape)}"`);
-  }
-}
-function internalSpreadAttributes(values, shouldEscape = true) {
-  let output = "";
-  for (const [key, value] of Object.entries(values)) {
-    output += addAttribute(value, key, shouldEscape);
-  }
-  return markHTMLString(output);
-}
-function renderElement$1(name, { props: _props, children = "" }, shouldEscape = true) {
-  const { lang: _, "data-astro-id": astroId, "define:vars": defineVars, ...props } = _props;
-  if (defineVars) {
-    if (name === "style") {
-      delete props["is:global"];
-      delete props["is:scoped"];
+    case "[object Set]": {
+      return [
+        PROP_TYPE.Set,
+        JSON.stringify(serializeArray(Array.from(value), metadata, parents))
+      ];
     }
-    if (name === "script") {
-      delete props.hoist;
-      children = defineScriptVars(defineVars) + "\n" + children;
+    case "[object BigInt]": {
+      return [PROP_TYPE.BigInt, value.toString()];
     }
-  }
-  if ((children == null || children == "") && voidElementNames.test(name)) {
-    return `<${name}${internalSpreadAttributes(props, shouldEscape)} />`;
-  }
-  return `<${name}${internalSpreadAttributes(props, shouldEscape)}>${children}</${name}>`;
-}
-const iteratorQueue = [];
-function queueIteratorBuffers(iterators) {
-  if (iteratorQueue.length === 0) {
-    setTimeout(() => {
-      iteratorQueue.forEach((its) => its.forEach((it) => !it.isStarted() && it.buffer()));
-      iteratorQueue.length = 0;
-    });
-  }
-  iteratorQueue.push(iterators);
-}
-function bufferIterators(iterators) {
-  const eagerIterators = iterators.map((it) => new EagerAsyncIterableIterator(it));
-  queueIteratorBuffers(eagerIterators);
-  return eagerIterators;
-}
-class EagerAsyncIterableIterator {
-  #iterable;
-  #queue = new Queue();
-  #error = void 0;
-  #next;
-  /**
-   * Whether the proxy is running in buffering or pass-through mode
-   */
-  #isBuffering = false;
-  #gen = void 0;
-  #isStarted = false;
-  constructor(iterable) {
-    this.#iterable = iterable;
-  }
-  /**
-   * Starts to eagerly fetch the inner iterator and cache the results.
-   * Note: This might not be called after next() has been called once, e.g. the iterator is started
-   */
-  async buffer() {
-    if (this.#gen) {
-      throw new Error("Cannot not switch from non-buffer to buffer mode");
+    case "[object URL]": {
+      return [PROP_TYPE.URL, value.toString()];
     }
-    this.#isBuffering = true;
-    this.#isStarted = true;
-    this.#gen = this.#iterable[Symbol.asyncIterator]();
-    let value = void 0;
-    do {
-      this.#next = this.#gen.next();
-      try {
-        value = await this.#next;
-        this.#queue.push(value);
-      } catch (e) {
-        this.#error = e;
-      }
-    } while (value && !value.done);
-  }
-  async next() {
-    if (this.#error) {
-      throw this.#error;
+    case "[object Array]": {
+      return [PROP_TYPE.JSON, JSON.stringify(serializeArray(value, metadata, parents))];
     }
-    if (!this.#isBuffering) {
-      if (!this.#gen) {
-        this.#isStarted = true;
-        this.#gen = this.#iterable[Symbol.asyncIterator]();
-      }
-      return await this.#gen.next();
+    case "[object Uint8Array]": {
+      return [PROP_TYPE.Uint8Array, JSON.stringify(Array.from(value))];
     }
-    if (!this.#queue.isEmpty()) {
-      return this.#queue.shift();
+    case "[object Uint16Array]": {
+      return [PROP_TYPE.Uint16Array, JSON.stringify(Array.from(value))];
     }
-    await this.#next;
-    return this.#queue.shift();
-  }
-  isStarted() {
-    return this.#isStarted;
-  }
-  [Symbol.asyncIterator]() {
-    return this;
-  }
-}
-class Queue {
-  constructor() {
-    this.head = void 0;
-    this.tail = void 0;
-  }
-  push(item) {
-    if (this.head === void 0) {
-      this.head = { item };
-      this.tail = this.head;
-    } else {
-      this.tail.next = { item };
-      this.tail = this.tail.next;
+    case "[object Uint32Array]": {
+      return [PROP_TYPE.Uint32Array, JSON.stringify(Array.from(value))];
     }
-  }
-  isEmpty() {
-    return this.head === void 0;
-  }
-  shift() {
-    var _a, _b;
-    const val = (_a = this.head) == null ? void 0 : _a.item;
-    this.head = (_b = this.head) == null ? void 0 : _b.next;
-    return val;
-  }
-}
-
-const uniqueElements = (item, index, all) => {
-  const props = JSON.stringify(item.props);
-  const children = item.children;
-  return index === all.findIndex((i) => JSON.stringify(i.props) === props && i.children == children);
-};
-function renderAllHeadContent(result) {
-  result._metadata.hasRenderedHead = true;
-  const styles = Array.from(result.styles).filter(uniqueElements).map(
-    (style) => style.props.rel === "stylesheet" ? renderElement$1("link", style) : renderElement$1("style", style)
-  );
-  result.styles.clear();
-  const scripts = Array.from(result.scripts).filter(uniqueElements).map((script) => {
-    return renderElement$1("script", script, false);
-  });
-  const links = Array.from(result.links).filter(uniqueElements).map((link) => renderElement$1("link", link, false));
-  let content = links.join("\n") + styles.join("\n") + scripts.join("\n");
-  if (result._metadata.extraHead.length > 0) {
-    for (const part of result._metadata.extraHead) {
-      content += part;
+    default: {
+      if (value !== null && typeof value === "object") {
+        return [PROP_TYPE.Value, serializeObject(value, metadata, parents)];
+      } else if (value === void 0) {
+        return [PROP_TYPE.Value];
+      } else {
+        return [PROP_TYPE.Value, value];
+      }
     }
   }
-  return markHTMLString(content);
 }
-function* renderHead() {
-  yield { type: "head" };
-}
-function* maybeRenderHead() {
-  yield { type: "maybe-head" };
+function serializeProps(props, metadata) {
+  const serialized = JSON.stringify(serializeObject(props, metadata));
+  return serialized;
 }
 
-function isAstroComponentFactory(obj) {
-  return obj == null ? false : obj.isAstroComponentFactory === true;
-}
-function isAPropagatingComponent(result, factory) {
-  let hint = factory.propagation || "none";
-  if (factory.moduleId && result.componentMetadata.has(factory.moduleId) && hint === "none") {
-    hint = result.componentMetadata.get(factory.moduleId).propagation;
-  }
-  return hint === "in-tree" || hint === "self";
-}
-
-const headAndContentSym = Symbol.for("astro.headAndContent");
-function isHeadAndContent(obj) {
-  return typeof obj === "object" && !!obj[headAndContentSym];
-}
-
-var _a$1;
-const astroComponentInstanceSym = Symbol.for("astro.componentInstance");
-class AstroComponentInstance {
-  constructor(result, props, slots, factory) {
-    this[_a$1] = true;
-    this.result = result;
-    this.props = props;
-    this.factory = factory;
-    this.slotValues = {};
-    for (const name in slots) {
-      const value = slots[name](result);
-      this.slotValues[name] = () => value;
-    }
-  }
-  async init(result) {
-    this.returnValue = this.factory(result, this.props, this.slotValues);
-    return this.returnValue;
-  }
-  async *render() {
-    if (this.returnValue === void 0) {
-      await this.init(this.result);
-    }
-    let value = this.returnValue;
-    if (isPromise(value)) {
-      value = await value;
-    }
-    if (isHeadAndContent(value)) {
-      yield* value.content;
-    } else {
-      yield* renderChild(value);
-    }
-  }
-}
-_a$1 = astroComponentInstanceSym;
-function validateComponentProps(props, displayName) {
-  if (props != null) {
-    for (const prop of Object.keys(props)) {
-      if (prop.startsWith("client:")) {
-        console.warn(
-          `You are attempting to render <${displayName} ${prop} />, but ${displayName} is an Astro component. Astro components do not render in the client and should not have a hydration directive. Please use a framework component for client rendering.`
-        );
+function extractDirectives(inputProps, clientDirectives) {
+  let extracted = {
+    isPage: false,
+    hydration: null,
+    props: {}
+  };
+  for (const [key, value] of Object.entries(inputProps)) {
+    if (key.startsWith("server:")) {
+      if (key === "server:root") {
+        extracted.isPage = true;
       }
     }
-  }
-}
-function createAstroComponentInstance(result, displayName, factory, props, slots = {}) {
-  validateComponentProps(props, displayName);
-  const instance = new AstroComponentInstance(result, props, slots, factory);
-  if (isAPropagatingComponent(result, factory) && !result._metadata.propagators.has(factory)) {
-    result._metadata.propagators.set(factory, instance);
-  }
-  return instance;
-}
-function isAstroComponentInstance(obj) {
-  return typeof obj === "object" && !!obj[astroComponentInstanceSym];
-}
-
-var _a;
-const renderTemplateResultSym = Symbol.for("astro.renderTemplateResult");
-class RenderTemplateResult {
-  constructor(htmlParts, expressions) {
-    this[_a] = true;
-    this.htmlParts = htmlParts;
-    this.error = void 0;
-    this.expressions = expressions.map((expression) => {
-      if (isPromise(expression)) {
-        return Promise.resolve(expression).catch((err) => {
-          if (!this.error) {
-            this.error = err;
-            throw err;
-          }
-        });
-      }
-      return expression;
-    });
-  }
-  async *[(_a = renderTemplateResultSym, Symbol.asyncIterator)]() {
-    const { htmlParts, expressions } = this;
-    let iterables = bufferIterators(expressions.map((e) => renderChild(e)));
-    for (let i = 0; i < htmlParts.length; i++) {
-      const html = htmlParts[i];
-      const iterable = iterables[i];
-      yield markHTMLString(html);
-      if (iterable) {
-        yield* iterable;
+    if (key.startsWith("client:")) {
+      if (!extracted.hydration) {
+        extracted.hydration = {
+          directive: "",
+          value: "",
+          componentUrl: "",
+          componentExport: { value: "" }
+        };
       }
-    }
-  }
-}
-function isRenderTemplateResult(obj) {
-  return typeof obj === "object" && !!obj[renderTemplateResultSym];
-}
-async function* renderAstroTemplateResult(component) {
-  for await (const value of component) {
-    if (value || value === 0) {
-      for await (const chunk of renderChild(value)) {
-        switch (chunk.type) {
-          case "directive": {
-            yield chunk;
-            break;
+      switch (key) {
+        case "client:component-path": {
+          extracted.hydration.componentUrl = value;
+          break;
+        }
+        case "client:component-export": {
+          extracted.hydration.componentExport.value = value;
+          break;
+        }
+        case "client:component-hydration": {
+          break;
+        }
+        case "client:display-name": {
+          break;
+        }
+        default: {
+          extracted.hydration.directive = key.split(":")[1];
+          extracted.hydration.value = value;
+          if (!clientDirectives.has(extracted.hydration.directive)) {
+            const hydrationMethods = Array.from(clientDirectives.keys()).map((d) => `client:${d}`).join(", ");
+            throw new Error(
+              `Error: invalid hydration directive "${key}". Supported hydration methods: ${hydrationMethods}`
+            );
           }
-          default: {
-            yield markHTMLString(chunk);
-            break;
+          if (extracted.hydration.directive === "media" && typeof extracted.hydration.value !== "string") {
+            throw new AstroError(AstroErrorData.MissingMediaQueryDirective);
           }
+          break;
         }
       }
-    }
-  }
-}
-function renderTemplate(htmlParts, ...expressions) {
-  return new RenderTemplateResult(htmlParts, expressions);
-}
-
-async function renderToString(result, componentFactory, props, children, isPage = false, route) {
-  const templateResult = await callComponentAsTemplateResultOrResponse(
-    result,
-    componentFactory,
-    props,
-    children,
-    route
-  );
-  if (templateResult instanceof Response)
-    return templateResult;
-  let str = "";
-  let renderedFirstPageChunk = false;
-  const destination = {
-    write(chunk) {
-      if (isPage && !renderedFirstPageChunk) {
-        renderedFirstPageChunk = true;
-        if (!/<!doctype html/i.test(String(chunk))) {
-          const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
-          str += doctype;
-        }
+    } else if (key === "class:list") {
+      if (value) {
+        extracted.props[key.slice(0, -5)] = serializeListValue(value);
       }
-      if (chunk instanceof Response)
-        return;
-      str += chunkToString(result, chunk);
+    } else {
+      extracted.props[key] = value;
     }
-  };
-  for await (const chunk of renderAstroTemplateResult(templateResult)) {
-    destination.write(chunk);
   }
-  return str;
-}
-async function renderToReadableStream(result, componentFactory, props, children, isPage = false, route) {
-  const templateResult = await callComponentAsTemplateResultOrResponse(
-    result,
-    componentFactory,
-    props,
-    children,
-    route
-  );
-  if (templateResult instanceof Response)
-    return templateResult;
-  if (isPage) {
-    await bufferHeadContent(result);
+  for (const sym of Object.getOwnPropertySymbols(inputProps)) {
+    extracted.props[sym] = inputProps[sym];
   }
-  let renderedFirstPageChunk = false;
-  return new ReadableStream({
-    start(controller) {
-      const destination = {
-        write(chunk) {
-          if (isPage && !renderedFirstPageChunk) {
-            renderedFirstPageChunk = true;
-            if (!/<!doctype html/i.test(String(chunk))) {
-              const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
-              controller.enqueue(encoder.encode(doctype));
-            }
-          }
-          if (chunk instanceof Response) {
-            throw new AstroError({
-              ...AstroErrorData.ResponseSentError
-            });
-          }
-          const bytes = chunkToByteArray(result, chunk);
-          controller.enqueue(bytes);
-        }
-      };
-      (async () => {
-        try {
-          for await (const chunk of renderAstroTemplateResult(templateResult)) {
-            destination.write(chunk);
-          }
-          controller.close();
-        } catch (e) {
-          if (AstroError.is(e) && !e.loc) {
-            e.setLocation({
-              file: route == null ? void 0 : route.component
-            });
-          }
-          controller.error(e);
-        }
-      })();
-    }
-  });
+  return extracted;
 }
-async function callComponentAsTemplateResultOrResponse(result, componentFactory, props, children, route) {
-  const factoryResult = await componentFactory(result, props, children);
-  if (factoryResult instanceof Response) {
-    return factoryResult;
-  } else if (!isRenderTemplateResult(factoryResult)) {
-    throw new AstroError({
-      ...AstroErrorData.OnlyResponseCanBeReturned,
-      message: AstroErrorData.OnlyResponseCanBeReturned.message(route == null ? void 0 : route.route, typeof factoryResult),
-      location: {
-        file: route == null ? void 0 : route.component
-      }
-    });
+async function generateHydrateScript(scriptOptions, metadata) {
+  const { renderer, result, astroId, props, attrs } = scriptOptions;
+  const { hydrate, componentUrl, componentExport } = metadata;
+  if (!componentExport.value) {
+    throw new Error(
+      `Unable to resolve a valid export for "${metadata.displayName}"! Please open an issue at https://astro.build/issues!`
+    );
   }
-  return isHeadAndContent(factoryResult) ? factoryResult.content : factoryResult;
-}
-async function bufferHeadContent(result) {
-  const iterator = result._metadata.propagators.values();
-  while (true) {
-    const { value, done } = iterator.next();
-    if (done) {
-      break;
+  const island = {
+    children: "",
+    props: {
+      // This is for HMR, probably can avoid it in prod
+      uid: astroId
     }
-    const returnValue = await value.init(result);
-    if (isHeadAndContent(returnValue)) {
-      result._metadata.extraHead.push(returnValue.head);
+  };
+  if (attrs) {
+    for (const [key, value] of Object.entries(attrs)) {
+      island.props[key] = escapeHTML(value);
     }
   }
-}
-
-async function* renderChild(child) {
-  child = await child;
-  if (child instanceof SlotString) {
-    if (child.instructions) {
-      yield* child.instructions;
-    }
-    yield child;
-  } else if (isHTMLString(child)) {
-    yield child;
-  } else if (Array.isArray(child)) {
-    const bufferedIterators = bufferIterators(child.map((c) => renderChild(c)));
-    for (const value of bufferedIterators) {
-      yield markHTMLString(await value);
-    }
-  } else if (typeof child === "function") {
-    yield* renderChild(child());
-  } else if (typeof child === "string") {
-    yield markHTMLString(escapeHTML(child));
-  } else if (!child && child !== 0) ; else if (isRenderTemplateResult(child)) {
-    yield* renderAstroTemplateResult(child);
-  } else if (isAstroComponentInstance(child)) {
-    yield* child.render();
-  } else if (ArrayBuffer.isView(child)) {
-    yield child;
-  } else if (typeof child === "object" && (Symbol.asyncIterator in child || Symbol.iterator in child)) {
-    yield* child;
-  } else {
-    yield child;
+  island.props["component-url"] = await result.resolve(decodeURI(componentUrl));
+  if (renderer.clientEntrypoint) {
+    island.props["component-export"] = componentExport.value;
+    island.props["renderer-url"] = await result.resolve(decodeURI(renderer.clientEntrypoint));
+    island.props["props"] = escapeHTML(serializeProps(props, metadata));
+  }
+  island.props["ssr"] = "";
+  island.props["client"] = hydrate;
+  let beforeHydrationUrl = await result.resolve("astro:scripts/before-hydration.js");
+  if (beforeHydrationUrl.length) {
+    island.props["before-hydration-url"] = beforeHydrationUrl;
   }
+  island.props["opts"] = escapeHTML(
+    JSON.stringify({
+      name: metadata.displayName,
+      value: metadata.hydrateArgs || ""
+    })
+  );
+  return island;
 }
 
-const slotString = Symbol.for("astro:slot-string");
-class SlotString extends HTMLString {
-  constructor(content, instructions) {
-    super(content);
-    this.instructions = instructions;
-    this[slotString] = true;
+/**
+ * shortdash - https://github.com/bibig/node-shorthash
+ *
+ * @license
+ *
+ * (The MIT License)
+ *
+ * Copyright (c) 2013 Bibig <bibig@me.com>
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+const dictionary = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXY";
+const binary = dictionary.length;
+function bitwise(str) {
+  let hash = 0;
+  if (str.length === 0)
+    return hash;
+  for (let i = 0; i < str.length; i++) {
+    const ch = str.charCodeAt(i);
+    hash = (hash << 5) - hash + ch;
+    hash = hash & hash;
   }
+  return hash;
 }
-function isSlotString(str) {
-  return !!str[slotString];
-}
-async function* renderSlot(result, slotted, fallback) {
-  if (slotted) {
-    let iterator = renderChild(typeof slotted === "function" ? slotted(result) : slotted);
-    yield* iterator;
+function shorthash(text) {
+  let num;
+  let result = "";
+  let integer = bitwise(text);
+  const sign = integer < 0 ? "Z" : "";
+  integer = Math.abs(integer);
+  while (integer >= binary) {
+    num = integer % binary;
+    integer = Math.floor(integer / binary);
+    result = dictionary[num] + result;
   }
-  if (fallback && !slotted) {
-    yield* renderSlot(result, fallback);
+  if (integer > 0) {
+    result = dictionary[integer] + result;
   }
+  return sign + result;
 }
-async function renderSlotToString(result, slotted, fallback) {
-  let content = "";
-  let instructions = null;
-  let iterator = renderSlot(result, slotted, fallback);
-  for await (const chunk of iterator) {
-    if (typeof chunk.type === "string") {
-      if (instructions === null) {
-        instructions = [];
-      }
-      instructions.push(chunk);
-    } else {
-      content += chunk;
-    }
-  }
-  return markHTMLString(new SlotString(content, instructions));
+
+function isAstroComponentFactory(obj) {
+  return obj == null ? false : obj.isAstroComponentFactory === true;
 }
-async function renderSlots(result, slots = {}) {
-  let slotInstructions = null;
-  let children = {};
-  if (slots) {
-    await Promise.all(
-      Object.entries(slots).map(
-        ([key, value]) => renderSlotToString(result, value).then((output) => {
-          if (output.instructions) {
-            if (slotInstructions === null) {
-              slotInstructions = [];
-            }
-            slotInstructions.push(...output.instructions);
-          }
-          children[key] = output;
-        })
-      )
-    );
+function isAPropagatingComponent(result, factory) {
+  let hint = factory.propagation || "none";
+  if (factory.moduleId && result.componentMetadata.has(factory.moduleId) && hint === "none") {
+    hint = result.componentMetadata.get(factory.moduleId).propagation;
   }
-  return { slotInstructions, children };
+  return hint === "in-tree" || hint === "self";
 }
 
-const Fragment = Symbol.for("astro:fragment");
-const Renderer = Symbol.for("astro:renderer");
-const encoder = new TextEncoder();
-const decoder = new TextDecoder();
-function stringifyChunk(result, chunk) {
-  if (typeof chunk.type === "string") {
-    const instruction = chunk;
-    switch (instruction.type) {
-      case "directive": {
-        const { hydration } = instruction;
-        let needsHydrationScript = hydration && determineIfNeedsHydrationScript(result);
-        let needsDirectiveScript = hydration && determinesIfNeedsDirectiveScript(result, hydration.directive);
-        let prescriptType = needsHydrationScript ? "both" : needsDirectiveScript ? "directive" : null;
-        if (prescriptType) {
-          let prescripts = getPrescripts(result, prescriptType, hydration.directive);
-          return markHTMLString(prescripts);
-        } else {
-          return "";
-        }
-      }
-      case "head": {
-        if (result._metadata.hasRenderedHead) {
-          return "";
-        }
-        return renderAllHeadContent(result);
-      }
-      case "maybe-head": {
-        if (result._metadata.hasRenderedHead || result._metadata.headInTree) {
-          return "";
-        }
-        return renderAllHeadContent(result);
-      }
-      default: {
-        if (chunk instanceof Response) {
-          return "";
-        }
-        throw new Error(`Unknown chunk type: ${chunk.type}`);
-      }
-    }
-  } else {
-    if (isSlotString(chunk)) {
-      let out = "";
-      const c = chunk;
-      if (c.instructions) {
-        for (const instr of c.instructions) {
-          out += stringifyChunk(result, instr);
-        }
-      }
-      out += chunk.toString();
-      return out;
-    }
-    return chunk.toString();
-  }
+const headAndContentSym = Symbol.for("astro.headAndContent");
+function isHeadAndContent(obj) {
+  return typeof obj === "object" && !!obj[headAndContentSym];
 }
-class HTMLParts {
-  constructor() {
-    this.parts = "";
-  }
-  append(part, result) {
-    if (ArrayBuffer.isView(part)) {
-      this.parts += decoder.decode(part);
-    } else {
-      this.parts += stringifyChunk(result, part);
-    }
-  }
-  toString() {
-    return this.parts;
+
+var astro_island_prebuilt_default = `(()=>{var d;{let h={0:t=>t,1:t=>JSON.parse(t,a),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(JSON.parse(t,a)),5:t=>new Set(JSON.parse(t,a)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(JSON.parse(t)),9:t=>new Uint16Array(JSON.parse(t)),10:t=>new Uint32Array(JSON.parse(t))},a=(t,e)=>{if(t===""||!Array.isArray(e))return e;let[r,n]=e;return r in h?h[r](n):void 0};customElements.get("astro-island")||customElements.define("astro-island",(d=class extends HTMLElement{constructor(){super(...arguments);this.hydrate=async()=>{var o;if(!this.hydrator||!this.isConnected)return;let e=(o=this.parentElement)==null?void 0:o.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let r=this.querySelectorAll("astro-slot"),n={},c=this.querySelectorAll("template[data-astro-template]");for(let s of c){let i=s.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[s.getAttribute("data-astro-template")||"default"]=s.innerHTML,s.remove())}for(let s of r){let i=s.closest(this.tagName);i!=null&&i.isSameNode(this)&&(n[s.getAttribute("name")||"default"]=s.innerHTML)}let l=this.hasAttribute("props")?JSON.parse(this.getAttribute("props"),a):{};await this.hydrator(this)(this.Component,l,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))}}connectedCallback(){!this.hasAttribute("await-children")||this.firstChild?this.childrenConnectedCallback():new MutationObserver((e,r)=>{r.disconnect(),setTimeout(()=>this.childrenConnectedCallback(),0)}).observe(this,{childList:!0})}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}start(){let e=JSON.parse(this.getAttribute("opts")),r=this.getAttribute("client");if(Astro[r]===void 0){window.addEventListener(\`astro:\${r}\`,()=>this.start(),{once:!0});return}Astro[r](async()=>{let n=this.getAttribute("renderer-url"),[c,{default:l}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),o=this.getAttribute("component-export")||"default";if(!o.includes("."))this.Component=c[o];else{this.Component=c;for(let s of o.split("."))this.Component=this.Component[s]}return this.hydrator=l,this.hydrate},e,this)}attributeChangedCallback(){this.hydrate()}},d.observedAttributes=["props"],d))}})();`;
+
+const ISLAND_STYLES = `<style>astro-island,astro-slot,astro-static-slot{display:contents}</style>`;
+function determineIfNeedsHydrationScript(result) {
+  if (result._metadata.hasHydrationScript) {
+    return false;
   }
-  toArrayBuffer() {
-    return encoder.encode(this.parts);
+  return result._metadata.hasHydrationScript = true;
+}
+function determinesIfNeedsDirectiveScript(result, directive) {
+  if (result._metadata.hasDirectives.has(directive)) {
+    return false;
   }
+  result._metadata.hasDirectives.add(directive);
+  return true;
 }
-function chunkToString(result, chunk) {
-  if (ArrayBuffer.isView(chunk)) {
-    return decoder.decode(chunk);
-  } else {
-    return stringifyChunk(result, chunk);
+function getDirectiveScriptText(result, directive) {
+  const clientDirectives = result.clientDirectives;
+  const clientDirective = clientDirectives.get(directive);
+  if (!clientDirective) {
+    throw new Error(`Unknown directive: ${directive}`);
   }
+  return clientDirective;
 }
-function chunkToByteArray(result, chunk) {
-  if (ArrayBuffer.isView(chunk)) {
-    return chunk;
-  } else {
-    const stringified = stringifyChunk(result, chunk);
-    return encoder.encode(stringified.toString());
+function getPrescripts(result, type, directive) {
+  switch (type) {
+    case "both":
+      return `${ISLAND_STYLES}<script>${getDirectiveScriptText(
+        result,
+        directive
+      )};${astro_island_prebuilt_default}</script>`;
+    case "directive":
+      return `<script>${getDirectiveScriptText(result, directive)}</script>`;
   }
+  return "";
 }
 
-const ClientOnlyPlaceholder = "astro-client-only";
-class Skip {
-  constructor(vnode) {
-    this.vnode = vnode;
-    this.count = 0;
+const voidElementNames = /^(area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/i;
+const htmlBooleanAttributes = /^(allowfullscreen|async|autofocus|autoplay|controls|default|defer|disabled|disablepictureinpicture|disableremoteplayback|formnovalidate|hidden|loop|nomodule|novalidate|open|playsinline|readonly|required|reversed|scoped|seamless|itemscope)$/i;
+const htmlEnumAttributes = /^(contenteditable|draggable|spellcheck|value)$/i;
+const svgEnumAttributes = /^(autoReverse|externalResourcesRequired|focusable|preserveAlpha)$/i;
+const STATIC_DIRECTIVES = /* @__PURE__ */ new Set(["set:html", "set:text"]);
+const toIdent = (k) => k.trim().replace(/(?:(?!^)\b\w|\s+|[^\w]+)/g, (match, index) => {
+  if (/[^\w]|\s/.test(match))
+    return "";
+  return index === 0 ? match : match.toUpperCase();
+});
+const toAttributeString = (value, shouldEscape = true) => shouldEscape ? String(value).replace(/&/g, "&#38;").replace(/"/g, "&#34;") : value;
+const kebab = (k) => k.toLowerCase() === k ? k : k.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+const toStyleString = (obj) => Object.entries(obj).map(([k, v]) => {
+  if (k[0] !== "-" && k[1] !== "-")
+    return `${kebab(k)}:${v}`;
+  if (kebab(k) !== k)
+    return `${kebab(k)}:var(${k});${k}:${v}`;
+  return `${k}:${v}`;
+}).join(";");
+function defineScriptVars(vars) {
+  var _a;
+  let output = "";
+  for (const [key, value] of Object.entries(vars)) {
+    output += `const ${toIdent(key)} = ${(_a = JSON.stringify(value)) == null ? void 0 : _a.replace(
+      /<\/script>/g,
+      "\\x3C/script>"
+    )};
+`;
   }
-  increment() {
-    this.count++;
+  return markHTMLString(output);
+}
+function formatList(values) {
+  if (values.length === 1) {
+    return values[0];
   }
-  haveNoTried() {
-    return this.count === 0;
+  return `${values.slice(0, -1).join(", ")} or ${values[values.length - 1]}`;
+}
+function addAttribute(value, key, shouldEscape = true) {
+  if (value == null) {
+    return "";
   }
-  isCompleted() {
-    return this.count > 2;
+  if (value === false) {
+    if (htmlEnumAttributes.test(key) || svgEnumAttributes.test(key)) {
+      return markHTMLString(` ${key}="false"`);
+    }
+    return "";
   }
-}
-Skip.symbol = Symbol("astro:jsx:skip");
-let originalConsoleError;
-let consoleFilterRefs = 0;
-async function renderJSX(result, vnode) {
-  switch (true) {
-    case vnode instanceof HTMLString:
-      if (vnode.toString().trim() === "") {
-        return "";
-      }
-      return vnode;
-    case typeof vnode === "string":
-      return markHTMLString(escapeHTML(vnode));
-    case typeof vnode === "function":
-      return vnode;
-    case (!vnode && vnode !== 0):
+  if (STATIC_DIRECTIVES.has(key)) {
+    console.warn(`[astro] The "${key}" directive cannot be applied dynamically at runtime. It will not be rendered as an attribute.
+
+Make sure to use the static attribute syntax (\`${key}={value}\`) instead of the dynamic spread syntax (\`{...{ "${key}": value }}\`).`);
+    return "";
+  }
+  if (key === "class:list") {
+    const listValue = toAttributeString(serializeListValue(value), shouldEscape);
+    if (listValue === "") {
       return "";
-    case Array.isArray(vnode):
+    }
+    return markHTMLString(` ${key.slice(0, -5)}="${listValue}"`);
+  }
+  if (key === "style" && !(value instanceof HTMLString)) {
+    if (Array.isArray(value) && value.length === 2) {
       return markHTMLString(
-        (await Promise.all(vnode.map((v) => renderJSX(result, v)))).join("")
+        ` ${key}="${toAttributeString(`${toStyleString(value[0])};${value[1]}`, shouldEscape)}"`
       );
-  }
-  let skip;
-  if (vnode.props) {
-    if (vnode.props[Skip.symbol]) {
-      skip = vnode.props[Skip.symbol];
-    } else {
-      skip = new Skip(vnode);
     }
+    if (typeof value === "object") {
+      return markHTMLString(` ${key}="${toAttributeString(toStyleString(value), shouldEscape)}"`);
+    }
+  }
+  if (key === "className") {
+    return markHTMLString(` class="${toAttributeString(value, shouldEscape)}"`);
+  }
+  if (value === true && (key.startsWith("data-") || htmlBooleanAttributes.test(key))) {
+    return markHTMLString(` ${key}`);
   } else {
-    skip = new Skip(vnode);
+    return markHTMLString(` ${key}="${toAttributeString(value, shouldEscape)}"`);
   }
-  return renderJSXVNode(result, vnode, skip);
 }
-async function renderJSXVNode(result, vnode, skip) {
-  if (isVNode(vnode)) {
-    switch (true) {
-      case !vnode.type: {
-        throw new Error(`Unable to render ${result.pathname} because it contains an undefined Component!
-Did you forget to import the component or is it possible there is a typo?`);
-      }
-      case vnode.type === Symbol.for("astro:fragment"):
-        return renderJSX(result, vnode.props.children);
-      case vnode.type.isAstroComponentFactory: {
-        let props = {};
-        let slots = {};
-        for (const [key, value] of Object.entries(vnode.props ?? {})) {
-          if (key === "children" || value && typeof value === "object" && value["$$slot"]) {
-            slots[key === "children" ? "default" : key] = () => renderJSX(result, value);
-          } else {
-            props[key] = value;
-          }
-        }
-        const str = await renderToString(result, vnode.type, props, slots);
-        if (str instanceof Response) {
-          throw str;
-        }
-        const html = markHTMLString(str);
-        return html;
-      }
-      case (!vnode.type && vnode.type !== 0):
-        return "";
-      case (typeof vnode.type === "string" && vnode.type !== ClientOnlyPlaceholder):
-        return markHTMLString(await renderElement(result, vnode.type, vnode.props ?? {}));
+function internalSpreadAttributes(values, shouldEscape = true) {
+  let output = "";
+  for (const [key, value] of Object.entries(values)) {
+    output += addAttribute(value, key, shouldEscape);
+  }
+  return markHTMLString(output);
+}
+function renderElement$1(name, { props: _props, children = "" }, shouldEscape = true) {
+  const { lang: _, "data-astro-id": astroId, "define:vars": defineVars, ...props } = _props;
+  if (defineVars) {
+    if (name === "style") {
+      delete props["is:global"];
+      delete props["is:scoped"];
     }
-    if (vnode.type) {
-      let extractSlots2 = function(child) {
-        if (Array.isArray(child)) {
-          return child.map((c) => extractSlots2(c));
-        }
-        if (!isVNode(child)) {
-          _slots.default.push(child);
-          return;
-        }
-        if ("slot" in child.props) {
-          _slots[child.props.slot] = [..._slots[child.props.slot] ?? [], child];
-          delete child.props.slot;
-          return;
+    if (name === "script") {
+      delete props.hoist;
+      children = defineScriptVars(defineVars) + "\n" + children;
+    }
+  }
+  if ((children == null || children == "") && voidElementNames.test(name)) {
+    return `<${name}${internalSpreadAttributes(props, shouldEscape)} />`;
+  }
+  return `<${name}${internalSpreadAttributes(props, shouldEscape)}>${children}</${name}>`;
+}
+
+const uniqueElements = (item, index, all) => {
+  const props = JSON.stringify(item.props);
+  const children = item.children;
+  return index === all.findIndex((i) => JSON.stringify(i.props) === props && i.children == children);
+};
+function renderAllHeadContent(result) {
+  result._metadata.hasRenderedHead = true;
+  const styles = Array.from(result.styles).filter(uniqueElements).map(
+    (style) => style.props.rel === "stylesheet" ? renderElement$1("link", style) : renderElement$1("style", style)
+  );
+  result.styles.clear();
+  const scripts = Array.from(result.scripts).filter(uniqueElements).map((script) => {
+    return renderElement$1("script", script, false);
+  });
+  const links = Array.from(result.links).filter(uniqueElements).map((link) => renderElement$1("link", link, false));
+  let content = links.join("\n") + styles.join("\n") + scripts.join("\n");
+  if (result._metadata.extraHead.length > 0) {
+    for (const part of result._metadata.extraHead) {
+      content += part;
+    }
+  }
+  return markHTMLString(content);
+}
+function* renderHead() {
+  yield { type: "head" };
+}
+function* maybeRenderHead() {
+  yield { type: "maybe-head" };
+}
+
+const slotString = Symbol.for("astro:slot-string");
+class SlotString extends HTMLString {
+  constructor(content, instructions) {
+    super(content);
+    this.instructions = instructions;
+    this[slotString] = true;
+  }
+}
+function isSlotString(str) {
+  return !!str[slotString];
+}
+function renderSlot(result, slotted, fallback) {
+  if (!slotted && fallback) {
+    return renderSlot(result, fallback);
+  }
+  return {
+    async render(destination) {
+      await renderChild(destination, typeof slotted === "function" ? slotted(result) : slotted);
+    }
+  };
+}
+async function renderSlotToString(result, slotted, fallback) {
+  let content = "";
+  let instructions = null;
+  const temporaryDestination = {
+    write(chunk) {
+      if (chunk instanceof Response)
+        return;
+      if (typeof chunk === "object" && "type" in chunk && typeof chunk.type === "string") {
+        if (instructions === null) {
+          instructions = [];
         }
-        _slots.default.push(child);
-      };
-      if (typeof vnode.type === "function" && vnode.type["astro:renderer"]) {
-        skip.increment();
-      }
-      if (typeof vnode.type === "function" && vnode.props["server:root"]) {
-        const output2 = await vnode.type(vnode.props ?? {});
-        return await renderJSX(result, output2);
+        instructions.push(chunk);
+      } else {
+        content += chunkToString(result, chunk);
       }
-      if (typeof vnode.type === "function") {
-        if (skip.haveNoTried() || skip.isCompleted()) {
-          useConsoleFilter();
-          try {
-            const output2 = await vnode.type(vnode.props ?? {});
-            let renderResult;
-            if (output2 == null ? void 0 : output2[AstroJSX]) {
-              renderResult = await renderJSXVNode(result, output2, skip);
-              return renderResult;
-            } else if (!output2) {
-              renderResult = await renderJSXVNode(result, output2, skip);
-              return renderResult;
-            }
-          } catch (e) {
-            if (skip.isCompleted()) {
-              throw e;
+    }
+  };
+  const renderInstance = renderSlot(result, slotted, fallback);
+  await renderInstance.render(temporaryDestination);
+  return markHTMLString(new SlotString(content, instructions));
+}
+async function renderSlots(result, slots = {}) {
+  let slotInstructions = null;
+  let children = {};
+  if (slots) {
+    await Promise.all(
+      Object.entries(slots).map(
+        ([key, value]) => renderSlotToString(result, value).then((output) => {
+          if (output.instructions) {
+            if (slotInstructions === null) {
+              slotInstructions = [];
             }
-            skip.increment();
-          } finally {
-            finishUsingConsoleFilter();
+            slotInstructions.push(...output.instructions);
           }
+          children[key] = output;
+        })
+      )
+    );
+  }
+  return { slotInstructions, children };
+}
+
+const Fragment = Symbol.for("astro:fragment");
+const Renderer = Symbol.for("astro:renderer");
+const encoder = new TextEncoder();
+const decoder = new TextDecoder();
+function stringifyChunk(result, chunk) {
+  if (typeof chunk.type === "string") {
+    const instruction = chunk;
+    switch (instruction.type) {
+      case "directive": {
+        const { hydration } = instruction;
+        let needsHydrationScript = hydration && determineIfNeedsHydrationScript(result);
+        let needsDirectiveScript = hydration && determinesIfNeedsDirectiveScript(result, hydration.directive);
+        let prescriptType = needsHydrationScript ? "both" : needsDirectiveScript ? "directive" : null;
+        if (prescriptType) {
+          let prescripts = getPrescripts(result, prescriptType, hydration.directive);
+          return markHTMLString(prescripts);
         } else {
-          skip.increment();
+          return "";
         }
       }
-      const { children = null, ...props } = vnode.props ?? {};
-      const _slots = {
-        default: []
-      };
-      extractSlots2(children);
-      for (const [key, value] of Object.entries(props)) {
-        if (value["$$slot"]) {
-          _slots[key] = value;
-          delete props[key];
+      case "head": {
+        if (result._metadata.hasRenderedHead) {
+          return "";
         }
+        return renderAllHeadContent(result);
       }
-      const slotPromises = [];
-      const slots = {};
-      for (const [key, value] of Object.entries(_slots)) {
-        slotPromises.push(
-          renderJSX(result, value).then((output2) => {
-            if (output2.toString().trim().length === 0)
-              return;
-            slots[key] = () => output2;
-          })
-        );
+      case "maybe-head": {
+        if (result._metadata.hasRenderedHead || result._metadata.headInTree) {
+          return "";
+        }
+        return renderAllHeadContent(result);
       }
-      await Promise.all(slotPromises);
-      props[Skip.symbol] = skip;
-      let output;
-      if (vnode.type === ClientOnlyPlaceholder && vnode.props["client:only"]) {
-        output = await renderComponentToIterable(
-          result,
-          vnode.props["client:display-name"] ?? "",
-          null,
-          props,
-          slots
-        );
-      } else {
-        output = await renderComponentToIterable(
-          result,
-          typeof vnode.type === "function" ? vnode.type.name : vnode.type,
-          vnode.type,
-          props,
-          slots
-        );
+      default: {
+        if (chunk instanceof Response) {
+          return "";
+        }
+        throw new Error(`Unknown chunk type: ${chunk.type}`);
       }
-      if (typeof output !== "string" && Symbol.asyncIterator in output) {
-        let parts = new HTMLParts();
-        for await (const chunk of output) {
-          parts.append(chunk, result);
+    }
+  } else {
+    if (isSlotString(chunk)) {
+      let out = "";
+      const c = chunk;
+      if (c.instructions) {
+        for (const instr of c.instructions) {
+          out += stringifyChunk(result, instr);
         }
-        return markHTMLString(parts.toString());
-      } else {
-        return markHTMLString(output);
       }
+      out += chunk.toString();
+      return out;
     }
+    return chunk.toString();
   }
-  return markHTMLString(`${vnode}`);
-}
-async function renderElement(result, tag, { children, ...props }) {
-  return markHTMLString(
-    `<${tag}${spreadAttributes(props)}${markHTMLString(
-      (children == null || children == "") && voidElementNames.test(tag) ? `/>` : `>${children == null ? "" : await renderJSX(result, prerenderElementChildren(tag, children))}</${tag}>`
-    )}`
-  );
 }
-function prerenderElementChildren(tag, children) {
-  if (typeof children === "string" && (tag === "style" || tag === "script")) {
-    return markHTMLString(children);
+function chunkToString(result, chunk) {
+  if (ArrayBuffer.isView(chunk)) {
+    return decoder.decode(chunk);
   } else {
-    return children;
-  }
-}
-function useConsoleFilter() {
-  consoleFilterRefs++;
-  if (!originalConsoleError) {
-    originalConsoleError = console.error;
-    try {
-      console.error = filteredConsoleError;
-    } catch (error) {
-    }
+    return stringifyChunk(result, chunk);
   }
 }
-function finishUsingConsoleFilter() {
-  consoleFilterRefs--;
-}
-function filteredConsoleError(msg, ...rest) {
-  if (consoleFilterRefs > 0 && typeof msg === "string") {
-    const isKnownReactHookError = msg.includes("Warning: Invalid hook call.") && msg.includes("https://reactjs.org/link/invalid-hook-call");
-    if (isKnownReactHookError)
-      return;
+function chunkToByteArray(result, chunk) {
+  if (ArrayBuffer.isView(chunk)) {
+    return chunk;
+  } else {
+    const stringified = stringifyChunk(result, chunk);
+    return encoder.encode(stringified.toString());
   }
-  originalConsoleError(msg, ...rest);
 }
-
-const PROP_TYPE = {
-  Value: 0,
-  JSON: 1,
-  RegExp: 2,
-  Date: 3,
-  Map: 4,
-  Set: 5,
-  BigInt: 6,
-  URL: 7,
-  Uint8Array: 8,
-  Uint16Array: 9,
-  Uint32Array: 10
-};
-function serializeArray(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
-  if (parents.has(value)) {
-    throw new Error(`Cyclic reference detected while serializing props for <${metadata.displayName} client:${metadata.hydrate}>!
-
-Cyclic references cannot be safely serialized for client-side usage. Please remove the cyclic reference.`);
-  }
-  parents.add(value);
-  const serialized = value.map((v) => {
-    return convertToSerializedForm(v, metadata, parents);
-  });
-  parents.delete(value);
-  return serialized;
+function isRenderInstance(obj) {
+  return !!obj && typeof obj === "object" && "render" in obj && typeof obj.render === "function";
 }
-function serializeObject(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
-  if (parents.has(value)) {
-    throw new Error(`Cyclic reference detected while serializing props for <${metadata.displayName} client:${metadata.hydrate}>!
 
-Cyclic references cannot be safely serialized for client-side usage. Please remove the cyclic reference.`);
-  }
-  parents.add(value);
-  const serialized = Object.fromEntries(
-    Object.entries(value).map(([k, v]) => {
-      return [k, convertToSerializedForm(v, metadata, parents)];
-    })
-  );
-  parents.delete(value);
-  return serialized;
-}
-function convertToSerializedForm(value, metadata = {}, parents = /* @__PURE__ */ new WeakSet()) {
-  const tag = Object.prototype.toString.call(value);
-  switch (tag) {
-    case "[object Date]": {
-      return [PROP_TYPE.Date, value.toISOString()];
-    }
-    case "[object RegExp]": {
-      return [PROP_TYPE.RegExp, value.source];
-    }
-    case "[object Map]": {
-      return [
-        PROP_TYPE.Map,
-        JSON.stringify(serializeArray(Array.from(value), metadata, parents))
-      ];
-    }
-    case "[object Set]": {
-      return [
-        PROP_TYPE.Set,
-        JSON.stringify(serializeArray(Array.from(value), metadata, parents))
-      ];
-    }
-    case "[object BigInt]": {
-      return [PROP_TYPE.BigInt, value.toString()];
+async function renderChild(destination, child) {
+  child = await child;
+  if (child instanceof SlotString) {
+    destination.write(child);
+  } else if (isHTMLString(child)) {
+    destination.write(child);
+  } else if (Array.isArray(child)) {
+    for (const c of child) {
+      await renderChild(destination, c);
     }
-    case "[object URL]": {
-      return [PROP_TYPE.URL, value.toString()];
+  } else if (typeof child === "function") {
+    await renderChild(destination, child());
+  } else if (typeof child === "string") {
+    destination.write(markHTMLString(escapeHTML(child)));
+  } else if (!child && child !== 0) ; else if (isRenderInstance(child)) {
+    await child.render(destination);
+  } else if (isRenderTemplateResult(child)) {
+    await child.render(destination);
+  } else if (isAstroComponentInstance(child)) {
+    await child.render(destination);
+  } else if (ArrayBuffer.isView(child)) {
+    destination.write(child);
+  } else if (typeof child === "object" && (Symbol.asyncIterator in child || Symbol.iterator in child)) {
+    for await (const value of child) {
+      await renderChild(destination, value);
     }
-    case "[object Array]": {
-      return [PROP_TYPE.JSON, JSON.stringify(serializeArray(value, metadata, parents))];
+  } else {
+    destination.write(child);
+  }
+}
+
+var _a$1;
+const astroComponentInstanceSym = Symbol.for("astro.componentInstance");
+class AstroComponentInstance {
+  constructor(result, props, slots, factory) {
+    this[_a$1] = true;
+    this.result = result;
+    this.props = props;
+    this.factory = factory;
+    this.slotValues = {};
+    for (const name in slots) {
+      const value = slots[name](result);
+      this.slotValues[name] = () => value;
     }
-    case "[object Uint8Array]": {
-      return [PROP_TYPE.Uint8Array, JSON.stringify(Array.from(value))];
+  }
+  async init(result) {
+    if (this.returnValue !== void 0)
+      return this.returnValue;
+    this.returnValue = this.factory(result, this.props, this.slotValues);
+    return this.returnValue;
+  }
+  async render(destination) {
+    if (this.returnValue === void 0) {
+      await this.init(this.result);
     }
-    case "[object Uint16Array]": {
-      return [PROP_TYPE.Uint16Array, JSON.stringify(Array.from(value))];
+    let value = this.returnValue;
+    if (isPromise(value)) {
+      value = await value;
     }
-    case "[object Uint32Array]": {
-      return [PROP_TYPE.Uint32Array, JSON.stringify(Array.from(value))];
+    if (isHeadAndContent(value)) {
+      await value.content.render(destination);
+    } else {
+      await renderChild(destination, value);
     }
-    default: {
-      if (value !== null && typeof value === "object") {
-        return [PROP_TYPE.Value, serializeObject(value, metadata, parents)];
-      } else if (value === void 0) {
-        return [PROP_TYPE.Value];
-      } else {
-        return [PROP_TYPE.Value, value];
+  }
+}
+_a$1 = astroComponentInstanceSym;
+function validateComponentProps(props, displayName) {
+  if (props != null) {
+    for (const prop of Object.keys(props)) {
+      if (prop.startsWith("client:")) {
+        console.warn(
+          `You are attempting to render <${displayName} ${prop} />, but ${displayName} is an Astro component. Astro components do not render in the client and should not have a hydration directive. Please use a framework component for client rendering.`
+        );
       }
     }
   }
 }
-function serializeProps(props, metadata) {
-  const serialized = JSON.stringify(serializeObject(props, metadata));
-  return serialized;
+function createAstroComponentInstance(result, displayName, factory, props, slots = {}) {
+  validateComponentProps(props, displayName);
+  const instance = new AstroComponentInstance(result, props, slots, factory);
+  if (isAPropagatingComponent(result, factory) && !result._metadata.propagators.has(factory)) {
+    result._metadata.propagators.set(factory, instance);
+  }
+  return instance;
+}
+function isAstroComponentInstance(obj) {
+  return typeof obj === "object" && !!obj[astroComponentInstanceSym];
 }
 
-function extractDirectives(inputProps, clientDirectives) {
-  let extracted = {
-    isPage: false,
-    hydration: null,
-    props: {}
-  };
-  for (const [key, value] of Object.entries(inputProps)) {
-    if (key.startsWith("server:")) {
-      if (key === "server:root") {
-        extracted.isPage = true;
-      }
-    }
-    if (key.startsWith("client:")) {
-      if (!extracted.hydration) {
-        extracted.hydration = {
-          directive: "",
-          value: "",
-          componentUrl: "",
-          componentExport: { value: "" }
-        };
-      }
-      switch (key) {
-        case "client:component-path": {
-          extracted.hydration.componentUrl = value;
-          break;
-        }
-        case "client:component-export": {
-          extracted.hydration.componentExport.value = value;
-          break;
-        }
-        case "client:component-hydration": {
-          break;
-        }
-        case "client:display-name": {
-          break;
-        }
-        default: {
-          extracted.hydration.directive = key.split(":")[1];
-          extracted.hydration.value = value;
-          if (!clientDirectives.has(extracted.hydration.directive)) {
-            const hydrationMethods = Array.from(clientDirectives.keys()).map((d) => `client:${d}`).join(", ");
-            throw new Error(
-              `Error: invalid hydration directive "${key}". Supported hydration methods: ${hydrationMethods}`
-            );
-          }
-          if (extracted.hydration.directive === "media" && typeof extracted.hydration.value !== "string") {
-            throw new AstroError(AstroErrorData.MissingMediaQueryDirective);
+var _a;
+const renderTemplateResultSym = Symbol.for("astro.renderTemplateResult");
+class RenderTemplateResult {
+  constructor(htmlParts, expressions) {
+    this[_a] = true;
+    this.htmlParts = htmlParts;
+    this.error = void 0;
+    this.expressions = expressions.map((expression) => {
+      if (isPromise(expression)) {
+        return Promise.resolve(expression).catch((err) => {
+          if (!this.error) {
+            this.error = err;
+            throw err;
           }
-          break;
-        }
+        });
       }
-    } else if (key === "class:list") {
-      if (value) {
-        extracted.props[key.slice(0, -5)] = serializeListValue(value);
+      return expression;
+    });
+  }
+  async render(destination) {
+    for (let i = 0; i < this.htmlParts.length; i++) {
+      const html = this.htmlParts[i];
+      const exp = this.expressions[i];
+      destination.write(markHTMLString(html));
+      if (exp || exp === 0) {
+        await renderChild(destination, exp);
       }
-    } else {
-      extracted.props[key] = value;
     }
   }
-  for (const sym of Object.getOwnPropertySymbols(inputProps)) {
-    extracted.props[sym] = inputProps[sym];
-  }
-  return extracted;
 }
-async function generateHydrateScript(scriptOptions, metadata) {
-  const { renderer, result, astroId, props, attrs } = scriptOptions;
-  const { hydrate, componentUrl, componentExport } = metadata;
-  if (!componentExport.value) {
-    throw new Error(
-      `Unable to resolve a valid export for "${metadata.displayName}"! Please open an issue at https://astro.build/issues!`
-    );
-  }
-  const island = {
-    children: "",
-    props: {
-      // This is for HMR, probably can avoid it in prod
-      uid: astroId
+_a = renderTemplateResultSym;
+function isRenderTemplateResult(obj) {
+  return typeof obj === "object" && !!obj[renderTemplateResultSym];
+}
+function renderTemplate(htmlParts, ...expressions) {
+  return new RenderTemplateResult(htmlParts, expressions);
+}
+
+async function renderToString(result, componentFactory, props, children, isPage = false, route) {
+  const templateResult = await callComponentAsTemplateResultOrResponse(
+    result,
+    componentFactory,
+    props,
+    children,
+    route
+  );
+  if (templateResult instanceof Response)
+    return templateResult;
+  let str = "";
+  let renderedFirstPageChunk = false;
+  const destination = {
+    write(chunk) {
+      if (isPage && !renderedFirstPageChunk) {
+        renderedFirstPageChunk = true;
+        if (!/<!doctype html/i.test(String(chunk))) {
+          const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
+          str += doctype;
+        }
+      }
+      if (chunk instanceof Response)
+        return;
+      str += chunkToString(result, chunk);
     }
   };
-  if (attrs) {
-    for (const [key, value] of Object.entries(attrs)) {
-      island.props[key] = escapeHTML(value);
-    }
-  }
-  island.props["component-url"] = await result.resolve(decodeURI(componentUrl));
-  if (renderer.clientEntrypoint) {
-    island.props["component-export"] = componentExport.value;
-    island.props["renderer-url"] = await result.resolve(decodeURI(renderer.clientEntrypoint));
-    island.props["props"] = escapeHTML(serializeProps(props, metadata));
-  }
-  island.props["ssr"] = "";
-  island.props["client"] = hydrate;
-  let beforeHydrationUrl = await result.resolve("astro:scripts/before-hydration.js");
-  if (beforeHydrationUrl.length) {
-    island.props["before-hydration-url"] = beforeHydrationUrl;
-  }
-  island.props["opts"] = escapeHTML(
-    JSON.stringify({
-      name: metadata.displayName,
-      value: metadata.hydrateArgs || ""
-    })
-  );
-  return island;
+  await templateResult.render(destination);
+  return str;
 }
-
-/**
- * shortdash - https://github.com/bibig/node-shorthash
- *
- * @license
- *
- * (The MIT License)
- *
- * Copyright (c) 2013 Bibig <bibig@me.com>
- *
- * Permission is hereby granted, free of charge, to any person
- * obtaining a copy of this software and associated documentation
- * files (the "Software"), to deal in the Software without
- * restriction, including without limitation the rights to use,
- * copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following
- * conditions:
- *
- * The above copyright notice and this permission notice shall be
- * included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
- * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
- * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
- * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
- * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
- * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
- * OTHER DEALINGS IN THE SOFTWARE.
- */
-const dictionary = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXY";
-const binary = dictionary.length;
-function bitwise(str) {
-  let hash = 0;
-  if (str.length === 0)
-    return hash;
-  for (let i = 0; i < str.length; i++) {
-    const ch = str.charCodeAt(i);
-    hash = (hash << 5) - hash + ch;
-    hash = hash & hash;
+async function renderToReadableStream(result, componentFactory, props, children, isPage = false, route) {
+  const templateResult = await callComponentAsTemplateResultOrResponse(
+    result,
+    componentFactory,
+    props,
+    children,
+    route
+  );
+  if (templateResult instanceof Response)
+    return templateResult;
+  let renderedFirstPageChunk = false;
+  if (isPage) {
+    await bufferHeadContent(result);
   }
-  return hash;
+  return new ReadableStream({
+    start(controller) {
+      const destination = {
+        write(chunk) {
+          if (isPage && !renderedFirstPageChunk) {
+            renderedFirstPageChunk = true;
+            if (!/<!doctype html/i.test(String(chunk))) {
+              const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
+              controller.enqueue(encoder.encode(doctype));
+            }
+          }
+          if (chunk instanceof Response) {
+            throw new AstroError({
+              ...AstroErrorData.ResponseSentError
+            });
+          }
+          const bytes = chunkToByteArray(result, chunk);
+          controller.enqueue(bytes);
+        }
+      };
+      (async () => {
+        try {
+          await templateResult.render(destination);
+          controller.close();
+        } catch (e) {
+          if (AstroError.is(e) && !e.loc) {
+            e.setLocation({
+              file: route == null ? void 0 : route.component
+            });
+          }
+          setTimeout(() => controller.error(e), 0);
+        }
+      })();
+    }
+  });
 }
-function shorthash(text) {
-  let num;
-  let result = "";
-  let integer = bitwise(text);
-  const sign = integer < 0 ? "Z" : "";
-  integer = Math.abs(integer);
-  while (integer >= binary) {
-    num = integer % binary;
-    integer = Math.floor(integer / binary);
-    result = dictionary[num] + result;
+async function callComponentAsTemplateResultOrResponse(result, componentFactory, props, children, route) {
+  const factoryResult = await componentFactory(result, props, children);
+  if (factoryResult instanceof Response) {
+    return factoryResult;
+  } else if (!isRenderTemplateResult(factoryResult)) {
+    throw new AstroError({
+      ...AstroErrorData.OnlyResponseCanBeReturned,
+      message: AstroErrorData.OnlyResponseCanBeReturned.message(route == null ? void 0 : route.route, typeof factoryResult),
+      location: {
+        file: route == null ? void 0 : route.component
+      }
+    });
   }
-  if (integer > 0) {
-    result = dictionary[integer] + result;
+  return isHeadAndContent(factoryResult) ? factoryResult.content : factoryResult;
+}
+async function bufferHeadContent(result) {
+  const iterator = result._metadata.propagators.values();
+  while (true) {
+    const { value, done } = iterator.next();
+    if (done) {
+      break;
+    }
+    const returnValue = await value.init(result);
+    if (isHeadAndContent(returnValue)) {
+      result._metadata.extraHead.push(returnValue.head);
+    }
   }
-  return sign + result;
 }
 
 function componentIsHTMLElement(Component) {
@@ -2531,6 +2183,7 @@ function getHTMLElementName(constructor) {
   return assignedName;
 }
 
+const needsHeadRenderingSymbol = Symbol.for("astro.needsHeadRendering");
 const rendererAliases = /* @__PURE__ */ new Map([["solid", "solid-js"]]);
 function guessRenderers(componentUrl) {
   const extname = componentUrl == null ? void 0 : componentUrl.split(".").pop();
@@ -2618,8 +2271,17 @@ Did you forget to import the component or is it possible there is a typo?`
       }
     }
     if (!renderer && typeof HTMLElement === "function" && componentIsHTMLElement(Component)) {
-      const output = renderHTMLElement(result, Component, _props, slots);
-      return output;
+      const output = await renderHTMLElement(
+        result,
+        Component,
+        _props,
+        slots
+      );
+      return {
+        render(destination) {
+          destination.write(output);
+        }
+      };
     }
   } else {
     if (metadata.hydrateArgs) {
@@ -2693,139 +2355,414 @@ If you're still stuck, please open an issue on GitHub or join us at https://astr
     if (metadata.hydrate === "only") {
       html = await renderSlotToString(result, slots == null ? void 0 : slots.fallback);
     } else {
-      ({ html, attrs } = await renderer.ssr.renderToStaticMarkup.call(
-        { result },
-        Component,
-        props,
-        children,
-        metadata
-      ));
+      ({ html, attrs } = await renderer.ssr.renderToStaticMarkup.call(
+        { result },
+        Component,
+        props,
+        children,
+        metadata
+      ));
+    }
+  }
+  if (renderer && !renderer.clientEntrypoint && renderer.name !== "@astrojs/lit" && metadata.hydrate) {
+    throw new AstroError({
+      ...AstroErrorData.NoClientEntrypoint,
+      message: AstroErrorData.NoClientEntrypoint.message(
+        displayName,
+        metadata.hydrate,
+        renderer.name
+      )
+    });
+  }
+  if (!html && typeof Component === "string") {
+    const Tag = sanitizeElementName(Component);
+    const childSlots = Object.values(children).join("");
+    const renderTemplateResult = renderTemplate`<${Tag}${internalSpreadAttributes(
+      props
+    )}${markHTMLString(
+      childSlots === "" && voidElementNames.test(Tag) ? `/>` : `>${childSlots}</${Tag}>`
+    )}`;
+    html = "";
+    const destination = {
+      write(chunk) {
+        if (chunk instanceof Response)
+          return;
+        html += chunkToString(result, chunk);
+      }
+    };
+    await renderTemplateResult.render(destination);
+  }
+  if (!hydration) {
+    return {
+      render(destination) {
+        var _a2;
+        if (slotInstructions) {
+          for (const instruction of slotInstructions) {
+            destination.write(instruction);
+          }
+        }
+        if (isPage || (renderer == null ? void 0 : renderer.name) === "astro:jsx") {
+          destination.write(html);
+        } else if (html && html.length > 0) {
+          destination.write(
+            markHTMLString(
+              removeStaticAstroSlot(html, ((_a2 = renderer == null ? void 0 : renderer.ssr) == null ? void 0 : _a2.supportsAstroStaticSlot) ?? false)
+            )
+          );
+        }
+      }
+    };
+  }
+  const astroId = shorthash(
+    `<!--${metadata.componentExport.value}:${metadata.componentUrl}-->
+${html}
+${serializeProps(
+      props,
+      metadata
+    )}`
+  );
+  const island = await generateHydrateScript(
+    { renderer, result, astroId, props, attrs },
+    metadata
+  );
+  let unrenderedSlots = [];
+  if (html) {
+    if (Object.keys(children).length > 0) {
+      for (const key of Object.keys(children)) {
+        let tagName = ((_c = renderer == null ? void 0 : renderer.ssr) == null ? void 0 : _c.supportsAstroStaticSlot) ? !!metadata.hydrate ? "astro-slot" : "astro-static-slot" : "astro-slot";
+        let expectedHTML = key === "default" ? `<${tagName}>` : `<${tagName} name="${key}">`;
+        if (!html.includes(expectedHTML)) {
+          unrenderedSlots.push(key);
+        }
+      }
+    }
+  } else {
+    unrenderedSlots = Object.keys(children);
+  }
+  const template = unrenderedSlots.length > 0 ? unrenderedSlots.map(
+    (key) => `<template data-astro-template${key !== "default" ? `="${key}"` : ""}>${children[key]}</template>`
+  ).join("") : "";
+  island.children = `${html ?? ""}${template}`;
+  if (island.children) {
+    island.props["await-children"] = "";
+  }
+  return {
+    render(destination) {
+      if (slotInstructions) {
+        for (const instruction of slotInstructions) {
+          destination.write(instruction);
+        }
+      }
+      destination.write({ type: "directive", hydration });
+      destination.write(markHTMLString(renderElement$1("astro-island", island, false)));
+    }
+  };
+}
+function sanitizeElementName(tag) {
+  const unsafe = /[&<>'"\s]+/g;
+  if (!unsafe.test(tag))
+    return tag;
+  return tag.trim().split(unsafe)[0].trim();
+}
+async function renderFragmentComponent(result, slots = {}) {
+  const children = await renderSlotToString(result, slots == null ? void 0 : slots.default);
+  return {
+    render(destination) {
+      if (children == null)
+        return;
+      destination.write(children);
+    }
+  };
+}
+async function renderHTMLComponent(result, Component, _props, slots = {}) {
+  const { slotInstructions, children } = await renderSlots(result, slots);
+  const html = Component({ slots: children });
+  const hydrationHtml = slotInstructions ? slotInstructions.map((instr) => chunkToString(result, instr)).join("") : "";
+  return {
+    render(destination) {
+      destination.write(markHTMLString(hydrationHtml + html));
+    }
+  };
+}
+async function renderAstroComponent(result, displayName, Component, props, slots = {}) {
+  const instance = createAstroComponentInstance(result, displayName, Component, props, slots);
+  const chunks = [];
+  const temporaryDestination = {
+    write: (chunk) => chunks.push(chunk)
+  };
+  await instance.render(temporaryDestination);
+  return {
+    render(destination) {
+      for (const chunk of chunks) {
+        destination.write(chunk);
+      }
+    }
+  };
+}
+async function renderComponent(result, displayName, Component, props, slots = {}) {
+  if (isPromise(Component)) {
+    Component = await Component;
+  }
+  if (isFragmentComponent(Component)) {
+    return await renderFragmentComponent(result, slots);
+  }
+  if (isHTMLComponent(Component)) {
+    return await renderHTMLComponent(result, Component, props, slots);
+  }
+  if (isAstroComponentFactory(Component)) {
+    return await renderAstroComponent(result, displayName, Component, props, slots);
+  }
+  return await renderFrameworkComponent(result, displayName, Component, props, slots);
+}
+async function renderComponentToString(result, displayName, Component, props, slots = {}, isPage = false, route) {
+  let str = "";
+  let renderedFirstPageChunk = false;
+  let head = "";
+  if (nonAstroPageNeedsHeadInjection(Component)) {
+    for (const headChunk of maybeRenderHead()) {
+      head += chunkToString(result, headChunk);
+    }
+  }
+  try {
+    const destination = {
+      write(chunk) {
+        if (isPage && !renderedFirstPageChunk) {
+          renderedFirstPageChunk = true;
+          if (!/<!doctype html/i.test(String(chunk))) {
+            const doctype = result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n";
+            str += doctype + head;
+          }
+        }
+        if (chunk instanceof Response)
+          return;
+        str += chunkToString(result, chunk);
+      }
+    };
+    const renderInstance = await renderComponent(result, displayName, Component, props, slots);
+    await renderInstance.render(destination);
+  } catch (e) {
+    if (AstroError.is(e) && !e.loc) {
+      e.setLocation({
+        file: route == null ? void 0 : route.component
+      });
+    }
+    throw e;
+  }
+  return str;
+}
+function nonAstroPageNeedsHeadInjection(pageComponent) {
+  return !!(pageComponent == null ? void 0 : pageComponent[needsHeadRenderingSymbol]);
+}
+
+const ClientOnlyPlaceholder = "astro-client-only";
+class Skip {
+  constructor(vnode) {
+    this.vnode = vnode;
+    this.count = 0;
+  }
+  increment() {
+    this.count++;
+  }
+  haveNoTried() {
+    return this.count === 0;
+  }
+  isCompleted() {
+    return this.count > 2;
+  }
+}
+Skip.symbol = Symbol("astro:jsx:skip");
+let originalConsoleError;
+let consoleFilterRefs = 0;
+async function renderJSX(result, vnode) {
+  switch (true) {
+    case vnode instanceof HTMLString:
+      if (vnode.toString().trim() === "") {
+        return "";
+      }
+      return vnode;
+    case typeof vnode === "string":
+      return markHTMLString(escapeHTML(vnode));
+    case typeof vnode === "function":
+      return vnode;
+    case (!vnode && vnode !== 0):
+      return "";
+    case Array.isArray(vnode):
+      return markHTMLString(
+        (await Promise.all(vnode.map((v) => renderJSX(result, v)))).join("")
+      );
+  }
+  let skip;
+  if (vnode.props) {
+    if (vnode.props[Skip.symbol]) {
+      skip = vnode.props[Skip.symbol];
+    } else {
+      skip = new Skip(vnode);
     }
+  } else {
+    skip = new Skip(vnode);
   }
-  if (renderer && !renderer.clientEntrypoint && renderer.name !== "@astrojs/lit" && metadata.hydrate) {
-    throw new AstroError({
-      ...AstroErrorData.NoClientEntrypoint,
-      message: AstroErrorData.NoClientEntrypoint.message(
-        displayName,
-        metadata.hydrate,
-        renderer.name
-      )
-    });
-  }
-  if (!html && typeof Component === "string") {
-    const Tag = sanitizeElementName(Component);
-    const childSlots = Object.values(children).join("");
-    const iterable = renderAstroTemplateResult(
-      await renderTemplate`<${Tag}${internalSpreadAttributes(props)}${markHTMLString(
-        childSlots === "" && voidElementNames.test(Tag) ? `/>` : `>${childSlots}</${Tag}>`
-      )}`
-    );
-    html = "";
-    for await (const chunk of iterable) {
-      html += chunk;
+  return renderJSXVNode(result, vnode, skip);
+}
+async function renderJSXVNode(result, vnode, skip) {
+  if (isVNode(vnode)) {
+    switch (true) {
+      case !vnode.type: {
+        throw new Error(`Unable to render ${result.pathname} because it contains an undefined Component!
+Did you forget to import the component or is it possible there is a typo?`);
+      }
+      case vnode.type === Symbol.for("astro:fragment"):
+        return renderJSX(result, vnode.props.children);
+      case vnode.type.isAstroComponentFactory: {
+        let props = {};
+        let slots = {};
+        for (const [key, value] of Object.entries(vnode.props ?? {})) {
+          if (key === "children" || value && typeof value === "object" && value["$$slot"]) {
+            slots[key === "children" ? "default" : key] = () => renderJSX(result, value);
+          } else {
+            props[key] = value;
+          }
+        }
+        const str = await renderToString(result, vnode.type, props, slots);
+        if (str instanceof Response) {
+          throw str;
+        }
+        const html = markHTMLString(str);
+        return html;
+      }
+      case (!vnode.type && vnode.type !== 0):
+        return "";
+      case (typeof vnode.type === "string" && vnode.type !== ClientOnlyPlaceholder):
+        return markHTMLString(await renderElement(result, vnode.type, vnode.props ?? {}));
     }
-  }
-  if (!hydration) {
-    return async function* () {
-      var _a2;
-      if (slotInstructions) {
-        yield* slotInstructions;
+    if (vnode.type) {
+      let extractSlots2 = function(child) {
+        if (Array.isArray(child)) {
+          return child.map((c) => extractSlots2(c));
+        }
+        if (!isVNode(child)) {
+          _slots.default.push(child);
+          return;
+        }
+        if ("slot" in child.props) {
+          _slots[child.props.slot] = [..._slots[child.props.slot] ?? [], child];
+          delete child.props.slot;
+          return;
+        }
+        _slots.default.push(child);
+      };
+      if (typeof vnode.type === "function" && vnode.type["astro:renderer"]) {
+        skip.increment();
       }
-      if (isPage || (renderer == null ? void 0 : renderer.name) === "astro:jsx") {
-        yield html;
-      } else if (html && html.length > 0) {
-        yield markHTMLString(
-          removeStaticAstroSlot(html, ((_a2 = renderer == null ? void 0 : renderer.ssr) == null ? void 0 : _a2.supportsAstroStaticSlot) ?? false)
-        );
-      } else {
-        yield "";
+      if (typeof vnode.type === "function" && vnode.props["server:root"]) {
+        const output2 = await vnode.type(vnode.props ?? {});
+        return await renderJSX(result, output2);
       }
-    }();
-  }
-  const astroId = shorthash(
-    `<!--${metadata.componentExport.value}:${metadata.componentUrl}-->
-${html}
-${serializeProps(
-      props,
-      metadata
-    )}`
-  );
-  const island = await generateHydrateScript(
-    { renderer, result, astroId, props, attrs },
-    metadata
-  );
-  let unrenderedSlots = [];
-  if (html) {
-    if (Object.keys(children).length > 0) {
-      for (const key of Object.keys(children)) {
-        let tagName = ((_c = renderer == null ? void 0 : renderer.ssr) == null ? void 0 : _c.supportsAstroStaticSlot) ? !!metadata.hydrate ? "astro-slot" : "astro-static-slot" : "astro-slot";
-        let expectedHTML = key === "default" ? `<${tagName}>` : `<${tagName} name="${key}">`;
-        if (!html.includes(expectedHTML)) {
-          unrenderedSlots.push(key);
+      if (typeof vnode.type === "function") {
+        if (skip.haveNoTried() || skip.isCompleted()) {
+          useConsoleFilter();
+          try {
+            const output2 = await vnode.type(vnode.props ?? {});
+            let renderResult;
+            if (output2 == null ? void 0 : output2[AstroJSX]) {
+              renderResult = await renderJSXVNode(result, output2, skip);
+              return renderResult;
+            } else if (!output2) {
+              renderResult = await renderJSXVNode(result, output2, skip);
+              return renderResult;
+            }
+          } catch (e) {
+            if (skip.isCompleted()) {
+              throw e;
+            }
+            skip.increment();
+          } finally {
+            finishUsingConsoleFilter();
+          }
+        } else {
+          skip.increment();
         }
       }
+      const { children = null, ...props } = vnode.props ?? {};
+      const _slots = {
+        default: []
+      };
+      extractSlots2(children);
+      for (const [key, value] of Object.entries(props)) {
+        if (value["$$slot"]) {
+          _slots[key] = value;
+          delete props[key];
+        }
+      }
+      const slotPromises = [];
+      const slots = {};
+      for (const [key, value] of Object.entries(_slots)) {
+        slotPromises.push(
+          renderJSX(result, value).then((output2) => {
+            if (output2.toString().trim().length === 0)
+              return;
+            slots[key] = () => output2;
+          })
+        );
+      }
+      await Promise.all(slotPromises);
+      props[Skip.symbol] = skip;
+      let output;
+      if (vnode.type === ClientOnlyPlaceholder && vnode.props["client:only"]) {
+        output = await renderComponentToString(
+          result,
+          vnode.props["client:display-name"] ?? "",
+          null,
+          props,
+          slots
+        );
+      } else {
+        output = await renderComponentToString(
+          result,
+          typeof vnode.type === "function" ? vnode.type.name : vnode.type,
+          vnode.type,
+          props,
+          slots
+        );
+      }
+      return markHTMLString(output);
     }
-  } else {
-    unrenderedSlots = Object.keys(children);
-  }
-  const template = unrenderedSlots.length > 0 ? unrenderedSlots.map(
-    (key) => `<template data-astro-template${key !== "default" ? `="${key}"` : ""}>${children[key]}</template>`
-  ).join("") : "";
-  island.children = `${html ?? ""}${template}`;
-  if (island.children) {
-    island.props["await-children"] = "";
-  }
-  async function* renderAll() {
-    if (slotInstructions) {
-      yield* slotInstructions;
-    }
-    yield { type: "directive", hydration, result };
-    yield markHTMLString(renderElement$1("astro-island", island, false));
   }
-  return renderAll();
+  return markHTMLString(`${vnode}`);
 }
-function sanitizeElementName(tag) {
-  const unsafe = /[&<>'"\s]+/g;
-  if (!unsafe.test(tag))
-    return tag;
-  return tag.trim().split(unsafe)[0].trim();
+async function renderElement(result, tag, { children, ...props }) {
+  return markHTMLString(
+    `<${tag}${spreadAttributes(props)}${markHTMLString(
+      (children == null || children == "") && voidElementNames.test(tag) ? `/>` : `>${children == null ? "" : await renderJSX(result, prerenderElementChildren(tag, children))}</${tag}>`
+    )}`
+  );
 }
-async function renderFragmentComponent(result, slots = {}) {
-  const children = await renderSlotToString(result, slots == null ? void 0 : slots.default);
-  if (children == null) {
+function prerenderElementChildren(tag, children) {
+  if (typeof children === "string" && (tag === "style" || tag === "script")) {
+    return markHTMLString(children);
+  } else {
     return children;
   }
-  return markHTMLString(children);
-}
-async function renderHTMLComponent(result, Component, _props, slots = {}) {
-  const { slotInstructions, children } = await renderSlots(result, slots);
-  const html = Component({ slots: children });
-  const hydrationHtml = slotInstructions ? slotInstructions.map((instr) => stringifyChunk(result, instr)).join("") : "";
-  return markHTMLString(hydrationHtml + html);
 }
-function renderComponent(result, displayName, Component, props, slots = {}) {
-  if (isPromise(Component)) {
-    return Promise.resolve(Component).then((Unwrapped) => {
-      return renderComponent(result, displayName, Unwrapped, props, slots);
-    });
-  }
-  if (isFragmentComponent(Component)) {
-    return renderFragmentComponent(result, slots);
-  }
-  if (isHTMLComponent(Component)) {
-    return renderHTMLComponent(result, Component, props, slots);
-  }
-  if (isAstroComponentFactory(Component)) {
-    return createAstroComponentInstance(result, displayName, Component, props, slots);
+function useConsoleFilter() {
+  consoleFilterRefs++;
+  if (!originalConsoleError) {
+    originalConsoleError = console.error;
+    try {
+      console.error = filteredConsoleError;
+    } catch (error) {
+    }
   }
-  return renderFrameworkComponent(result, displayName, Component, props, slots);
 }
-function renderComponentToIterable(result, displayName, Component, props, slots = {}) {
-  const renderResult = renderComponent(result, displayName, Component, props, slots);
-  if (isAstroComponentInstance(renderResult)) {
-    return renderResult.render();
+function finishUsingConsoleFilter() {
+  consoleFilterRefs--;
+}
+function filteredConsoleError(msg, ...rest) {
+  if (consoleFilterRefs > 0 && typeof msg === "string") {
+    const isKnownReactHookError = msg.includes("Warning: Invalid hook call.") && msg.includes("https://reactjs.org/link/invalid-hook-call");
+    if (isKnownReactHookError)
+      return;
   }
-  return renderResult;
+  originalConsoleError(msg, ...rest);
 }
 
 const isNodeJS = typeof process === "object" && Object.prototype.toString.call(process) === "[object process]";
@@ -2894,67 +2831,21 @@ const createResponse = isNodeJS ? (body, init) => {
   return new StreamingCompatibleResponse(body, init);
 } : (body, init) => new Response(body, init);
 
-const needsHeadRenderingSymbol = Symbol.for("astro.needsHeadRendering");
-function nonAstroPageNeedsHeadInjection(pageComponent) {
-  return needsHeadRenderingSymbol in pageComponent && !!pageComponent[needsHeadRenderingSymbol];
-}
-async function iterableToHTMLBytes(result, iterable, onDocTypeInjection) {
-  const parts = new HTMLParts();
-  let i = 0;
-  for await (const chunk of iterable) {
-    if (isHTMLString(chunk)) {
-      if (i === 0) {
-        i++;
-        if (!/<!doctype html/i.test(String(chunk))) {
-          parts.append(`${result.compressHTML ? "<!DOCTYPE html>" : "<!DOCTYPE html>\n"}`, result);
-          if (onDocTypeInjection) {
-            await onDocTypeInjection(parts);
-          }
-        }
-      }
-    }
-    parts.append(chunk, result);
-  }
-  return parts.toArrayBuffer();
-}
 async function renderPage$1(result, componentFactory, props, children, streaming, route) {
   var _a, _b;
   if (!isAstroComponentFactory(componentFactory)) {
     result._metadata.headInTree = ((_a = result.componentMetadata.get(componentFactory.moduleId)) == null ? void 0 : _a.containsHead) ?? false;
     const pageProps = { ...props ?? {}, "server:root": true };
-    let output;
-    let head = "";
-    try {
-      if (nonAstroPageNeedsHeadInjection(componentFactory)) {
-        const parts = new HTMLParts();
-        for await (const chunk of maybeRenderHead()) {
-          parts.append(chunk, result);
-        }
-        head = parts.toString();
-      }
-      const renderResult = await renderComponent(
-        result,
-        componentFactory.name,
-        componentFactory,
-        pageProps,
-        null
-      );
-      if (isAstroComponentInstance(renderResult)) {
-        output = renderResult.render();
-      } else {
-        output = renderResult;
-      }
-    } catch (e) {
-      if (AstroError.is(e) && !e.loc) {
-        e.setLocation({
-          file: route == null ? void 0 : route.component
-        });
-      }
-      throw e;
-    }
-    const bytes = await iterableToHTMLBytes(result, output, async (parts) => {
-      parts.append(head, result);
-    });
+    const str = await renderComponentToString(
+      result,
+      componentFactory.name,
+      componentFactory,
+      pageProps,
+      null,
+      true,
+      route
+    );
+    const bytes = encoder.encode(str);
     return new Response(bytes, {
       headers: new Headers([
         ["Content-Type", "text/html; charset=utf-8"],
@@ -3152,7 +3043,9 @@ function deserializeRouteData(rawRouteData) {
     generate: getRouteGenerator(rawRouteData.segments, rawRouteData._meta.trailingSlash),
     pathname: rawRouteData.pathname || void 0,
     segments: rawRouteData.segments,
-    prerender: rawRouteData.prerender
+    prerender: rawRouteData.prerender,
+    redirect: rawRouteData.redirect,
+    redirectRoute: rawRouteData.redirectRoute ? deserializeRouteData(rawRouteData.redirectRoute) : void 0
   };
 }
 
@@ -3690,7 +3583,7 @@ class Slots {
       const component = typeof slotValue === "function" ? await slotValue(result) : await slotValue;
       const expression = getFunctionExpression(component);
       if (expression) {
-        const slot = async () => isHTMLString(await expression) ? expression : expression(...args);
+        const slot = async () => typeof expression === "function" ? expression(...args) : expression;
         return await renderSlotToString(result, slot).then((res) => {
           return res != null ? String(res) : res;
         });
@@ -3702,7 +3595,7 @@ class Slots {
       }
     }
     const content = await renderSlotToString(result, this.#slots[name]);
-    const outHTML = stringifyChunk(result, content);
+    const outHTML = chunkToString(result, content);
     return outHTML;
   }
 }