Updated to use core.async to query the Wikipedia search api. Based on David Nolen's ClojureScript 101.

Seberius · Seberius · commit 4d67e83414ae · 2014-02-24T13:05:45.000-08:00
diff --git a/README.md b/README.md
@@ -1,2 +1,4 @@
 ## RenoJS ClojureScript Intro
 This is a short introduction to ClojureScript for the RenoJS programming group.
+
+Version 1.3.0 is based on David Nolen's excellent [ClojureScript 101](http://swannodette.github.io/2013/11/07/clojurescript-101/).
diff --git a/project.clj b/project.clj
@@ -1,4 +1,4 @@
-(defproject cljs-intro "1.2.0"
+(defproject cljs-intro "1.3.0"
   :description "RenoJS ClojureScript Intro"
   :url "http://github.com/seberius/cljs-intro"
 
diff --git a/src-cljs/cljs_intro/core.cljs b/src-cljs/cljs_intro/core.cljs
@@ -1,20 +1,46 @@
 (ns cljs-intro.core
-  (:require [dommy.core :as dom]
-            [cljs.core.async :refer [<! >! put! chan]])
-  (:require-macros [dommy.macros :refer [sel1]]
-                   [cljs.core.async.macros :refer [go alt!]]))
+  (:require [cljs.core.async :refer [<! >! put! chan]]
+            [dommy.core :as dom])
+  (:require-macros [cljs.core.async.macros :refer [go alt!]]
+                   [dommy.macros :refer [sel1 node]])
+  (:import [goog.net Jsonp]
+           [goog Uri]))
 
-(def click-chan (chan))
+(def search-chan (chan))
+(def result-chan (chan))
+(def search-url
+  "http://en.wikipedia.org/w/api.php?action=opensearch&format=json&search=")
 
-(defn square []
+(defn user-query []
+  (dom/value (sel1 :#query)))
+
+(defn query-url [q]
+  (str search-url q))
+
+(defn jsonp [uri]
+  (Jsonp. (Uri. uri)))
+
+(defn render-query [res]
+  (node
+    [:ul
+     (for [result res]
+       [:li result])]))
+
+(defn query-serv []
+  (go (while true
+        (<! search-chan)
+        (let [uri (query-url (user-query))
+              req (jsonp uri)]
+          (.send req nil (fn [res] (put! result-chan res)))))))
+
+(defn render-serv []
   (go (while true
-        (<! click-chan)
-        (let [base (dom/value (sel1 :#num-base))
-              expo (dom/value (sel1 :#num-expo))]
-          (dom/set-value! (sel1 :#num-base) (.pow js/Math base expo))))))
+        (let [[_ res] (<! result-chan)]
+          (dom/replace-contents! (sel1 :#results) (render-query res))))))
 
 (defn ^:export init []
-  (square)
-  (dom/listen! (sel1 :#submit) "click" (fn [e] (put! click-chan e))))
+  (query-serv)
+  (render-serv)
+  (dom/listen! (sel1 :#submit) "click" (fn [e] (put! search-chan e))))
 
 (set! (.-onload js/window) init)
diff --git a/src/cljs_intro/templates/index.html b/src/cljs_intro/templates/index.html
@@ -1,11 +1,10 @@
 <html>
     <body>
-        <script src="/{{build}}/js/cljs_intro.js" type="text/javascript"></script>
-        <div id="main" >
-            Base: <input id="num-base" value=1>
-            Exponent: <input id="num-expo" value=1>
-            <button id="submit" >Submit</button>
+        <script src="/{{build}}/js/cljs_intro.js" type="text/javascript" ></script>
+        <div id="search" >
+            Search: <input id="query" > <button id="submit" >Submit</button>
         </div>
+        <div id="results" ></div>
 
     </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-(defproject cljs-intro "1.2.0"`
	`1`	`+(defproject cljs-intro "1.3.0"`
`2`	`2`	`:description "RenoJS ClojureScript Intro"`
`3`	`3`	`:url "http://github.com/seberius/cljs-intro"`
`4`	`4`