Glazier.React.Markup

HtmlT inspired monad for creating ReactElements

Documentation

data ReactMarkup

Constructors

ElementMarkup ReactElement

TextMarkup JSString

BranchMarkup BranchParam

LeafMarkup LeafParam

Instances

Monad m => MonadState (DList ReactMarkup) (ReactMlT m)

Methods

get :: ReactMlT m (DList ReactMarkup)

put :: DList ReactMarkup -> ReactMlT m ()

state :: (DList ReactMarkup -> (a, DList ReactMarkup)) -> ReactMlT m a

data BranchParam

The parameters required to create a branch ReactElement with children

Constructors

BranchParam JSVal [Property] (DList ReactMarkup)

data LeafParam

The parameters required to create a leaf ReactElement (no children)

Constructors

LeafParam JSVal [Property]

fromMarkup :: ReactMarkup -> IO ReactElement

Create ReactElements from a AtomMarkup

newtype ReactMlT m a

Monadic generator of ReactActom. It is a CPS-style WriterT (ie a StateT) to build up a function build up a computations to generate a '[AtomMarkup]'. You can use runStateT with an initial state of mempty.

Constructors

ReactMlT

Fields

• runReactMlT :: StateT (DList ReactMarkup) m a

Instances

MFunctor ReactMlT

Methods

hoist :: Monad m => (forall a. m a -> n a) -> ReactMlT m b -> ReactMlT n b

Monad m => Monad (ReactMlT m)

Methods

(>>=) :: ReactMlT m a -> (a -> ReactMlT m b) -> ReactMlT m b

(>>) :: ReactMlT m a -> ReactMlT m b -> ReactMlT m b

return :: a -> ReactMlT m a

fail :: String -> ReactMlT m a

Functor m => Functor (ReactMlT m)

Methods

fmap :: (a -> b) -> ReactMlT m a -> ReactMlT m b

(<$) :: a -> ReactMlT m b -> ReactMlT m a

MonadFix m => MonadFix (ReactMlT m)

Methods

mfix :: (a -> ReactMlT m a) -> ReactMlT m a

MonadFail m => MonadFail (ReactMlT m)

Methods

fail :: String -> ReactMlT m a

Monad m => Applicative (ReactMlT m)

Methods

pure :: a -> ReactMlT m a

(<*>) :: ReactMlT m (a -> b) -> ReactMlT m a -> ReactMlT m b

(*>) :: ReactMlT m a -> ReactMlT m b -> ReactMlT m b

(<*) :: ReactMlT m a -> ReactMlT m b -> ReactMlT m a

MonadPlus m => Alternative (ReactMlT m)

Methods

empty :: ReactMlT m a

(<|>) :: ReactMlT m a -> ReactMlT m a -> ReactMlT m a

some :: ReactMlT m a -> ReactMlT m [a]

many :: ReactMlT m a -> ReactMlT m [a]

MonadPlus m => MonadPlus (ReactMlT m)

Methods

mzero :: ReactMlT m a

mplus :: ReactMlT m a -> ReactMlT m a -> ReactMlT m a

MonadIO m => MonadIO (ReactMlT m)

Methods

liftIO :: IO a -> ReactMlT m a

Monad m => MonadState (DList ReactMarkup) (ReactMlT m)

Methods

get :: ReactMlT m (DList ReactMarkup)

put :: DList ReactMarkup -> ReactMlT m ()

state :: (DList ReactMarkup -> (a, DList ReactMarkup)) -> ReactMlT m a

(Semigroup a, Monad m) => Semigroup (ReactMlT m a)

Methods

(<>) :: ReactMlT m a -> ReactMlT m a -> ReactMlT m a

sconcat :: NonEmpty (ReactMlT m a) -> ReactMlT m a

stimes :: Integral b => b -> ReactMlT m a -> ReactMlT m a

(Monoid a, Monad m) => Monoid (ReactMlT m a)

Methods

mempty :: ReactMlT m a

mappend :: ReactMlT m a -> ReactMlT m a -> ReactMlT m a

mconcat :: [ReactMlT m a] -> ReactMlT m a

type ReactMl = ReactMlT Identity

fromElement :: Applicative m => ReactElement -> ReactMlT m ()

To use an exisitng ReactElement

toElements :: MonadIO io => ReactMlT io () -> io [ReactElement]

Convert the ReactMlt to [R.ReactElement]

markedWindow :: MonadIO io => WindowT s (ReactMlT io) () -> WindowT s io [ReactElement]

Render the ReactMlt under a Glazier window

markedElements :: MonadIO io => WindowT s (ReactMlT io) () -> s -> io [ReactElement]

Fully render the ReactMlt into a [R.ReactElement]

markedElement :: MonadIO io => WindowT s (ReactMlT io) () -> s -> io ReactElement

Fully render the ReactMlt into a R.ReactElement

txt :: Applicative m => JSString -> ReactMlT m ()

For text content

lf :: Applicative m => JSVal -> [Property] -> ReactMlT m ()

For the contentless elements: eg br_

bh :: Functor m => JSVal -> [Property] -> ReactMlT m a -> ReactMlT m a

For the contentful elements: eg div_