fix(ssr): avoid hard-coded ssr checks in cjs builds

packages/runtime-core/src/apiLifecycle.ts

@@ -2,7 +2,8 @@ import {
   ComponentInternalInstance,
   LifecycleHooks,
   currentInstance,
-  setCurrentInstance
+  setCurrentInstance,
+  isInSSRComponentSetup
 } from './component'
 import { ComponentPublicInstance } from './componentProxy'
 import { callWithAsyncErrorHandling, ErrorTypeStrings } from './errorHandling'
@@ -66,7 +67,7 @@ export const createHook = <T extends Function = () => any>(
   lifecycle: LifecycleHooks
 ) => (hook: T, target: ComponentInternalInstance | null = currentInstance) =>
   // post-create lifecycle registrations are noops during SSR
-  !__SSR__ && injectHook(lifecycle, hook, target)
+  !isInSSRComponentSetup && injectHook(lifecycle, hook, target)
 
 export const onBeforeMount = createHook(LifecycleHooks.BEFORE_MOUNT)
 export const onMounted = createHook(LifecycleHooks.MOUNTED)

packages/runtime-core/src/apiWatch.ts

@@ -21,7 +21,8 @@ import {
   currentInstance,
   ComponentInternalInstance,
   currentSuspense,
-  Data
+  Data,
+  isInSSRComponentSetup
 } from './component'
 import {
   ErrorCodes,
@@ -86,8 +87,8 @@ export function watch<T = any>(
   cbOrOptions?: WatchCallback<T> | WatchOptions,
   options?: WatchOptions
 ): StopHandle {
-  if (__SSR__ && !(options && options.flush === 'sync')) {
-    // during SSR, non-sync watchers never fire.
+  if (isInSSRComponentSetup && !(options && options.flush === 'sync')) {
+    // component watchers during SSR are no-op
     return NOOP
   } else if (isFunction(cbOrOptions)) {
     // effect callback as 2nd argument - this is a source watcher

packages/runtime-core/src/component.ts

@@ -269,19 +269,26 @@ export function validateComponentName(name: string, config: AppConfig) {
   }
 }
 
+export let isInSSRComponentSetup = false
+
 export function setupComponent(
   instance: ComponentInternalInstance,
-  parentSuspense: SuspenseBoundary | null
+  parentSuspense: SuspenseBoundary | null,
+  isSSR = false
 ) {
+  isInSSRComponentSetup = isSSR
   const propsOptions = instance.type.props
   const { props, children, shapeFlag } = instance.vnode
   resolveProps(instance, props, propsOptions)
   resolveSlots(instance, children)
 
   // setup stateful logic
+  let setupResult
   if (shapeFlag & ShapeFlags.STATEFUL_COMPONENT) {
-    return setupStatefulComponent(instance, parentSuspense)
+    setupResult = setupStatefulComponent(instance, parentSuspense)
   }
+  isInSSRComponentSetup = false
+  return setupResult
 }
 
 function setupStatefulComponent(
@@ -314,7 +321,7 @@ function setupStatefulComponent(
   // 2. create props proxy
   // the propsProxy is a reactive AND readonly proxy to the actual props.
   // it will be updated in resolveProps() on updates before render
-  const propsProxy = (instance.propsProxy = __SSR__
+  const propsProxy = (instance.propsProxy = isInSSRComponentSetup
     ? instance.props
     : shallowReadonly(instance.props))
   // 3. call setup()
@@ -335,7 +342,7 @@ function setupStatefulComponent(
     currentSuspense = null
 
     if (isPromise(setupResult)) {
-      if (__SSR__) {
+      if (isInSSRComponentSetup) {
         // return the promise so server-renderer can wait on it
         return setupResult.then(resolvedResult => {
           handleSetupResult(instance, resolvedResult, parentSuspense)
@@ -413,7 +420,7 @@ function finishComponentSetup(
       ;(Component.render as RenderFunction).isRuntimeCompiled = true
     }
 
-    if (__DEV__ && !Component.render) {
+    if (__DEV__ && !Component.render && !Component.ssrRender) {
       /* istanbul ignore if */
       if (!__RUNTIME_COMPILE__ && Component.template) {
         warn(
@@ -421,7 +428,7 @@ function finishComponentSetup(
             `does not support runtime template compilation. Either use the ` +
             `full build or pre-compile the template using Vue CLI.`
         )
-      } else if (!__SSR__ || !Component.ssrRender) {
+      } else {
         warn(
           `Component is missing${
             __RUNTIME_COMPILE__ ? ` template or` : ``

packages/runtime-core/src/index.ts

@@ -106,7 +106,7 @@ import { createComponentInstance, setupComponent } from './component'
 import { renderComponentRoot } from './componentRenderUtils'
 import { normalizeVNode } from './vnode'
 
-// SSR utils are only exposed in SSR builds.
+// SSR utils are only exposed in cjs builds.
 const _ssrUtils = {
   createComponentInstance,
   setupComponent,
@@ -114,7 +114,7 @@ const _ssrUtils = {
   normalizeVNode
 }
 
-export const ssrUtils = (__SSR__ ? _ssrUtils : null) as typeof _ssrUtils
+export const ssrUtils = (__NODE_JS__ ? _ssrUtils : null) as typeof _ssrUtils
 
 // Types -----------------------------------------------------------------------