feat(overmind-vue): optimize for SSR

Author: christianalfoni

packages/node_modules/overmind-vue/src/index.ts

@@ -1,4 +1,4 @@
-import { EventType } from 'overmind'
+import { EventType, MODE_SSR } from 'overmind'
 
 const OVERMIND = Symbol('OVERMIND')
 const IS_PRODUCTION = process.env.NODE_ENV === 'production'
@@ -11,40 +11,63 @@ function createMixin(overmind, propsCallback) {
 
   return {
     beforeMount(this: any) {
-      this[OVERMIND] = {
-        tree: (overmind as any).proxyStateTree.getTrackStateTree(),
-        componentInstanceId: componentInstanceId++,
-        onUpdate: (mutations, paths, flushId) => {
-          this[OVERMIND].currentFlushId = flushId
-          this.$forceUpdate()
-        },
-      }
-      this.overmind = {
-        state: this[OVERMIND].tree.state,
-        actions: overmind.actions,
-        effects: overmind.effects,
-        addMutationListener: overmind.addMutationListener,
-      }
+      if (overmind.mode === MODE_SSR) {
+        this.overmind = {
+          state: overmind.state,
+          actions: overmind.actions,
+          effects: overmind.effects,
+          addMutationListener: overmind.addMutationListener,
+        }
+        if (propsCallback) {
+          Object.assign(
+            this,
+            propsCallback({
+              state: overmind.state,
+              actions: overmind.actions,
+              effects: overmind.effects,
+            })
+          )
+        }
+      } else {
+        this[OVERMIND] = {
+          tree: (overmind as any).proxyStateTree.getTrackStateTree(),
+          componentInstanceId: componentInstanceId++,
+          onUpdate: (mutations, paths, flushId) => {
+            this[OVERMIND].currentFlushId = flushId
+            this.$forceUpdate()
+          },
+        }
+        this.overmind = {
+          state: this[OVERMIND].tree.state,
+          actions: overmind.actions,
+          effects: overmind.effects,
+          addMutationListener: overmind.addMutationListener,
+        }
 
-      if (propsCallback) {
-        Object.assign(
-          this,
-          propsCallback({
-            state: this[OVERMIND].tree.state,
-            actions: overmind.actions,
-            effects: overmind.effects,
-          })
-        )
+        if (propsCallback) {
+          Object.assign(
+            this,
+            propsCallback({
+              state: this[OVERMIND].tree.state,
+              actions: overmind.actions,
+              effects: overmind.effects,
+            })
+          )
+        }
+        this[OVERMIND].tree.track(this[OVERMIND].onUpdate)
       }
-      this[OVERMIND].tree.track(this[OVERMIND].onUpdate)
     },
     beforeUpdate(this: any) {
+      if (overmind.mode === MODE_SSR) return
+
       this[OVERMIND].tree.track(this[OVERMIND].onUpdate)
     },
     ...(IS_PRODUCTION
       ? null
       : {
           mounted(this: any) {
+            if (overmind.mode === MODE_SSR) return
+
             overmind.eventHub.emitAsync(EventType.COMPONENT_ADD, {
               componentId,
               componentInstanceId: this[OVERMIND].componentInstanceId,
@@ -53,6 +76,8 @@ function createMixin(overmind, propsCallback) {
             })
           },
           updated(this: any) {
+            if (overmind.mode === MODE_SSR) return
+
             overmind.eventHub.emitAsync(EventType.COMPONENT_UPDATE, {
               componentId,
               componentInstanceId: this[OVERMIND].componentInstanceId,
@@ -63,6 +88,8 @@ function createMixin(overmind, propsCallback) {
           },
         }),
     beforeDestroy(this: any) {
+      if (overmind.mode === MODE_SSR) return
+
       // @ts-ignore
       overmind.proxyStateTree.disposeTree(this[OVERMIND].tree)
       if (IS_PRODUCTION) {