Basic facade && Basic editor react-component

draft.scala

===========================================
========= Basic facade for Monaco =========
===========================================

package monaco

import org.scalajs.dom.raw.HTMLElement

import scala.scalajs.js
import scala.scalajs.js.UndefOr
import scala.scalajs.js.annotation.JSName

// @JSImport("min/vs/editor/editor.main", JSImport.Namespace)
@js.native
@JSName("monaco.editor")
object Editor extends js.Object {
  def create(
      domElement: HTMLElement,
      options: UndefOr[js.Object],
      _override: UndefOr[js.Object]
  ): js.Any = js.native
}

===========================================
====== Monaco Editor React component ======
===========================================

package com.olegych.scastie.client

import japgolly.scalajs.react._
import japgolly.scalajs.react.vdom.all._
import org.scalajs.dom
import org.scalajs.dom.raw.HTMLElement

object MonacoEditor {
  private val component =
    ReactComponentB[(AppState, AppBackend)]("MonacoEditor").render_P {
      case (state, backend) => {
        div(`id` := s"container")
      }
    }.componentDidMount({
      case v => Callback {
        monaco.Editor.create(dom.document.getElementById("container").asInstanceOf[HTMLElement], null, null)
      }
    }
    ).build

  def apply(state: AppState, backend: AppBackend) = component((state, backend))
}