@vue/server-renderer 3.5.38 → 3.5.40

package/dist/server-renderer.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/server-renderer v3.5.38
+* @vue/server-renderer v3.5.40
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Vue = require('vue');
+var Vue = require('@vue/runtime-dom');
 var shared = require('@vue/shared');
 var compilerSsr = require('@vue/compiler-ssr');
 
@@ -213,6 +213,9 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
     teleportContent = getBuffer();
   }
   targetBuffer.splice(bufferIndex, 0, teleportContent);
+  if (shared.isPromise(teleportContent) || shared.isArray(teleportContent) && teleportContent.hasAsync) {
+    targetBuffer.hasAsync = true;
+  }
   parentPush("<!--teleport end-->");
 }
 
@@ -220,265 +223,6 @@ function ssrInterpolate(value) {
   return shared.escapeHtml(shared.toDisplayString(value));
 }
 
-// @__NO_SIDE_EFFECTS__
-function toRaw(observed) {
-  const raw = observed && observed["__v_raw"];
-  return raw ? /* @__PURE__ */ toRaw(raw) : observed;
-}
-
-// @__NO_SIDE_EFFECTS__
-function isRef(r) {
-  return r ? r["__v_isRef"] === true : false;
-}
-
-const stack = [];
-function pushWarningContext$1(vnode) {
-  stack.push(vnode);
-}
-function popWarningContext$1() {
-  stack.pop();
-}
-let isWarning = false;
-function warn$1(msg, ...args) {
-  if (isWarning) return;
-  isWarning = true;
-  const instance = stack.length ? stack[stack.length - 1].component : null;
-  const appWarnHandler = instance && instance.appContext.config.warnHandler;
-  const trace = getComponentTrace();
-  if (appWarnHandler) {
-    callWithErrorHandling(
-      appWarnHandler,
-      instance,
-      11,
-      [
-        // eslint-disable-next-line no-restricted-syntax
-        msg + args.map((a) => {
-          var _a, _b;
-          return (_b = (_a = a.toString) == null ? void 0 : _a.call(a)) != null ? _b : JSON.stringify(a);
-        }).join(""),
-        instance && instance.proxy,
-        trace.map(
-          ({ vnode }) => `at <${formatComponentName(instance, vnode.type)}>`
-        ).join("\n"),
-        trace
-      ]
-    );
-  } else {
-    const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-    if (trace.length && // avoid spamming console during tests
-    true) {
-      warnArgs.push(`
-`, ...formatTrace(trace));
-    }
-    console.warn(...warnArgs);
-  }
-  isWarning = false;
-}
-function getComponentTrace() {
-  let currentVNode = stack[stack.length - 1];
-  if (!currentVNode) {
-    return [];
-  }
-  const normalizedStack = [];
-  while (currentVNode) {
-    const last = normalizedStack[0];
-    if (last && last.vnode === currentVNode) {
-      last.recurseCount++;
-    } else {
-      normalizedStack.push({
-        vnode: currentVNode,
-        recurseCount: 0
-      });
-    }
-    const parentInstance = currentVNode.component && currentVNode.component.parent;
-    currentVNode = parentInstance && parentInstance.vnode;
-  }
-  return normalizedStack;
-}
-function formatTrace(trace) {
-  const logs = [];
-  trace.forEach((entry, i) => {
-    logs.push(...i === 0 ? [] : [`
-`], ...formatTraceEntry(entry));
-  });
-  return logs;
-}
-function formatTraceEntry({ vnode, recurseCount }) {
-  const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-  const isRoot = vnode.component ? vnode.component.parent == null : false;
-  const open = ` at <${formatComponentName(
-    vnode.component,
-    vnode.type,
-    isRoot
-  )}`;
-  const close = `>` + postfix;
-  return vnode.props ? [open, ...formatProps(vnode.props), close] : [open + close];
-}
-function formatProps(props) {
-  const res = [];
-  const keys = Object.keys(props);
-  keys.slice(0, 3).forEach((key) => {
-    res.push(...formatProp(key, props[key]));
-  });
-  if (keys.length > 3) {
-    res.push(` ...`);
-  }
-  return res;
-}
-function formatProp(key, value, raw) {
-  if (shared.isString(value)) {
-    value = JSON.stringify(value);
-    return raw ? value : [`${key}=${value}`];
-  } else if (typeof value === "number" || typeof value === "boolean" || value == null) {
-    return raw ? value : [`${key}=${value}`];
-  } else if (isRef(value)) {
-    value = formatProp(key, toRaw(value.value), true);
-    return raw ? value : [`${key}=Ref<`, value, `>`];
-  } else if (shared.isFunction(value)) {
-    return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-  } else {
-    value = toRaw(value);
-    return raw ? value : [`${key}=`, value];
-  }
-}
-
-const ErrorTypeStrings = {
-  ["sp"]: "serverPrefetch hook",
-  ["bc"]: "beforeCreate hook",
-  ["c"]: "created hook",
-  ["bm"]: "beforeMount hook",
-  ["m"]: "mounted hook",
-  ["bu"]: "beforeUpdate hook",
-  ["u"]: "updated",
-  ["bum"]: "beforeUnmount hook",
-  ["um"]: "unmounted hook",
-  ["a"]: "activated hook",
-  ["da"]: "deactivated hook",
-  ["ec"]: "errorCaptured hook",
-  ["rtc"]: "renderTracked hook",
-  ["rtg"]: "renderTriggered hook",
-  [0]: "setup function",
-  [1]: "render function",
-  [2]: "watcher getter",
-  [3]: "watcher callback",
-  [4]: "watcher cleanup function",
-  [5]: "native event handler",
-  [6]: "component event handler",
-  [7]: "vnode hook",
-  [8]: "directive hook",
-  [9]: "transition hook",
-  [10]: "app errorHandler",
-  [11]: "app warnHandler",
-  [12]: "ref function",
-  [13]: "async component loader",
-  [14]: "scheduler flush",
-  [15]: "component update",
-  [16]: "app unmount cleanup function"
-};
-function callWithErrorHandling(fn, instance, type, args) {
-  try {
-    return args ? fn(...args) : fn();
-  } catch (err) {
-    handleError(err, instance, type);
-  }
-}
-function handleError(err, instance, type, throwInDev = true) {
-  const contextVNode = instance ? instance.vnode : null;
-  const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || shared.EMPTY_OBJ;
-  if (instance) {
-    let cur = instance.parent;
-    const exposedInstance = instance.proxy;
-    const errorInfo = ErrorTypeStrings[type] ;
-    while (cur) {
-      const errorCapturedHooks = cur.ec;
-      if (errorCapturedHooks) {
-        for (let i = 0; i < errorCapturedHooks.length; i++) {
-          if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) {
-            return;
-          }
-        }
-      }
-      cur = cur.parent;
-    }
-    if (errorHandler) {
-      callWithErrorHandling(errorHandler, null, 10, [
-        err,
-        exposedInstance,
-        errorInfo
-      ]);
-      return;
-    }
-  }
-  logError(err, type, contextVNode, throwInDev, throwUnhandledErrorInProduction);
-}
-function logError(err, type, contextVNode, throwInDev = true, throwInProd = false) {
-  {
-    const info = ErrorTypeStrings[type];
-    if (contextVNode) {
-      pushWarningContext$1(contextVNode);
-    }
-    warn$1(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-    if (contextVNode) {
-      popWarningContext$1();
-    }
-    if (throwInDev) {
-      throw err;
-    } else {
-      console.error(err);
-    }
-  }
-}
-
-{
-  const g = shared.getGlobalThis();
-  const registerGlobalSetter = (key, setter) => {
-    let setters;
-    if (!(setters = g[key])) setters = g[key] = [];
-    setters.push(setter);
-    return (v) => {
-      if (setters.length > 1) setters.forEach((set) => set(v));
-      else setters[0](v);
-    };
-  };
-  registerGlobalSetter(
-    `__VUE_INSTANCE_SETTERS__`,
-    (v) => v
-  );
-  registerGlobalSetter(
-    `__VUE_SSR_SETTERS__`,
-    (v) => v
-  );
-}
-const classifyRE = /(?:^|[-_])\w/g;
-const classify = (str) => str.replace(classifyRE, (c) => c.toUpperCase()).replace(/[-_]/g, "");
-function getComponentName(Component, includeInferred = true) {
-  return shared.isFunction(Component) ? Component.displayName || Component.name : Component.name || includeInferred && Component.__name;
-}
-function formatComponentName(instance, Component, isRoot = false) {
-  let name = getComponentName(Component);
-  if (!name && Component.__file) {
-    const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-    if (match) {
-      name = match[1];
-    }
-  }
-  if (!name && instance) {
-    const inferFromRegistry = (registry) => {
-      for (const key in registry) {
-        if (registry[key] === Component) {
-          return key;
-        }
-      }
-    };
-    name = inferFromRegistry(instance.components) || instance.parent && inferFromRegistry(
-      instance.parent.type.components
-    ) || inferFromRegistry(instance.appContext.components);
-  }
-  return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-
-const warn = warn$1 ;
-
 function ssrRenderList(source, renderItem) {
   if (shared.isArray(source) || shared.isString(source)) {
     for (let i = 0, l = source.length; i < l; i++) {
@@ -486,7 +230,7 @@ function ssrRenderList(source, renderItem) {
     }
   } else if (typeof source === "number") {
     if (!Number.isInteger(source) || source < 0) {
-      warn(
+      Vue.warn(
         `The v-for range expects a positive integer value but got ${source}.`
       );
       return;
@@ -691,7 +435,11 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
     }).catch(shared.NOOP);
     return p.then(() => renderComponentSubTree(instance, slotScopeId));
   } else {
-    return renderComponentSubTree(instance, slotScopeId);
+    try {
+      return renderComponentSubTree(instance, slotScopeId);
+    } catch (err) {
+      return Promise.reject(err);
+    }
   }
 }
 function renderComponentSubTree(instance, slotScopeId) {
@@ -753,6 +501,8 @@ function renderComponentSubTree(instance, slotScopeId) {
           instance.data,
           instance.ctx
         );
+      } catch (err) {
+        Vue.handleError(err, instance, 1);
       } finally {
         setCurrentRenderingInstance(prev);
       }
@@ -832,20 +582,30 @@ function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
   if (props) {
     openTag += ssrRenderAttrs(props, tag);
   }
+  const renderedScopeIds = [];
+  const appendScopeId = (id) => {
+    if (id && (!props || !shared.hasOwn(props, id)) && !renderedScopeIds.includes(id)) {
+      openTag += ` ${id}`;
+      renderedScopeIds.push(id);
+    }
+  };
   if (scopeId) {
-    openTag += ` ${scopeId}`;
+    appendScopeId(scopeId);
   }
   let curParent = parentComponent;
   let curVnode = vnode;
   while (curParent && curVnode === curParent.subTree) {
     curVnode = curParent.vnode;
     if (curVnode.scopeId) {
-      openTag += ` ${curVnode.scopeId}`;
+      appendScopeId(curVnode.scopeId);
     }
     curParent = curParent.parent;
   }
   if (slotScopeId) {
-    openTag += ` ${slotScopeId}`;
+    const slotScopeIdList = slotScopeId.trim().split(" ");
+    for (let i = 0; i < slotScopeIdList.length; i++) {
+      appendScopeId(slotScopeIdList[i]);
+    }
   }
   push(openTag + `>`);
   if (!shared.isVoidTag(tag)) {
@@ -988,7 +748,7 @@ async function resolveTeleports(context) {
     context.teleports = context.teleports || {};
     for (const key in context.__teleportBuffers) {
       context.teleports[key] = await unrollBuffer$1(
-        await Promise.all([context.__teleportBuffers[key]])
+        context.__teleportBuffers[key]
       );
     }
   }

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

@@ -1,5 +1,5 @@
 /**
-* @vue/server-renderer v3.5.38
+* @vue/server-renderer v3.5.40
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Vue = require('vue');
+var Vue = require('@vue/runtime-dom');
 var shared = require('@vue/shared');
 var compilerSsr = require('@vue/compiler-ssr');
 
@@ -213,6 +213,9 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
     teleportContent = getBuffer();
   }
   targetBuffer.splice(bufferIndex, 0, teleportContent);
+  if (shared.isPromise(teleportContent) || shared.isArray(teleportContent) && teleportContent.hasAsync) {
+    targetBuffer.hasAsync = true;
+  }
   parentPush("<!--teleport end-->");
 }
 
@@ -417,7 +420,11 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
     }).catch(shared.NOOP);
     return p.then(() => renderComponentSubTree(instance, slotScopeId));
   } else {
-    return renderComponentSubTree(instance, slotScopeId);
+    try {
+      return renderComponentSubTree(instance, slotScopeId);
+    } catch (err) {
+      return Promise.reject(err);
+    }
   }
 }
 function renderComponentSubTree(instance, slotScopeId) {
@@ -478,6 +485,8 @@ function renderComponentSubTree(instance, slotScopeId) {
           instance.data,
           instance.ctx
         );
+      } catch (err) {
+        Vue.handleError(err, instance, 1);
       } finally {
         setCurrentRenderingInstance(prev);
       }
@@ -556,20 +565,30 @@ function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
   if (props) {
     openTag += ssrRenderAttrs(props, tag);
   }
+  const renderedScopeIds = [];
+  const appendScopeId = (id) => {
+    if (id && (!props || !shared.hasOwn(props, id)) && !renderedScopeIds.includes(id)) {
+      openTag += ` ${id}`;
+      renderedScopeIds.push(id);
+    }
+  };
   if (scopeId) {
-    openTag += ` ${scopeId}`;
+    appendScopeId(scopeId);
   }
   let curParent = parentComponent;
   let curVnode = vnode;
   while (curParent && curVnode === curParent.subTree) {
     curVnode = curParent.vnode;
     if (curVnode.scopeId) {
-      openTag += ` ${curVnode.scopeId}`;
+      appendScopeId(curVnode.scopeId);
     }
     curParent = curParent.parent;
   }
   if (slotScopeId) {
-    openTag += ` ${slotScopeId}`;
+    const slotScopeIdList = slotScopeId.trim().split(" ");
+    for (let i = 0; i < slotScopeIdList.length; i++) {
+      appendScopeId(slotScopeIdList[i]);
+    }
   }
   push(openTag + `>`);
   if (!shared.isVoidTag(tag)) {
@@ -712,7 +731,7 @@ async function resolveTeleports(context) {
     context.teleports = context.teleports || {};
     for (const key in context.__teleportBuffers) {
       context.teleports[key] = await unrollBuffer$1(
-        await Promise.all([context.__teleportBuffers[key]])
+        context.__teleportBuffers[key]
       );
     }
   }

package/dist/server-renderer.d.ts

@@ -1,4 +1,4 @@
-import { VNode, ComponentInternalInstance, App, Slots, Component, ComponentPublicInstance, Directive } from 'vue';
+import { VNode, ComponentInternalInstance, App, Slots, Component, ComponentPublicInstance, Directive } from '@vue/runtime-dom';
 import { Writable, Readable } from 'node:stream';
 export { includeBooleanAttr as ssrIncludeBooleanAttr } from '@vue/shared';