@vue/server-renderer 3.5.0-alpha.4 → 3.5.0-beta.1

package/README.md

@@ -11,7 +11,7 @@
 ```ts
 function renderToString(
   input: App | VNode,
-  context?: SSRContext
+  context?: SSRContext,
 ): Promise<string>
 ```
 
@@ -23,7 +23,7 @@ const { renderToString } = require('@vue/server-renderer')
 
 const app = createSSRApp({
   data: () => ({ msg: 'hello' }),
-  template: `<div>{{ msg }}</div>`
+  template: `<div>{{ msg }}</div>`,
 })
 
 ;(async () => {
@@ -74,7 +74,7 @@ Render and pipe to an existing [Node.js Writable stream](https://nodejs.org/api/
 function pipeToNodeWritable(
   input: App | VNode,
   context: SSRContext = {},
-  writable: Writable
+  writable: Writable,
 ): void
 ```
 
@@ -94,7 +94,7 @@ Renders input as a [Web ReadableStream](https://developer.mozilla.org/en-US/docs
 ```ts
 function renderToWebStream(
   input: App | VNode,
-  context?: SSRContext
+  context?: SSRContext,
 ): ReadableStream
 ```
 
@@ -117,7 +117,7 @@ Render and pipe to an existing [Web WritableStream](https://developer.mozilla.or
 function pipeToWebWritable(
   input: App | VNode,
   context: SSRContext = {},
-  writable: WritableStream
+  writable: WritableStream,
 ): void
 ```
 
@@ -144,7 +144,7 @@ Renders input in streaming mode using a simple readable interface.
 function renderToSimpleStream(
   input: App | VNode,
   context: SSRContext,
-  options: SimpleReadable
+  options: SimpleReadable,
 ): SimpleReadable
 
 interface SimpleReadable {
@@ -172,7 +172,7 @@ renderToSimpleStream(
     },
     destroy(err) {
       // error encountered
-    }
-  }
+    },
+  },
 )
 ```

package/dist/server-renderer.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/server-renderer v3.5.0-alpha.4
+* @vue/server-renderer v3.5.0-beta.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -88,6 +88,7 @@ function ssrRenderComponent(comp, props = null, children = null, parentComponent
   );
 }
 
+const { ensureValidVNode } = Vue.ssrUtils;
 function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
   push(`<!--[-->`);
   ssrRenderSlotInner(
@@ -115,7 +116,17 @@ function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push,
       slotScopeId ? " " + slotScopeId : ""
     );
     if (shared.isArray(ret)) {
-      renderVNodeChildren(push, ret, parentComponent, slotScopeId);
+      const validSlotContent = ensureValidVNode(ret);
+      if (validSlotContent) {
+        renderVNodeChildren(
+          push,
+          validSlotContent,
+          parentComponent,
+          slotScopeId
+        );
+      } else if (fallbackRenderFn) {
+        fallbackRenderFn();
+      }
     } else {
       let isEmptySlot = true;
       if (transition) {
@@ -165,9 +176,10 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
   let teleportContent;
   if (disabled) {
     contentRenderFn(parentPush);
-    teleportContent = `<!--teleport anchor-->`;
+    teleportContent = `<!--teleport start anchor--><!--teleport anchor-->`;
   } else {
     const { getBuffer, push } = createBuffer();
+    push(`<!--teleport start anchor-->`);
     contentRenderFn(push);
     push(`<!--teleport anchor-->`);
     teleportContent = getBuffer();

package/dist/server-renderer.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/server-renderer v3.5.0-alpha.4
+* @vue/server-renderer v3.5.0-beta.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -88,6 +88,7 @@ function ssrRenderComponent(comp, props = null, children = null, parentComponent
   );
 }
 
+const { ensureValidVNode } = Vue.ssrUtils;
 function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
   push(`<!--[-->`);
   ssrRenderSlotInner(
@@ -115,7 +116,17 @@ function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push,
       slotScopeId ? " " + slotScopeId : ""
     );
     if (shared.isArray(ret)) {
-      renderVNodeChildren(push, ret, parentComponent, slotScopeId);
+      const validSlotContent = ensureValidVNode(ret);
+      if (validSlotContent) {
+        renderVNodeChildren(
+          push,
+          validSlotContent,
+          parentComponent,
+          slotScopeId
+        );
+      } else if (fallbackRenderFn) {
+        fallbackRenderFn();
+      }
     } else {
       let isEmptySlot = true;
       if (transition) {
@@ -165,9 +176,10 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
   let teleportContent;
   if (disabled) {
     contentRenderFn(parentPush);
-    teleportContent = `<!--teleport anchor-->`;
+    teleportContent = `<!--teleport start anchor--><!--teleport anchor-->`;
   } else {
     const { getBuffer, push } = createBuffer();
+    push(`<!--teleport start anchor-->`);
     contentRenderFn(push);
     push(`<!--teleport anchor-->`);
     teleportContent = getBuffer();

package/dist/server-renderer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { VNode, ComponentInternalInstance, App, Slots, Component, ComponentPublicInstance, Directive } from 'vue';
 import { Readable, Writable } from 'node:stream';
 export { includeBooleanAttr as ssrIncludeBooleanAttr } from '@vue/shared';
@@ -58,11 +57,9 @@ export declare const ssrLooseEqual: (a: unknown, b: unknown) => boolean;
 export declare function ssrLooseContain(arr: unknown[], value: unknown): boolean;
 export declare function ssrRenderDynamicModel(type: unknown, model: unknown, value: unknown): string;
 export declare function ssrGetDynamicModelProps(existingProps: any, model: unknown): {
-    checked: boolean;
-    value?: undefined;
+    checked: true;
 } | {
-    value: unknown;
-    checked?: undefined;
+    value: any;
 } | null;
 
 export { renderVNode as ssrRenderVNode };