antonjb

const definition = Layout.composition({
  type: "site-composition",
  props: {},
  contentAreas: {
    header: [
      {
        type: "site-header",
        props: {
          title: "Main title"
        }

antonjb

<Layout.CompositionsRenderer
  services={{ featureState: { showSpecial: true } }}
  compositions={[definition]}
/>

antonjb

export const ContentBox = createRegisterableComponent(
  "content-box",
  (props: { content: string }, services) => (
    <div>
      <p>{props.content}</p>
      {services.featureState.showSpecial && (
        <div>Special content item - enabled with feature toggle service</div>
      )}
    </div>
  )

antonjb

// Idle
//    after 30 seconds check status
// if in timezone && status promise resolves
// state => live
// live State
// after 30 seconds check status
// substate state == stop && outside timezone => state: idle
// substate state == play && fetch response reject => state: closing
// neither conditions pass => no op. check again in 30 seconds
//    substates

antonjb

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions