kohyama · February 6, 2021 12:41 · Aug 9, 2013 · Aug 9, 2013 · Aug 8, 2013 · Aug 8, 2013
diff --git a/README.md b/README.md
@@ -49,6 +49,7 @@ Of course, it's O.K. to serve HTML and JavaScript files with whatever
 web server you like.
 In the case, HTML and JavaScript file whose name starts with `repl` isn't
 inhibitted.
+Refer [how to use browser REPL of ClojureScript with compojure](https://gist.github.com/kohyama/6191281).
 
 ### 5. Use it
 ```

diff --git a/README.md b/README.md
@@ -1,42 +1,56 @@
-# A minimum setting to use browser REPL of ClojureScript
+## A minimum setting to use browser REPL of ClojureScript
 
 Assumed that you have set [leiningen](https://github.com/technomancy/leiningen) up and can use it.
 
-1. Copy files or git clone this gist and move or copy repl-test.cljs
-under `src` directory
+### 1. Prepare files
+Copy `project.clj`, `repl-test.cljs` and `brepl-test.html` from this gist
+or git clone this gist and move or copy repl-test.cljs under `src` directory.
 ```
 $ git clone https://gist.github.com/6183122.git
 $ cd 6183122/
 $ mkdir src
 $ mv repl-test.cljs src/
 ```
 
-2. Compile `repl-test.cljs` into `js/repl-test.js`
+### 2. Compile
+Compile `repl-test.cljs` into `brepl-test.js`.
 ```
 $ lein cljsbuild once
 ```
 
-3. Run a ClojureScript REPL
+Note that a JavaScript file whose name starts with `repl` raises an error like
+```
+Resource interpreted as Script but transferred with MIME type text/html: "http://localhost:9000/repl-test.js".
+```
+at step 4.
+
+### 3. Run a ClojureScript REPL
 ```
 $ lein trampoline cljsbuild repl-listen
 Running ClojureScript REPL, listening on port 9000.
 "Type: " :cljs/quit " to quit"
 ClojureScript:cljs.user>
 ```
-This is a minimum web server serving `index.html` and JavaScript files
-under `js` directory.
+This repl also works as a lightweight web server serving the project directory
+as the document root.
+
+### 4. Open the HTML file
+Open brepl-test.html on a web browser via the repl web server.
+```
+http://localhost:9000/brepl-test.html
+```
 
-4. Open index.html on web browser 
+Note that openning as a local file with `file:` doesn't work.  
+Also note that a HTML file whose name starts with `repl` raises an error like
 ```
-http://localhost:9000/
+No 'xpc' param provided to child iframe.
 ```
-Note
-    * `index.html` should be in the same directory in which project.clj is.
-    * An html file nameed other than `index.html` doesn't work.
-    * Openning as a local file with `file:` doesn't work.
-    * Outputting compiled js files to a directory other than js doesn't work.
+Of course, it's O.K. to serve HTML and JavaScript files with whatever
+web server you like.
+In the case, HTML and JavaScript file whose name starts with `repl` isn't
+inhibitted.
 
-5. Use it
+### 5. Use it
 ```
 ClojureScript:cljs.user> (js/alert "Hello world from CLJS REPL!")
 ```

diff --git a/brepl-test.html b/brepl-test.html
@@ -0,0 +1,5 @@
+<html>
+<body>
+<script type="text/javascript" src="brepl-test.js"></script>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -1,7 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-<script type="text/javascript" src="js/repl-test.js"></script>
-</body>
-</html>

diff --git a/project.clj b/project.clj
@@ -4,6 +4,4 @@
     :builds [{
       :source-paths ["src"]
       :compiler {
-        :output-to "js/repl-test.js"
-        :optimizations :whitespace
-        :pretty-print true}}]})
+        :output-to "brepl-test.js"}}]})
diff --git a/README.md b/README.md
@@ -21,21 +21,20 @@ $ lein cljsbuild once
 $ lein trampoline cljsbuild repl-listen
 Running ClojureScript REPL, listening on port 9000.
 "Type: " :cljs/quit " to quit"
-ClojureScript:cljs.user> 
+ClojureScript:cljs.user>
 ```
 This is a minimum web server serving `index.html` and JavaScript files
 under `js` directory.
 
-4. Open index.html on web browser
+4. Open index.html on web browser 
 ```
 http://localhost:9000/
 ```
 Note
-
-* `index.html` should be in the same directory in which project.clj is.
-* An html file nameed other than `index.html` doesn't work.
-* Openning as a local file with `file:` doesn't work.
-* Outputting compiled js files to a directory other than js doesn't work.
+    * `index.html` should be in the same directory in which project.clj is.
+    * An html file nameed other than `index.html` doesn't work.
+    * Openning as a local file with `file:` doesn't work.
+    * Outputting compiled js files to a directory other than js doesn't work.
 
 5. Use it
 ```

diff --git a/README.md b/README.md
@@ -0,0 +1,45 @@
+# A minimum setting to use browser REPL of ClojureScript
+
+Assumed that you have set [leiningen](https://github.com/technomancy/leiningen) up and can use it.
+
+1. Copy files or git clone this gist and move or copy repl-test.cljs
+under `src` directory
+```
+$ git clone https://gist.github.com/6183122.git
+$ cd 6183122/
+$ mkdir src
+$ mv repl-test.cljs src/
+```
+
+2. Compile `repl-test.cljs` into `js/repl-test.js`
+```
+$ lein cljsbuild once
+```
+
+3. Run a ClojureScript REPL
+```
+$ lein trampoline cljsbuild repl-listen
+Running ClojureScript REPL, listening on port 9000.
+"Type: " :cljs/quit " to quit"
+ClojureScript:cljs.user> 
+```
+This is a minimum web server serving `index.html` and JavaScript files
+under `js` directory.
+
+4. Open index.html on web browser
+```
+http://localhost:9000/
+```
+Note
+
+* `index.html` should be in the same directory in which project.clj is.
+* An html file nameed other than `index.html` doesn't work.
+* Openning as a local file with `file:` doesn't work.
+* Outputting compiled js files to a directory other than js doesn't work.
+
+5. Use it
+```
+ClojureScript:cljs.user> (js/alert "Hello world from CLJS REPL!")
+```
+If the web browser pops an alert window up, it works.
+
diff --git a/src/repl-test.cljs → repl-test.cljs b/src/repl-test.cljs → repl-test.cljs
diff --git a/index.html b/index.html
@@ -2,6 +2,6 @@
 <head>
 </head>
 <body>
-<script type="text/javascript" src="/js/repl-test.js"></script>
+<script type="text/javascript" src="js/repl-test.js"></script>
 </body>
 </html>
diff --git a/repl-test.cljs → src/repl-test.cljs b/repl-test.cljs → src/repl-test.cljs
diff --git a/src/repl-test.cljs → repl-test.cljs b/src/repl-test.cljs → repl-test.cljs
diff --git a/index.html b/index.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<script type="text/javascript" src="/js/repl-test.js"></script>
+</body>
+</html>
diff --git a/project.clj b/project.clj
@@ -4,6 +4,6 @@
     :builds [{
       :source-paths ["src"]
       :compiler {
-        :output-to "repl-test.js"
+        :output-to "js/repl-test.js"
         :optimizations :whitespace
         :pretty-print true}}]})
diff --git a/repl-test.html b/repl-test.html
@@ -1,7 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-<script type="text/javascript" src="repl-test.js"></script>
-</body>
-</html>

diff --git a/repl-test.cljs → src/repl-test.cljs b/repl-test.cljs → src/repl-test.cljs
diff --git a/project.clj b/project.clj
@@ -4,6 +4,6 @@
     :builds [{
       :source-paths ["src"]
       :compiler {
-        :output-to "repl-test.js"
+        :output-to "js/repl-test.js"
         :optimizations :whitespace
         :pretty-print true}}]})
diff --git a/repl-test.cljs → src/repl-test.cljs b/repl-test.cljs → src/repl-test.cljs
diff --git a/index.html b/index.html
@@ -0,0 +1,7 @@
+<html>
+<head>
+</head>
+<body>
+<script type="text/javascript" src="/js/repl-test.js"></script>
+</body>
+</html>
diff --git a/repl-test.html b/repl-test.html
@@ -1,7 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-<script type="text/javascript" src="repl-test.js"></script>
-</body>
-</html>

diff --git a/repl-test.cljs b/repl-test.cljs
@@ -1,7 +1,4 @@
 (ns repl-test
-  (:require [clojure.browser.repl :as repl]
-            [goog.dom :as dom]
-            [goog.events :as events]
-            [goog.events.EventType :as event-type]))
+  (:require [clojure.browser.repl :as repl]))
 
 (repl/connect "http://localhost:9000/repl")
diff --git a/repl-test.html b/repl-test.html
@@ -1,5 +1,6 @@
 <html>
-<head></head>
+<head>
+</head>
 <body>
 <script type="text/javascript" src="repl-test.js"></script>
 </body>

diff --git a/project.clj b/project.clj
@@ -0,0 +1,9 @@
+(defproject repl-test "0.1.0-SNAPSHOT"
+  :plugins [[lein-cljsbuild "0.3.2"]]
+  :cljsbuild {
+    :builds [{
+      :source-paths ["src"]
+      :compiler {
+        :output-to "repl-test.js"
+        :optimizations :whitespace
+        :pretty-print true}}]})
diff --git a/repl-test.cljs b/repl-test.cljs
@@ -5,6 +5,3 @@
             [goog.events.EventType :as event-type]))
 
 (repl/connect "http://localhost:9000/repl")
-
-(defn ^:export init []
-  (.log js/console "foo"))
diff --git a/repl-test.html b/repl-test.html
@@ -0,0 +1,6 @@
+<html>
+<head></head>
+<body>
+<script type="text/javascript" src="repl-test.js"></script>
+</body>
+</html>
diff --git a/repl-test.cljs b/repl-test.cljs
@@ -0,0 +1,10 @@
+(ns repl-test
+  (:require [clojure.browser.repl :as repl]
+            [goog.dom :as dom]
+            [goog.events :as events]
+            [goog.events.EventType :as event-type]))
+
+(repl/connect "http://localhost:9000/repl")
+
+(defn ^:export init []
+  (.log js/console "foo"))