Skip to content

Latest commit

 

History

History
27 lines (20 loc) · 1.83 KB

DEVTOOLS.md

File metadata and controls

27 lines (20 loc) · 1.83 KB
Raw

###Using Devtools/Dirac

Dirac is a fork of Chrome DevTools which provides integrated REPL in DevTools JS console where you can evaluate ClojureScript in context of your breakpoint and other goodies. It is installed as a Chrome extensions (see details in above link) The project.clj already has the necessary dependencies namely: binaryage/dirac & binaryage/devtools including repl options and middleware.

#####First time setup for Canary/Unstable Chrome with Dirac support:

  1. Create a hidden Canary/Unstable profile directory in your home drive e.g.
    • Linux/Mac: ~/.dirac-chrome-profile
    • Windows: C:\Users\{username}\.dirac-chrome-profile
  2. From terminal:
    • Linux/Mac: google-chrome-unstable --remote-debugging-port=9222 --no-first-run --user-data-dir=.dirac-chrome-profile
    • Windows: "C:\Users\{username}\AppData\Local\Google\Chrome SxS\Application\chrome.exe" --remote-debugging-port=9222 --no-first-run --user-data-dir="C:\Users\{username}\.dirac-chrome-profile"
  3. From that Canary/Unstable session install the dirac devtools extension.

#####Running after setup

  1. Build re-demo as normal via lein dev-auto
  2. From a project terminal, lein repl this opens nrepl on port 8230 and gateway waiting for port 8231 (which is dirac/devtools console repl will connect to).
  3. Launch Canary/Unstable Chrome as per 2. in first time setup in prior section. You might want to setup a shortcut (or Intellij external tool command) for convenience.
  4. With re-demo running, click on the Dirac extension icon (not normal devtools).
  5. At a breakpoint, go to console and press Ctrl+, and Ctrl+. to switch between js and cljs repl. See the formatting glory and context based repl evaluation.