2012-05-28 14:08:40 +00:00
|
|
|
{-# LANGUAGE QuasiQuotes, TemplateHaskell, OverloadedStrings, TypeFamilies, MultiParamTypeClasses #-}
|
|
|
|
|
|
2012-05-28 15:09:27 +00:00
|
|
|
import Language.Elm
|
2012-05-30 17:59:54 +00:00
|
|
|
import Language.Elm.Quasi
|
2012-05-28 14:08:40 +00:00
|
|
|
import Language.Elm.Yesod
|
|
|
|
|
import Yesod
|
|
|
|
|
import Text.Hamlet
|
|
|
|
|
|
|
|
|
|
data ElmTest = ElmTest
|
|
|
|
|
|
2012-05-30 19:49:46 +00:00
|
|
|
-- loading external elm code
|
2012-05-30 17:59:54 +00:00
|
|
|
mousePage = $(elmFile "elm_source/mouse.elm")
|
2012-05-28 22:39:25 +00:00
|
|
|
|
2012-05-30 17:59:54 +00:00
|
|
|
clockPage = $(elmFile "elm_source/clock.elm")
|
2012-05-28 22:39:25 +00:00
|
|
|
|
|
|
|
|
-- embedding elm code inside Haskell using the QuasiQuoter:
|
|
|
|
|
shapesPage = [elm|
|
|
|
|
|
square = rect 200 200 (150,150)
|
|
|
|
|
circle = oval 140 140 (150,150)
|
2012-06-25 11:54:11 +00:00
|
|
|
pentagon = ngon 5 60 (150,150)
|
2012-05-28 22:39:25 +00:00
|
|
|
|
|
|
|
|
main = collage 300 300
|
|
|
|
|
[ outlined black square
|
|
|
|
|
, filled green pentagon
|
|
|
|
|
, customOutline [8,4] blue circle
|
|
|
|
|
]
|
2012-05-28 14:08:40 +00:00
|
|
|
|]
|
|
|
|
|
|
|
|
|
|
-- our Yesod App
|
|
|
|
|
mkYesod "ElmTest" [parseRoutes|
|
|
|
|
|
/ RootR GET
|
|
|
|
|
/mouse MouseR GET
|
2012-05-28 22:39:25 +00:00
|
|
|
/clock ClockR GET
|
|
|
|
|
/shapes ShapesR GET
|
2012-05-28 14:08:40 +00:00
|
|
|
|]
|
|
|
|
|
|
2012-05-31 12:17:37 +00:00
|
|
|
-- Your App data type needs to have an instance of YesodElm (see line 75&76)
|
|
|
|
|
-- so that toWidget can work with QuasiQuoted elm code. All URL interpolation
|
|
|
|
|
-- is done automatically. (e.g. lines 28-30 in elm_source/index.elm)
|
2012-05-28 14:08:40 +00:00
|
|
|
getMouseR :: Handler RepHtml
|
2013-03-02 15:31:11 +00:00
|
|
|
getMouseR =
|
2012-05-31 12:17:37 +00:00
|
|
|
defaultLayout $ do
|
2012-05-30 19:33:19 +00:00
|
|
|
setTitle "Mouse position demo"
|
2012-05-31 12:17:37 +00:00
|
|
|
toWidget mousePage
|
2012-05-28 14:08:40 +00:00
|
|
|
|
2012-05-28 22:39:25 +00:00
|
|
|
getClockR :: Handler RepHtml
|
2012-05-31 12:17:37 +00:00
|
|
|
getClockR =
|
2012-05-30 19:33:19 +00:00
|
|
|
defaultLayout $ do
|
|
|
|
|
setTitle "A clock"
|
2012-05-31 12:17:37 +00:00
|
|
|
toWidget clockPage
|
2012-05-28 22:39:25 +00:00
|
|
|
|
|
|
|
|
getShapesR :: Handler RepHtml
|
2012-05-31 12:17:37 +00:00
|
|
|
getShapesR =
|
2012-05-30 19:33:19 +00:00
|
|
|
defaultLayout $ do
|
|
|
|
|
setTitle "Simple shapes"
|
2012-05-31 12:17:37 +00:00
|
|
|
toWidget shapesPage
|
2012-05-28 22:39:25 +00:00
|
|
|
|
2012-05-28 14:08:40 +00:00
|
|
|
getRootR :: Handler RepHtml
|
2012-05-31 12:17:37 +00:00
|
|
|
getRootR =
|
2012-05-29 00:58:37 +00:00
|
|
|
defaultLayout $ do
|
|
|
|
|
setTitle "Welcome!"
|
2012-05-31 12:17:37 +00:00
|
|
|
toWidget $(elmFile "elm_source/index.elm")
|
2012-05-28 14:08:40 +00:00
|
|
|
|
2012-05-28 22:39:25 +00:00
|
|
|
|
|
|
|
|
-- Our Yesod instance contains the default layout, which inserts the elm-min.js
|
2012-05-31 12:17:37 +00:00
|
|
|
-- file in the site's <head> tag. The YesodElm instance defines the location of
|
|
|
|
|
-- elm-min.js
|
|
|
|
|
|
2012-05-28 14:08:40 +00:00
|
|
|
instance Yesod ElmTest where
|
|
|
|
|
jsLoader _ = BottomOfHeadBlocking
|
|
|
|
|
defaultLayout widget = do
|
|
|
|
|
mmsg <- getMessage
|
|
|
|
|
pc <- widgetToPageContent $ do
|
|
|
|
|
$(whamletFile "templates/default-layout.hamlet")
|
|
|
|
|
hamletToRepHtml $(hamletFile "templates/default-layout-wrapper.hamlet")
|
|
|
|
|
|
2012-05-31 12:17:37 +00:00
|
|
|
instance YesodElm ElmTest where
|
2013-03-02 15:31:11 +00:00
|
|
|
urlElmJs _ = Right $ "https://raw.github.com/evancz/Elm/master/elm/elm-runtime-0.7.2.js"
|
2012-05-31 12:17:37 +00:00
|
|
|
|
2012-05-28 14:08:40 +00:00
|
|
|
main :: IO ()
|
|
|
|
|
main = warpDebug 3000 ElmTest
|
