Hydrate api implementation

Author: guzz

src/index.ts

@@ -17,7 +17,7 @@ import useFind from './useFind'
 import useGet from './useGet'
 
 import { FeathersVuexOptions } from './service-module/types'
-import { initAuth } from './utils'
+import { initAuth, hydrateApi } from './utils'
 import { FeathersVuex } from './vue-plugin/vue-plugin'
 
 const defaultOptions: FeathersVuexOptions = {
@@ -69,6 +69,7 @@ export default function feathersVuex(feathers, options: FeathersVuexOptions) {
 
 export {
   initAuth,
+  hydrateApi,
   FeathersVuexFind,
   FeathersVuexGet,
   FeathersVuexFormWrapper,

src/service-module/make-base-model.ts

@@ -238,6 +238,23 @@ export default function makeBaseModel(options: FeathersVuexOptions) {
       }
     }
 
+    /**
+     * make the server side documents hydrated on client a FeathersVuexModel
+     */
+    public static hydrateAll() {
+      const { namespace, store } = this
+      const state = store.state[namespace]
+      const commit = store.commit
+      // Replace each plain object with a model instance.
+      Object.keys(state.keyedById).forEach(id => {
+        const record = state.keyedById[id]
+        console.log('hydrateAll')
+        console.log(record)
+        commit(`${namespace}/removeItem`, record)
+        commit(`${namespace}/addItem`, record)
+      })
+    }
+
     /**
      * clone the current record using the `createCopy` mutation
      */

src/utils.ts

@@ -182,6 +182,18 @@ export const initAuth = function initAuth(options) {
   return Promise.resolve(payload)
 }
 
+/**
+ * run de BaseModel hydration on client for each api
+ */
+export const hydrateApi = function hydrateApi({ api }) {
+  Object.keys(api).forEach(modelName => {
+    if (!['byServicePath', 'BaseModel'].includes(modelName)) {
+      const Model = api[modelName]
+      Model.hydrateAll()
+    }
+  })
+}
+
 /**
  * Generate a new tempId and mark the record as a temp
  * @param state