@vue/server-renderer 3.2.26 → 3.2.30

package/dist/server-renderer.cjs.js

@@ -197,7 +197,7 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
     const instance = createComponentInstance(vnode, parentComponent, null);
     const res = setupComponent(instance, true /* isSSR */);
     const hasAsyncSetup = shared.isPromise(res);
-    const prefetches = instance.sp;
+    const prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
     if (hasAsyncSetup || prefetches) {
         let p = hasAsyncSetup
             ? res
@@ -227,6 +227,12 @@ function renderComponentSubTree(instance, slotScopeId) {
             shared.isString(comp.template)) {
             comp.ssrRender = ssrCompile(comp.template, instance);
         }
+        // perf: enable caching of computed getters during render
+        // since there cannot be state mutations during render.
+        for (const e of instance.scope.effects) {
+            if (e.computed)
+                e.computed._cacheable = true;
+        }
         const ssrRender = instance.ssrRender || comp.ssrRender;
         if (ssrRender) {
             // optimized
@@ -679,39 +685,7 @@ function toRaw(observed) {
 }
 
 function isRef(r) {
-    return Boolean(r && r.__v_isRef === true);
-}
-
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return shared.isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
-}
-/* istanbul ignore next */
-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 && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
-    }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+    return !!(r && r.__v_isRef === true);
 }
 
 const stack = [];
