@absolutejs/absolute 0.19.0-beta.432 → 0.19.0-beta.434

package/dist/vue/components/index.js.map

@@ -3,10 +3,10 @@
   "sources": ["../src/core/streamingSlotRegistrar.ts", "../src/vue/components/SuspenseSlot.ts", "../src/vue/components/StreamSlot.ts"],
   "sourcesContent": [
     "import type { StreamingSlot } from '../utils/streamingSlots';\n\ntype StreamingSlotRegistrar = (slot: StreamingSlot) => void;\n\nconst STREAMING_SLOT_REGISTRAR_KEY = Symbol.for(\n\t'absolutejs.streamingSlotRegistrar'\n);\ntype StreamingSlotRegistrarGlobal = typeof globalThis & {\n\t[STREAMING_SLOT_REGISTRAR_KEY]?: StreamingSlotRegistrar | null;\n};\n\nconst getRegistrarGlobal = () => globalThis as StreamingSlotRegistrarGlobal;\n\nexport const setStreamingSlotRegistrar = (\n\tnextRegistrar: StreamingSlotRegistrar | null\n) => {\n\tgetRegistrarGlobal()[STREAMING_SLOT_REGISTRAR_KEY] = nextRegistrar;\n};\n\nexport const registerStreamingSlot = (slot: StreamingSlot) => {\n\tgetRegistrarGlobal()[STREAMING_SLOT_REGISTRAR_KEY]?.(slot);\n};\n",
-    "import {\n\tdefineComponent,\n\th,\n\tonMounted,\n\tref,\n\ttype PropType,\n\ttype Slot,\n\ttype VNodeChild\n} from 'vue';\nimport { registerStreamingSlot } from '../../core/streamingSlotRegistrar';\n\nconst renderVueNodesToHtml = async (nodes: VNodeChild) => {\n\tconst { createSSRApp, h: createVNode } = await import('vue');\n\tconst { renderToString } = await import('vue/server-renderer');\n\n\tconst app = createSSRApp({\n\t\trender: () => createVNode('div', undefined, nodes ?? undefined)\n\t});\n\tconst html = await renderToString(app);\n\n\treturn html.replace(/^<div>|<\\/div>$/g, '');\n};\n\nconst hasFrameworkSlots = (\n\tdefaultSlot: Slot | undefined,\n\tfallbackSlot: Slot | undefined,\n\terrorSlot: Slot | undefined,\n\tpromise: Promise<unknown> | undefined\n) =>\n\tdefaultSlot !== undefined ||\n\tfallbackSlot !== undefined ||\n\terrorSlot !== undefined ||\n\tpromise !== undefined;\n\nexport const SuspenseSlot = defineComponent({\n\tname: 'AbsoluteSuspenseSlot',\n\tprops: {\n\t\tclassName: { default: undefined, type: String },\n\t\terrorHtml: { default: undefined, type: String },\n\t\tfallbackHtml: { default: '', type: String },\n\t\tid: { required: true, type: String },\n\t\tpromise: {\n\t\t\tdefault: undefined,\n\t\t\ttype: Object as PropType<Promise<unknown>>\n\t\t},\n\t\tresolve: {\n\t\t\tdefault: undefined,\n\t\t\ttype: Function as PropType<() => Promise<unknown> | unknown>\n\t\t},\n\t\ttimeoutMs: { default: undefined, type: Number }\n\t},\n\tsetup(props, { slots }) {\n\t\tconst isResolved = ref(false);\n\t\tconst resolvedValue = ref<unknown>(undefined);\n\t\tconst hasError = ref(false);\n\t\tconst usesFrameworkSlots = hasFrameworkSlots(\n\t\t\tslots.default,\n\t\t\tslots.fallback,\n\t\t\tslots.error,\n\t\t\tprops.promise\n\t\t);\n\n\t\tif (typeof window === 'undefined') {\n\t\t\tif (!usesFrameworkSlots && props.resolve) {\n\t\t\t\tregisterStreamingSlot({\n\t\t\t\t\terrorHtml: props.errorHtml,\n\t\t\t\t\tfallbackHtml: props.fallbackHtml,\n\t\t\t\t\tid: props.id,\n\t\t\t\t\tresolve: props.resolve as () => Promise<string> | string,\n\t\t\t\t\ttimeoutMs: props.timeoutMs\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tregisterStreamingSlot({\n\t\t\t\t\tid: props.id,\n\t\t\t\t\tresolve: async () => {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst value =\n\t\t\t\t\t\t\t\tprops.resolve !== undefined\n\t\t\t\t\t\t\t\t\t? await props.resolve()\n\t\t\t\t\t\t\t\t\t: props.promise !== undefined\n\t\t\t\t\t\t\t\t\t\t? await props.promise\n\t\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\thtml: '',\n\t\t\t\t\t\t\t\tkind: 'vue-suspense',\n\t\t\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\tconst errorNodes = slots.error?.({ error });\n\t\t\t\t\t\t\tif (errorNodes !== undefined) {\n\t\t\t\t\t\t\t\treturn renderVueNodesToHtml(errorNodes);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (typeof props.errorHtml === 'string') {\n\t\t\t\t\t\t\t\treturn props.errorHtml;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthrow error;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\ttimeoutMs: props.timeoutMs\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (typeof window !== 'undefined' && usesFrameworkSlots) {\n\t\t\tconst consumers = (window.__ABS_SLOT_CONSUMERS__ =\n\t\t\t\twindow.__ABS_SLOT_CONSUMERS__ ?? {});\n\t\t\tlet runtimeReady = false;\n\t\t\tconsumers[props.id] = (payload) => {\n\t\t\t\tif (!runtimeReady) return false;\n\t\t\t\tif (\n\t\t\t\t\t!payload ||\n\t\t\t\t\ttypeof payload !== 'object' ||\n\t\t\t\t\t(payload as { kind?: unknown }).kind !== 'vue-suspense'\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tconst candidate = payload as {\n\t\t\t\t\tstate?: unknown;\n\t\t\t\t\tvalue?: unknown;\n\t\t\t\t};\n\t\t\t\thasError.value = candidate.state === 'error';\n\t\t\t\tresolvedValue.value = candidate.value;\n\t\t\t\tisResolved.value = candidate.state !== 'error';\n\n\t\t\t\treturn true;\n\t\t\t};\n\t\t\tonMounted(() => {\n\t\t\t\truntimeReady = true;\n\t\t\t\twindow.__ABS_SLOT_FLUSH__?.();\n\t\t\t});\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (!usesFrameworkSlots) {\n\t\t\t\treturn h('div', {\n\t\t\t\t\tclass: props.className,\n\t\t\t\t\t'data-absolute-slot': 'true',\n\t\t\t\t\tid: `slot-${props.id}`,\n\t\t\t\t\tinnerHTML: props.fallbackHtml\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn h(\n\t\t\t\t'div',\n\t\t\t\t{\n\t\t\t\t\tclass: props.className,\n\t\t\t\t\t'data-absolute-slot': 'true',\n\t\t\t\t\tid: `slot-${props.id}`\n\t\t\t\t},\n\t\t\t\thasError.value\n\t\t\t\t\t? (slots.error?.({ error: undefined }) ??\n\t\t\t\t\t\tslots.fallback?.() ??\n\t\t\t\t\t\tundefined)\n\t\t\t\t\t: isResolved.value\n\t\t\t\t\t\t? (slots.default?.({ value: resolvedValue.value }) ??\n\t\t\t\t\t\t\tundefined)\n\t\t\t\t\t\t: (slots.fallback?.() ?? undefined)\n\t\t\t);\n\t\t};\n\t}\n});\n",
+    "import {\n\tdefineComponent,\n\th,\n\tonMounted,\n\tonBeforeUnmount,\n\tref,\n\ttype PropType,\n\ttype Slot,\n\ttype VNodeChild\n} from 'vue';\nimport { registerStreamingSlot } from '../../core/streamingSlotRegistrar';\n\nconst renderVueNodesToHtml = async (nodes: VNodeChild) => {\n\tconst { createSSRApp, h: createVNode } = await import('vue');\n\tconst { renderToString } = await import('vue/server-renderer');\n\n\tconst app = createSSRApp({\n\t\trender: () => createVNode('div', undefined, nodes ?? undefined)\n\t});\n\tconst html = await renderToString(app);\n\n\treturn html.replace(/^<div>|<\\/div>$/g, '');\n};\n\nconst hasFrameworkSlots = (\n\tdefaultSlot: Slot | undefined,\n\tfallbackSlot: Slot | undefined,\n\terrorSlot: Slot | undefined,\n\tpromise: Promise<unknown> | undefined\n) =>\n\tdefaultSlot !== undefined ||\n\tfallbackSlot !== undefined ||\n\terrorSlot !== undefined ||\n\tpromise !== undefined;\n\nexport const SuspenseSlot = defineComponent({\n\tname: 'AbsoluteSuspenseSlot',\n\tprops: {\n\t\tclassName: { default: undefined, type: String },\n\t\terrorHtml: { default: undefined, type: String },\n\t\tfallbackHtml: { default: '', type: String },\n\t\tid: { required: true, type: String },\n\t\tpromise: {\n\t\t\tdefault: undefined,\n\t\t\ttype: Object as PropType<Promise<unknown>>\n\t\t},\n\t\tresolve: {\n\t\t\tdefault: undefined,\n\t\t\ttype: Function as PropType<() => Promise<unknown> | unknown>\n\t\t},\n\t\ttimeoutMs: { default: undefined, type: Number }\n\t},\n\tsetup(props, { slots }) {\n\t\tconst isResolved = ref(false);\n\t\tconst resolvedValue = ref<unknown>(undefined);\n\t\tconst hasError = ref(false);\n\t\tconst hasPatchedDom = ref(false);\n\t\tconst usesFrameworkSlots = hasFrameworkSlots(\n\t\t\tslots.default,\n\t\t\tslots.fallback,\n\t\t\tslots.error,\n\t\t\tprops.promise\n\t\t);\n\n\t\tif (typeof window === 'undefined') {\n\t\t\tif (!usesFrameworkSlots && props.resolve) {\n\t\t\t\tregisterStreamingSlot({\n\t\t\t\t\terrorHtml: props.errorHtml,\n\t\t\t\t\tfallbackHtml: props.fallbackHtml,\n\t\t\t\t\tid: props.id,\n\t\t\t\t\tresolve: props.resolve as () => Promise<string> | string,\n\t\t\t\t\ttimeoutMs: props.timeoutMs\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tregisterStreamingSlot({\n\t\t\t\t\tid: props.id,\n\t\t\t\t\tresolve: async () => {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tconst value =\n\t\t\t\t\t\t\t\tprops.resolve !== undefined\n\t\t\t\t\t\t\t\t\t? await props.resolve()\n\t\t\t\t\t\t\t\t\t: props.promise !== undefined\n\t\t\t\t\t\t\t\t\t\t? await props.promise\n\t\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\tconst nodes = slots.default?.({ value }) ?? [];\n\t\t\t\t\t\t\tconst html = await renderVueNodesToHtml(nodes);\n\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\thtml,\n\t\t\t\t\t\t\t\tkind: 'vue-suspense',\n\t\t\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\tconst errorNodes = slots.error?.({ error });\n\t\t\t\t\t\t\tif (errorNodes !== undefined) {\n\t\t\t\t\t\t\t\treturn renderVueNodesToHtml(errorNodes);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (typeof props.errorHtml === 'string') {\n\t\t\t\t\t\t\t\treturn props.errorHtml;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tthrow error;\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\ttimeoutMs: props.timeoutMs\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\tif (typeof window !== 'undefined' && usesFrameworkSlots) {\n\t\t\tconst consumers = (window.__ABS_SLOT_CONSUMERS__ =\n\t\t\t\twindow.__ABS_SLOT_CONSUMERS__ ?? {});\n\t\t\tlet runtimeReady = false;\n\t\t\tconsumers[props.id] = (payload) => {\n\t\t\t\tif (!runtimeReady) return false;\n\t\t\t\tif (\n\t\t\t\t\t!payload ||\n\t\t\t\t\ttypeof payload !== 'object' ||\n\t\t\t\t\t(payload as { kind?: unknown }).kind !== 'vue-suspense'\n\t\t\t\t) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tconst candidate = payload as {\n\t\t\t\t\tstate?: unknown;\n\t\t\t\t\tvalue?: unknown;\n\t\t\t\t};\n\t\t\t\thasError.value = candidate.state === 'error';\n\t\t\t\tresolvedValue.value = candidate.value;\n\t\t\t\tisResolved.value = candidate.state !== 'error';\n\t\t\t\thasPatchedDom.value = false;\n\n\t\t\t\treturn true;\n\t\t\t};\n\t\t\tconst handlePatchedDom = (event: Event) => {\n\t\t\t\tconst patchEvent = event as CustomEvent<{ id?: string }>;\n\t\t\t\tif (patchEvent.detail?.id === props.id) {\n\t\t\t\t\thasPatchedDom.value = true;\n\t\t\t\t}\n\t\t\t};\n\t\t\tonMounted(() => {\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'absolutejs:slot-patch',\n\t\t\t\t\thandlePatchedDom as EventListener\n\t\t\t\t);\n\t\t\t\truntimeReady = true;\n\t\t\t\twindow.__ABS_SLOT_FLUSH__?.();\n\t\t\t});\n\t\t\tonBeforeUnmount(() => {\n\t\t\t\twindow.removeEventListener(\n\t\t\t\t\t'absolutejs:slot-patch',\n\t\t\t\t\thandlePatchedDom as EventListener\n\t\t\t\t);\n\t\t\t\tdelete window.__ABS_SLOT_CONSUMERS__?.[props.id];\n\t\t\t});\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (!usesFrameworkSlots) {\n\t\t\t\treturn h('div', {\n\t\t\t\t\tclass: props.className,\n\t\t\t\t\t'data-absolute-slot': 'true',\n\t\t\t\t\tid: `slot-${props.id}`,\n\t\t\t\t\tinnerHTML: props.fallbackHtml\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn h(\n\t\t\t\t'div',\n\t\t\t\t{\n\t\t\t\t\tclass: props.className,\n\t\t\t\t\t'data-allow-mismatch': '',\n\t\t\t\t\t'data-absolute-slot': 'true',\n\t\t\t\t\tid: `slot-${props.id}`\n\t\t\t\t},\n\t\t\t\thasPatchedDom.value && !isResolved.value\n\t\t\t\t\t? undefined\n\t\t\t\t\t: \n\t\t\t\thasError.value\n\t\t\t\t\t? (slots.error?.({ error: undefined }) ??\n\t\t\t\t\t\tslots.fallback?.() ??\n\t\t\t\t\t\tundefined)\n\t\t\t\t\t: isResolved.value\n\t\t\t\t\t\t? (slots.default?.({ value: resolvedValue.value }) ??\n\t\t\t\t\t\t\tundefined)\n\t\t\t\t\t\t: (slots.fallback?.() ?? undefined)\n\t\t\t);\n\t\t};\n\t}\n});\n",
     "import { defineComponent, h, type PropType } from 'vue';\nimport { registerStreamingSlot } from '../../core/streamingSlotRegistrar';\n\nexport const StreamSlot = defineComponent({\n\tname: 'AbsoluteStreamSlot',\n\tprops: {\n\t\tclassName: { default: undefined, type: String },\n\t\terrorHtml: { default: undefined, type: String },\n\t\tfallbackHtml: { default: '', type: String },\n\t\tid: { required: true, type: String },\n\t\tresolve: {\n\t\t\trequired: true,\n\t\t\ttype: Function as PropType<() => Promise<string> | string>\n\t\t},\n\t\ttimeoutMs: { default: undefined, type: Number }\n\t},\n\tsetup(props) {\n\t\tif (typeof window === 'undefined') {\n\t\t\tregisterStreamingSlot({\n\t\t\t\terrorHtml: props.errorHtml,\n\t\t\t\tfallbackHtml: props.fallbackHtml,\n\t\t\t\tid: props.id,\n\t\t\t\tresolve: props.resolve,\n\t\t\t\ttimeoutMs: props.timeoutMs\n\t\t\t});\n\t\t}\n\n\t\treturn () =>\n\t\t\th('div', {\n\t\t\t\tclass: props.className,\n\t\t\t\t'data-absolute-slot': 'true',\n\t\t\t\tid: `slot-${props.id}`,\n\t\t\t\tinnerHTML: props.fallbackHtml\n\t\t\t});\n\t}\n});\n"
   ],
