@absolutejs/absolute 0.19.0-beta.431 → 0.19.0-beta.433

package/dist/vue/index.js

@@ -1744,7 +1744,9 @@ var Image_default = "../Image-0pe96k20.vue";
 // src/vue/components/SuspenseSlot.ts
 import {
   defineComponent,
-  h
+  h,
+  onMounted,
+  ref
 } from "vue";
 var renderVueNodesToHtml = async (nodes) => {
   const { createSSRApp, h: createVNode } = await import("vue");
@@ -1774,6 +1776,9 @@ var SuspenseSlot = defineComponent({
     timeoutMs: { default: undefined, type: Number }
   },
   setup(props, { slots }) {
+    const isResolved = ref(false);
+    const resolvedValue = ref(undefined);
+    const hasError = ref(false);
     const usesFrameworkSlots = hasFrameworkSlots(slots.default, slots.fallback, slots.error, props.promise);
     if (typeof window === "undefined") {
       if (!usesFrameworkSlots && props.resolve) {
@@ -1791,7 +1796,12 @@ var SuspenseSlot = defineComponent({
             try {
               const value = props.resolve !== undefined ? await props.resolve() : props.promise !== undefined ? await props.promise : undefined;
               const nodes = slots.default?.({ value }) ?? [];
-              return renderVueNodesToHtml(nodes);
+              const html = await renderVueNodesToHtml(nodes);
+              return {
+                html,
+                kind: "vue-suspense",
+                value
+              };
             } catch (error) {
               const errorNodes = slots.error?.({ error });
               if (errorNodes !== undefined) {
@@ -1807,6 +1817,26 @@ var SuspenseSlot = defineComponent({
         });
       }
     }
+    if (typeof window !== "undefined" && usesFrameworkSlots) {
+      const consumers = window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
+      let runtimeReady = false;
+      consumers[props.id] = (payload) => {
+        if (!runtimeReady)
+          return false;
+        if (!payload || typeof payload !== "object" || payload.kind !== "vue-suspense") {
+          return false;
+        }
+        const candidate = payload;
+        hasError.value = candidate.state === "error";
+        resolvedValue.value = candidate.value;
+        isResolved.value = candidate.state !== "error";
+        return true;
+      };
+      onMounted(() => {
+        runtimeReady = true;
+        window.__ABS_SLOT_FLUSH__?.();
+      });
+    }
     return () => {
       if (!usesFrameworkSlots) {
         return h("div", {
@@ -1818,9 +1848,10 @@ var SuspenseSlot = defineComponent({
       }
       return h("div", {
         class: props.className,
+        "data-allow-mismatch": "",
         "data-absolute-slot": "true",
         id: `slot-${props.id}`
-      }, slots.fallback?.() ?? undefined);
+      }, hasError.value ? slots.error?.({ error: undefined }) ?? slots.fallback?.() ?? undefined : isResolved.value ? slots.default?.({ value: resolvedValue.value }) ?? undefined : slots.fallback?.() ?? undefined);
     };
   }
 });
@@ -1873,6 +1904,11 @@ var streamSwapRuntime = () => {
       return false;
     return payload.kind === "angular-defer";
   };
+  const isVueSuspensePayload = (payload) => {
+    if (!payload || typeof payload !== "object")
+      return false;
+    return payload.kind === "vue-suspense";
+  };
   const resolveHtml = (payload) => {
     if (!payload || typeof payload !== "object") {
       return typeof payload === "string" ? payload : "";
@@ -1910,6 +1946,10 @@ var streamSwapRuntime = () => {
     window.dispatchEvent(new CustomEvent(SLOT_PATCH_EVENT, {
       detail: { html, id, payload }
     }));
+    if (isVueSuspensePayload(payload)) {
+      pending[id] = payload;
+      return;
+    }
     delete pending[id];
   };
   const flush = () => {
@@ -2801,5 +2841,5 @@ export {
   Image_default as Image
 };
 
-//# debugId=3C988E739948010664756E2164756E21
+//# debugId=39766605452885A664756E2164756E21
 //# sourceMappingURL=index.js.map