@@ -854,7 +828,7 @@ const ErrorTypeStrings = {
     [12 /* FUNCTION_REF */]: 'ref function',
     [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
     [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core'
 };
 function callWithErrorHandling(fn, instance, type, args) {
     let res;
@@ -914,6 +888,38 @@ function logError(err, type, contextVNode, throwInDev = true) {
     }
 }
 
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return shared.isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+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 && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
+            }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+
 function ssrRenderList(source, renderItem) {
     if (shared.isArray(source) || shared.isString(source)) {
         for (let i = 0, l = source.length; i < l; i++) {
@@ -957,6 +963,20 @@ function ssrRenderSuspense(push, { default: renderContent }) {
     });
 }
 
+function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
+    if (typeof dir !== 'function' && dir.getSSRProps) {
+        return (dir.getSSRProps({
+            dir,
+            instance,
+            value,
+            oldValue: undefined,
+            arg,
+            modifiers
+        }, null) || {});
+    }
+    return {};
+}
+
 const ssrLooseEqual = shared.looseEqual;
 function ssrLooseContain(arr, value) {
     return shared.looseIndexOf(arr, value) > -1;
@@ -1001,6 +1021,7 @@ exports.renderToSimpleStream = renderToSimpleStream;
 exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;
 exports.renderToWebStream = renderToWebStream;
+exports.ssrGetDirectiveProps = ssrGetDirectiveProps;
 exports.ssrGetDynamicModelProps = ssrGetDynamicModelProps;
 exports.ssrInterpolate = ssrInterpolate;
 exports.ssrLooseContain = ssrLooseContain;

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

@@ -194,7 +194,7 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
     const instance = createComponentInstance(vnode, parentComponent, null);
     const res = setupComponent(instance, true /* isSSR */);
     const hasAsyncSetup = shared.isPromise(res);
-    const prefetches = instance.sp;
+    const prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
     if (hasAsyncSetup || prefetches) {
         let p = hasAsyncSetup
             ? res
@@ -224,6 +224,12 @@ function renderComponentSubTree(instance, slotScopeId) {
             shared.isString(comp.template)) {
             comp.ssrRender = ssrCompile(comp.template, instance);
         }
+        // perf: enable caching of computed getters during render
+        // since there cannot be state mutations during render.
+        for (const e of instance.scope.effects) {
+            if (e.computed)
+                e.computed._cacheable = true;
+        }
         const ssrRender = instance.ssrRender || comp.ssrRender;
         if (ssrRender) {
             // optimized
@@ -709,6 +715,20 @@ function ssrRenderSuspense(push, { default: renderContent }) {
     });
 }
 
+function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
+    if (typeof dir !== 'function' && dir.getSSRProps) {
+        return (dir.getSSRProps({
+            dir,
+            instance,
+            value,
+            oldValue: undefined,
+            arg,
+            modifiers
+        }, null) || {});
+    }
+    return {};
+}
+
 const ssrLooseEqual = shared.looseEqual;
 function ssrLooseContain(arr, value) {
     return shared.looseIndexOf(arr, value) > -1;
@@ -753,6 +773,7 @@ exports.renderToSimpleStream = renderToSimpleStream;
 exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;
 exports.renderToWebStream = renderToWebStream;
+exports.ssrGetDirectiveProps = ssrGetDirectiveProps;
 exports.ssrGetDynamicModelProps = ssrGetDynamicModelProps;
 exports.ssrInterpolate = ssrInterpolate;
 exports.ssrLooseContain = ssrLooseContain;

package/dist/server-renderer.d.ts

@@ -3,6 +3,8 @@
 import { App } from 'vue';
 import { Component } from 'vue';
 import { ComponentInternalInstance } from 'vue';
+import { ComponentPublicInstance } from '@vue/runtime-core';
+import { Directive } from '@vue/runtime-core';
 import { Readable } from 'stream';
 import { Slots } from 'vue';
 import { includeBooleanAttr as ssrIncludeBooleanAttr } from '@vue/shared';
@@ -47,6 +49,8 @@ export declare type SSRContext = {
     __teleportBuffers?: Record<string, SSRBuffer>;
 };
 
+export declare function ssrGetDirectiveProps(instance: ComponentPublicInstance, dir: Directive, value?: any, arg?: string, modifiers?: Record<string, boolean>): Record<string, any>;
+
 export declare function ssrGetDynamicModelProps(existingProps: any, model: unknown): {
     checked: boolean;
     value?: undefined;

package/dist/server-renderer.esm-bundler.js

@@ -166,7 +166,7 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
     const instance = createComponentInstance(vnode, parentComponent, null);
     const res = setupComponent(instance, true /* isSSR */);
     const hasAsyncSetup = isPromise(res);
-    const prefetches = instance.sp;
+    const prefetches = instance.sp; /* LifecycleHooks.SERVER_PREFETCH */
     if (hasAsyncSetup || prefetches) {
         let p = hasAsyncSetup
             ? res
@@ -196,6 +196,12 @@ function renderComponentSubTree(instance, slotScopeId) {
             isString(comp.template)) {
             comp.ssrRender = ssrCompile(comp.template);
         }
+        // perf: enable caching of computed getters during render
+        // since there cannot be state mutations during render.
+        for (const e of instance.scope.effects) {
+            if (e.computed)
+                e.computed._cacheable = true;
+        }
         const ssrRender = instance.ssrRender || comp.ssrRender;
         if (ssrRender) {
             // optimized
@@ -646,39 +652,7 @@ function toRaw(observed) {
 }
 
 function isRef(r) {
-    return Boolean(r && r.__v_isRef === true);
-}
-
-const classifyRE = /(?:^|[-_])(\w)/g;
-const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
-function getComponentName(Component) {
-    return isFunction(Component)
-        ? Component.displayName || Component.name
-        : Component.name;
-}
-/* istanbul ignore next */
-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 && instance.parent) {
-        // try to infer the name based on reverse resolution
-        const inferFromRegistry = (registry) => {
-            for (const key in registry) {
-                if (registry[key] === Component) {
-                    return key;
-                }
-            }
-        };
-        name =
-            inferFromRegistry(instance.components ||
-                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
-    }
-    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+    return !!(r && r.__v_isRef === true);
 }
 
 const stack = [];
@@ -821,7 +795,7 @@ const ErrorTypeStrings = {
     [12 /* FUNCTION_REF */]: 'ref function',
     [13 /* ASYNC_COMPONENT_LOADER */]: 'async component loader',
     [14 /* SCHEDULER */]: 'scheduler flush. This is likely a Vue internals bug. ' +
-        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next'
+        'Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/core'
 };
 function callWithErrorHandling(fn, instance, type, args) {
     let res;
@@ -885,6 +859,38 @@ function logError(err, type, contextVNode, throwInDev = true) {
     }
 }
 
+const classifyRE = /(?:^|[-_])(\w)/g;
+const classify = (str) => str.replace(classifyRE, c => c.toUpperCase()).replace(/[-_]/g, '');
+function getComponentName(Component) {
+    return isFunction(Component)
+        ? Component.displayName || Component.name
+        : Component.name;
+}
+/* istanbul ignore next */
+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 && instance.parent) {
+        // try to infer the name based on reverse resolution
+        const inferFromRegistry = (registry) => {
+            for (const key in registry) {
+                if (registry[key] === Component) {
+                    return key;
+                }
+            }
+        };
+        name =
+            inferFromRegistry(instance.components ||
+                instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
+    }
+    return name ? classify(name) : isRoot ? `App` : `Anonymous`;
+}
+
 function ssrRenderList(source, renderItem) {
     if (isArray(source) || isString(source)) {
         for (let i = 0, l = source.length; i < l; i++) {
@@ -928,6 +934,20 @@ function ssrRenderSuspense(push, { default: renderContent }) {
     });
 }
 
+function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
+    if (typeof dir !== 'function' && dir.getSSRProps) {
+        return (dir.getSSRProps({
+            dir,
+            instance,
+            value,
+            oldValue: undefined,
+            arg,
+            modifiers
+        }, null) || {});
+    }
+    return {};
+}
+
 const ssrLooseEqual = looseEqual;
 function ssrLooseContain(arr, value) {
     return looseIndexOf(arr, value) > -1;
@@ -964,4 +984,4 @@ function ssrGetDynamicModelProps(existingProps = {}, model) {
 
 initDirectivesForSSR();
 
-export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDynamicModelProps, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };
+export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDirectiveProps, ssrGetDynamicModelProps, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/server-renderer",
-  "version": "3.2.26",
+  "version": "3.2.30",
   "description": "@vue/server-renderer",
   "main": "index.js",
   "module": "dist/server-renderer.esm-bundler.js",
@@ -18,7 +18,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vuejs/vue-next.git",
+    "url": "git+https://github.com/vuejs/core.git",
     "directory": "packages/server-renderer"
   },
   "keywords": [
@@ -27,14 +27,14 @@
   "author": "Evan You",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vuejs/vue-next/issues"
+    "url": "https://github.com/vuejs/core/issues"
   },
-  "homepage": "https://github.com/vuejs/vue-next/tree/master/packages/server-renderer#readme",
+  "homepage": "https://github.com/vuejs/core/tree/main/packages/server-renderer#readme",
   "peerDependencies": {
-    "vue": "3.2.26"
+    "vue": "3.2.30"
   },
   "dependencies": {
-    "@vue/shared": "3.2.26",
-    "@vue/compiler-ssr": "3.2.26"
+    "@vue/shared": "3.2.30",
+    "@vue/compiler-ssr": "3.2.30"
   }
 }