-  "mappings": "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",
-  "debugId": "F686483DB3B6F90E64756E2164756E21",
+  "mappings": "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",
+  "debugId": "C6512760CE6CC3F064756E2164756E21",
   "names": []
 }

package/dist/vue/index.js

@@ -1746,6 +1746,7 @@ import {
   defineComponent,
   h,
   onMounted,
+  onBeforeUnmount,
   ref
 } from "vue";
 var renderVueNodesToHtml = async (nodes) => {
@@ -1779,6 +1780,7 @@ var SuspenseSlot = defineComponent({
     const isResolved = ref(false);
     const resolvedValue = ref(undefined);
     const hasError = ref(false);
+    const hasPatchedDom = ref(false);
     const usesFrameworkSlots = hasFrameworkSlots(slots.default, slots.fallback, slots.error, props.promise);
     if (typeof window === "undefined") {
       if (!usesFrameworkSlots && props.resolve) {
@@ -1795,8 +1797,10 @@ var SuspenseSlot = defineComponent({
           resolve: async () => {
             try {
               const value = props.resolve !== undefined ? await props.resolve() : props.promise !== undefined ? await props.promise : undefined;
+              const nodes = slots.default?.({ value }) ?? [];
+              const html = await renderVueNodesToHtml(nodes);
               return {
-                html: "",
+                html,
                 kind: "vue-suspense",
                 value
               };
@@ -1828,12 +1832,24 @@ var SuspenseSlot = defineComponent({
         hasError.value = candidate.state === "error";
         resolvedValue.value = candidate.value;
         isResolved.value = candidate.state !== "error";
+        hasPatchedDom.value = false;
         return true;
       };
+      const handlePatchedDom = (event) => {
+        const patchEvent = event;
+        if (patchEvent.detail?.id === props.id) {
+          hasPatchedDom.value = true;
+        }
+      };
       onMounted(() => {
+        window.addEventListener("absolutejs:slot-patch", handlePatchedDom);
         runtimeReady = true;
         window.__ABS_SLOT_FLUSH__?.();
       });
+      onBeforeUnmount(() => {
+        window.removeEventListener("absolutejs:slot-patch", handlePatchedDom);
+        delete window.__ABS_SLOT_CONSUMERS__?.[props.id];
+      });
     }
     return () => {
       if (!usesFrameworkSlots) {
@@ -1846,9 +1862,10 @@ var SuspenseSlot = defineComponent({
       }
       return h("div", {
         class: props.className,
+        "data-allow-mismatch": "",
         "data-absolute-slot": "true",
         id: `slot-${props.id}`
-      }, hasError.value ? slots.error?.({ error: undefined }) ?? slots.fallback?.() ?? undefined : isResolved.value ? slots.default?.({ value: resolvedValue.value }) ?? undefined : slots.fallback?.() ?? undefined);
+      }, hasPatchedDom.value && !isResolved.value ? undefined : hasError.value ? slots.error?.({ error: undefined }) ?? slots.fallback?.() ?? undefined : isResolved.value ? slots.default?.({ value: resolvedValue.value }) ?? undefined : slots.fallback?.() ?? undefined);
     };
   }
 });
@@ -1929,7 +1946,7 @@ var streamSwapRuntime = () => {
         return;
       }
     }
-    if (isAngularDeferPayload(payload) || isVueSuspensePayload(payload)) {
+    if (isAngularDeferPayload(payload)) {
       pending[id] = payload;
       return;
     }
@@ -1943,6 +1960,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 = () => {
@@ -2684,7 +2705,7 @@ var createTypedIsland = (registry) => defineRuntimeIslandComponent2((props) => {
   });
 });
 // src/vue/useIslandStore.ts
-import { customRef, onBeforeUnmount } from "vue";
+import { customRef, onBeforeUnmount as onBeforeUnmount2 } from "vue";
 
 // node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
@@ -2816,7 +2837,7 @@ var useIslandStore = (store, selector) => {
       set() {}
     };
   });
-  onBeforeUnmount(() => {
+  onBeforeUnmount2(() => {
     unsubscribe?.();
   });
   return state;
@@ -2834,5 +2855,5 @@ export {
   Image_default as Image
 };
 
-//# debugId=5E472DCDD9E5F0DA64756E2164756E21
+//# debugId=8773917EE428CB6B64756E2164756E21
 //# sourceMappingURL=index.js.map