plait/src/Static.js

A minimal JavaScript framework for building isomorphic reactive web components

import raf from 'raf'

import { start } from './App'
import State from './State'

const componentWithState = (component, state) => {
  return Object.assign({}, component, {
    init: () => state.toObject()
  })
}

const componentToString = component => {
  const node = start(component, raf)

  if (node.outerHTML) {
    return node.outerHTML
  }

  return node.toString()
}

export function render (component, update) {
  return new Promise(resolve => {
    if (typeof update === 'function') {
      const initialState = new State(component.init())

      update(initialState, newState => {
        const newComponent = componentWithState(component, newState)

        resolve(componentToString(newComponent))
      })
    } else {
      resolve(componentToString(component))
    }
  })
}