index.js

import Vue from 'vue'
import { createRenderer } from 'vue-server-renderer'
import { WebApp } from 'meteor/webapp'
import cookieParser from 'cookie-parser'
import { onPageLoad } from 'meteor/server-render'
import { FastRender } from 'meteor/staringatlights:fast-render'

import SsrContext from './context'
import patchSubscribeData from './data'

function IsAppUrl (req) {
  var url = req.url
  if (url === '/favicon.ico' || url === '/robots.txt') {
    return false
  }

  if (url === '/app.manifest') {
    return false
  }

  // Avoid serving app HTML for declared routes such as /sockjs/.
  if (RoutePolicy.classify(url)) {
    return false
  }
  return true
}

VueSSR = {}

VueSSR.outlet = process.env.VUE_OUTLET || 'app'

VueSSR.defaultAppTemplate = `
<div id="not-the-app" style="font-family: sans-serif;">
  <h1>This is not what you expected</h1>
  <p>
    You need to tell <code>vue-ssr</code> how to create your app by setting the <code>VueSSR.createApp</code> function. It should return a new Vue instance.
  </p>
  <p>
    Here is an example of server-side code:
  </p>
  <pre style="background: #ddd; padding: 12px; border-radius: 3px; font-family: monospace;">import Vue from 'vue'
import { VueSSR } from 'meteor/akryum:vue-ssr'

function createApp () {
  return new Vue({
    render: h => h('div', 'Hello world'),
  })
}

VueSSR.createApp = createApp</pre>
</div>
`

VueSSR.createApp = function () {
  return new Vue({
    template: VueSSR.defaultAppTemplate,
  })
}

VueSSR.ssrContext = new Meteor.EnvironmentVariable()
VueSSR.inSubscription = new Meteor.EnvironmentVariable() // <-- needed in data.js

patchSubscribeData(VueSSR)

const renderer = createRenderer()

function writeServerError (sink, { code = 500, message = 'Server Error' } = {}) {
  sink.setStatusCode(code)
  sink.appendToBody(message)
}

WebApp.rawConnectHandlers.use(cookieParser())

onPageLoad(sink => new Promise((resolve, reject) => {
  const req = sink.request

  // Fast render
  const loginToken = req.cookies['meteor_login_token']
  const headers = req.headers
  const frLoginContext = new FastRender._Context(loginToken, { headers })

  FastRender.frContext.withValue(frLoginContext, function () {
    // we're stealing all the code from FlowRouter SSR
    // https://github.com/kadirahq/flow-router/blob/ssr/server/route.js#L61
    const ssrContext = new SsrContext()

    VueSSR.ssrContext.withValue(ssrContext, () => {
      try {
        // const frData = InjectData.getData(res, 'fast-render-data')
        // if (frData) {
        //   ssrContext.addData(frData.collectionData)
        // }

        // Vue
        const context = { url: req.url }
        let asyncResult
        const result = VueSSR.createApp(context)
        if (result && typeof result.then === 'function') {
          asyncResult = result
        } else {
          asyncResult = Promise.resolve(result)
        }

        asyncResult.then(app => {
          renderer.renderToString(
            app,
            context,
            (error, html) => {
              if (error) {
                console.error(error)
                writeServerError(sink)
                return
              }

              // const frContext = FastRender.frContext.get()
              // const data = frContext.getData()
              // // InjectData.pushData(res, 'fast-render-data', data)
              // const injectData = EJSON.stringify({
              //   'fast-render-data': data,
              // })
              // // sink.appendToHead(`<script type="text/inject-data">${encodeURIComponent(injectData)}</script>`)

              let appendHtml
              if (typeof context.appendHtml === 'function') appendHtml = context.appendHtml()

              const head = ((appendHtml && appendHtml.head) || context.head) || ''
              const body = ((appendHtml && appendHtml.body) || context.body) || ''
              const js = ((appendHtml && appendHtml.js) || context.js) || ''
              const statusCode = ((appendHtml && appendHtml.statusCode) || context.statusCode) || 200

              const script = js && `<script type="text/javascript">${js}</script>`

              sink.setStatusCode(statusCode)
              sink.renderIntoElementById(VueSSR.outlet, html)
              sink.appendToHead(head)
              sink.appendToBody([body, script])

              resolve()
            },
          )
        }).catch(e => {
          console.error(e)
          writeServerError(sink, e)
          resolve()
        })
      } catch (error) {
        console.error(error)
        writeServerError(sink)
        resolve()
      }
    })
  })
}))

return

/* eslint-disable */

Meteor.bindEnvironment(function () {
  WebApp.rawConnectHandlers.use(cookieParser())

  WebApp.connectHandlers.use((req, res, next) => {
    if (!IsAppUrl(req)) {
      next()
      return
    }


  })
})()