Migrate from figwheel-main to shadow-cljs

.github/workflows/main.yml

@@ -1,4 +1,4 @@
-name: CI/CD
+name: Deploy to GitHub Pages
 
 on: 
   push:
@@ -9,19 +9,35 @@ jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
-     - name: Checkout
+     - name: Checkout 🛎️
        uses: actions/checkout@v2
        with:
          persist-credentials: false
-     - name: Install dependencies
-       run: lein deps
-     - name: Build JS
-       run: lein do clean, fig:publish
-     - name: Copy Files
-       run: mv target/public/cljs-out resources/public/
-     - name: Deploy to GitHub Pages
-       uses: crazy-max/ghaction-github-pages@v1.3.0
+
+     - name: Prepare java
+       uses: actions/setup-java@v2
+       with:
+         distribution: 'adopt'
+         java-version: '17'
+
+     - name: Install clojure tools
+       uses: DeLaGuardo/setup-clojure@3.5
+       with:
+         cli: 1.10.3.1029
+
+     - name: Install yarn
+       run: npm install -g yarn
+
+
+
+
+     - name: Install and Build
+       run: |
+         yarn install
+         clojure -M:cljs:dev release :main
+
+     - name: Deploy 🚀
+       uses: JamesIves/github-pages-deploy-action@4.1.5
        with:
-         build_dir: resources/public
-       env:
-         GITHUB_PAT: ${{ secrets.GITHUB_TOKEN }}
+         branch: gh-pages
+         folder: resources/public

.gitignore

@@ -11,5 +11,9 @@ figwheel_server.log
 .rebel_readline_history
 *.iml
 
-/resources/public/cljs-out/
+/resources/public/js/
 /.clj-kondo/.cache/
+/.cpcache
+/.shadow-cljs
+/node_modules
+yarn-error.log

deps.edn

@@ -0,0 +1,17 @@
+{:paths ["src"]
+
+ :deps
+ {org.clojure/clojure {:mvn/version "1.10.3"}
+  quil/quil {:mvn/version "3.1.0"}}
+
+ :aliases
+ {:cljs
+  {:extra-deps
+   {org.clojure/clojurescript {:mvn/version "1.10.891"}
+    thheller/shadow-cljsjs {:mvn/version "0.0.22"}}}
+
+  :dev
+  {:extra-paths ["dev"]
+   :extra-deps
+   {thheller/shadow-cljs {:mvn/version "2.16.4"}}
+   :main-opts ["-m" "shadow.cljs.devtools.cli"]}}}

dev/user.clj

@@ -1,2 +1,9 @@
-(require '[figwheel.main.api :as fig])
-(fig/start "biosphere")
+(ns user
+  (:require
+    [shadow.cljs.devtools.server :as server]
+    [shadow.cljs.devtools.api :as shadow]))
+
+(defn start-repl []
+  (server/start!)
+  (shadow/watch :main)
+  (shadow/repl :main))

package.json

@@ -0,0 +1,12 @@
+{
+  "name": "biosphere",
+  "author": "Björn Ebbinghaus (https://github.com/MrEbbinghaus)",
+  "homepage": "https://mrebbinghaus.github.io/Biosphere/",
+  "repository": "github:MrEbbinghaus/Biosphere",
+  "dependencies": {
+    "p5": "^1.4.0"
+  },
+  "devDependencies": {
+    "shadow-cljs": "^2.16.4"
+  }
+}

resources/public/index.html

@@ -15,7 +15,7 @@ <h1>Biosphere</h1>
       <button onClick="biosphere.core.restart()">Restart</button>
     </div>
     <div id="biosphere"></div>
-    <script src="cljs-out/biosphere-main.js"></script>
+    <script src="js/app.js"></script>
     <script>
       biosphere.core.run_sketch("biosphere", [1536, 864])
     </script>

shadow-cljs.edn

@@ -0,0 +1,11 @@
+{:deps {:alias [:cljs :dev]}
+ :builds {:main
+          {:target :browser
+           :output-dir "resources/public/js"
+           :modules {:app {:entries [biosphere.core]}}
+
+           :devtools
+           {:repl-init-ns user
+            :repl-pprint true
+            :http-port 9500
+            :http-root "resources/public"}}}}

src/biosphere/utils.cljc

@@ -48,6 +48,8 @@
 (defn *d [state x]
   (* (:delta-time state) x))
 
-(defn ^Number radians [^Number degree]
+(def ^:constant deg->rad (/ Math/PI 180))
+
+(defn radians [degree]
   #?(:clj (Math/toRadians degree)
-     :cljs (/ (* degree Math/PI) 180)))
+     :cljs (* degree deg->rad)))