feat: enable onload callbacks (#414)

* refactor(examples): run ssr example from server

* chore: switch to babel for build

buble complains too much

* feat: enable loaded callbacks

feat: add skip option

* examples: add async-callback browser example

* examples: fix server

* examples(ssr): add reactive script with callback

* fix: also skip on ssr

* chore: remove unused var

* feat: only add mutationobserver if DOM is still loading

feat: disconnect mutation observer once DOM has loaded

* examples: pass vmid to loadCallback instead of el

* feat: also support load callbacks for link/style tags

* test: add unit tests for load

* test: add load e2e test

* chore: fix lint

* chore: remove unused files

* test: fix e2e load callback test

* test: fix attempt

* examples: ie9 compatiblity

destructuring doesnt work in ie9

* fix: add onload attribute on ssr

dont rely on mutationobserver

* chore: lint ci conf

* refactor: remove loadCallbackAttribute config option

test: fix coverage for load

* test: improve coverage

* fix: only use console when it exists (for ie9)

* chore: fix coverage

examples/server.js

@@ -6,11 +6,13 @@ import rewrite from 'express-urlrewrite'
 import webpack from 'webpack'
 import webpackDevMiddleware from 'webpack-dev-middleware'
 import WebpackConfig from './webpack.config'
+import { renderPage } from './ssr/server'
 
 const app = express()
 
 app.use(webpackDevMiddleware(webpack(WebpackConfig), {
   publicPath: '/__build__/',
+  writeToDisk: false,
   stats: {
     colors: true,
     chunks: false
@@ -21,12 +23,27 @@ fs.readdirSync(__dirname)
   .filter(file => file !== 'ssr')
   .forEach((file) => {
     if (fs.statSync(path.join(__dirname, file)).isDirectory()) {
-      app.use(rewrite('/' + file + '/*', '/' + file + '/index.html'))
+      app.use(rewrite(`/${file}/*`, `/${file}/index.html`))
     }
   })
 
+app.use(express.static(path.join(__dirname, '_static')))
 app.use(express.static(__dirname))
 
+app.use(async (req, res, next) => {
+  if (!req.url.startsWith('/ssr')) {
+    next()
+  }
+
+  try {
+    const html = await renderPage()
+    res.send(html)
+  } catch (e) {
+    consola.error('SSR Oops:', e)
+    next()
+  }
+})
+
 const host = process.env.HOST || 'localhost'
 const port = process.env.PORT || 3000