reagent/demo/demo.cljs

67 lines
2.0 KiB
Plaintext
Raw Normal View History

2014-01-02 13:04:30 +00:00
(ns demo
2014-01-17 10:12:11 +00:00
(:require [reagent.core :as reagent :refer [atom]]
2014-01-06 11:46:58 +00:00
[clojure.string :as string]
2014-01-21 10:50:08 +00:00
[reagentdemo.page :as page :refer [page-map page link prefix]]
[reagentdemo.common :as common :refer [demo-component]]
2014-01-18 10:31:43 +00:00
[reagentdemo.intro :as intro]
[reagentdemo.news :as news]
2014-01-17 10:12:11 +00:00
[reagent.debug :refer-macros [dbg println]]))
2014-01-02 13:04:30 +00:00
2014-01-20 10:37:57 +00:00
(swap! page-map assoc
"index.html" intro/main
"news/index.html" news/main)
2014-01-22 07:40:04 +00:00
(def github {:href "https://github.com/holmsand/reagent"})
2014-01-07 16:01:28 +00:00
(defn github-badge []
[:a.github-badge
2014-01-22 07:40:04 +00:00
github
2014-01-07 16:01:28 +00:00
[:img {:style {:position "absolute" :top 0 :left 0 :border 0}
2014-01-22 07:40:04 +00:00
:alt "Fork me on GitHub"
:src "https://s3.amazonaws.com/github/ribbons/forkme_left_orange_ff7600.png"}]])
2014-01-07 16:01:28 +00:00
2014-01-02 13:04:30 +00:00
(defn demo []
[:div
[:div.nav
[:ul.nav
2014-01-20 10:37:57 +00:00
[:li.brand [link {:href intro/main} "Reagent:"]]
2014-01-22 07:40:04 +00:00
[:li [link {:href intro/main} "Intro"]]
[:li [link {:href news/main} "News"]]
[:li [:a github "GitHub"]]]]
2014-01-20 10:37:57 +00:00
(let [comp (get @page-map @page intro/main)]
[comp])
2014-01-09 13:37:11 +00:00
[github-badge]])
2014-01-05 10:16:01 +00:00
2014-01-19 11:13:19 +00:00
(defn ^:export mountdemo [p]
(when p (reset! page p))
2014-01-17 10:12:11 +00:00
(reagent/render-component [demo] (.-body js/document)))
2014-01-05 10:16:01 +00:00
2014-01-19 11:13:19 +00:00
(defn gen-page [p timestamp]
(reset! page p)
(let [body (reagent/render-component-to-string [demo])
2014-01-21 10:50:08 +00:00
title @page/title-atom]
2014-01-19 11:13:19 +00:00
(str "<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>" title "</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<link rel='stylesheet' href='" (prefix "assets/demo.css") timestamp "'>
</head>
<body>
" body "
<script type='text/javascript'
src='" (prefix "assets/demo.js") timestamp "'></script>
<script type='text/javascript'>
setTimeout(function() {demo.mountdemo('" p "')}, 200);
</script>
</body>
</html>")))
(defn ^:export genpages []
(let [timestamp (str "?" (.now js/Date))]
2014-01-20 10:37:57 +00:00
(->> (keys @page-map)
2014-01-19 11:13:19 +00:00
(map #(vector % (gen-page % timestamp)))
(into {})
clj->js)))