content: {-
   - Copyright (c) 2017 The Agile Monkeys S.L. <hackers@theam.io>
   -
   - Licensed under the Apache License, Version 2.0 (the "License");
   - you may not use this file except in compliance with the License.
   - You may obtain a copy of the License at
   -
   -     http://www.apache.org/licenses/LICENSE-2.0
   -
   - Unless required by applicable law or agreed to in writing, software
   - distributed under the License is distributed on an "AS IS" BASIS,
   - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   - See the License for the specific language governing permissions and
   - limitations under the License.
   -}
  module HaskellDo.CodeMirror.View where
  
  import Prelude hiding (div, id)
  import Control.Monad.IO.Class
  
  import GHCJS.HPlay.View hiding (addHeader, atr, id)
  import AxiomUtils
  
  import HaskellDo.CodeMirror.Types
  import Foreign.CodeMirror
  
  initialize :: IO ()
  initialize = do
      addHeader $ do
          link ! atr "rel" "stylesheet"
               ! href "https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css"
          script ("var codeMirror;" :: String)
          script ! src "https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"
                 $ noHtml
      makeCodeMirrorFromId "mainEditor"
  
  view :: State -> Widget Action
  view _ = do
      _ <- textArea "" `fire` OnKeyUp
      newContent <- liftIO getMDEContent
      return (NewContent newContent)
  