Pass global object from SSR extension.js to boot files

Is there are any way to pass object from SSR extension.js to the boot file, so it can be used.

The idea: create a client, that can be used as a global object in SSR mode, on the low level there will be a clear cache URL, and in boot it will be used. Once I trigger /clear-cache object on the high level will be cleared.

I’ve checked this file (https://github.com/quasarframework/quasar/blob/dev/app/lib/dev-server.js#L232), seems like there are only context (app) object with req, res and url is passed to the boot loaders. Seems like there are no way to pass any object from express to vue app.

[justinbeaty]

@dmitry You could probably attach it to the req object:

app.use(function (req, res, next) {
    req.client = getClient()
    next()
})

And get it in boot:

export default ({ store, ssrContext, redirect }) => {
  store.client = ssrContext.req.client
})

Which is maybe a bit hacky, but only way I can think of getting it to work in dev mode without modifying the core code.

In production, I believe you could do it right in index.js by passing another var into renderToString, but a quick look at the core code and I see no way to do it via dev mode.

ssr.renderToString({ req, res, client }, (err, html) => {

[dmitry]

Idea is something like that:

import getClient from 'client'

module.exports.extendApp = function ({ app, ssr }) {
  ssr.client = getClient()

  app.put('flush', function () {
    ssr.client.flushCache()
  })
})

Then in boot

export default ({ store, ssrContext, redirect }) => {
  store.client = ssrContext.client
})

And then access in Vue components through the store object.