Clojurians Log v2

Hi folks, I have this project / editor setup: • emacs / cider • I ’m migrating from figwheel to shadows • it’s a mono repo with server-side code (clojure) and cljs • server side i want to start a http-kit server • and i want to run shadow-cljs • preferrably by just running one command: cider-jack-in-clj-and-cljs Is this possible? I was talking to chatGPT but eventhough it’s very confident, it doesn’t seem to help me. I get this: Caused by: java.io.FileNotFoundException: Could not locate shadow/cljs__init.class, shadow/cljs.clj or shadow/cljs.cljc on classpath. I was planning to run my app in locally via:

(ns cs2.dev
  (:require
   [shadow.cljs.devtools.api :as shadow]
   [cs2.handler :refer [handler]]
   [org.httpkit.server :as http]))

(defonce server (atom nil))

(defn start-httpkit! []
  (when-not @server
    (println "Starting HTTP-Kit server on port 3447")
    (reset! server (http/run-server handler {:port 3447}))))

(defn stop-httpkit! []
  (when-let [stop-fn @server]
    (stop-fn)
    (reset! server nil)
    (println "HTTP-Kit server stopped")))

(defn watch-client! []
  (println "Starting shadow-cljs watch for :app")
  (shadow/watch :app))

(defn start-dev! []
  (start-httpkit!)
  (watch-client!)
  (println "✅ Dev environment running."))

is what i want possible at all, or do i need a separate watch terminal running

I just spent a bit of time seeing how far I could push the JS integration, specifically if I could integrate something like shadcn Some notes from that process: • The src/gen approach seemed good, I ended up using swc to compile .tsx files but otherwise 👌 • Shadcn heavily relies on aliases to create location-independent, consistent requires in the form of @/ui/components/badge etc, adding the snippet below to .swcrc seemed to make that work • Finally I ran into ReferenceError: Can't find variable: cn$$module$js$lib$utils — the source JS file looks reasonable so this is where I gave up 😅

"baseUrl": ".",
    "paths": {
      "@/*": ["./src/js/*"]
    }

i am trying to migrate to shadow-cljs, and when I run npx shadow-cljs watch app, it also starts compiling .clj files (ie. the server-side part / Ring part of the webapp app). Is this expected? Because I don’t think i would want that

$> npx shadow-cljs watch app
shadow-cljs - config: /Users/marten/Sites/clojure/cs2/shadow-cljs.edn
shadow-cljs - starting via "clojure"
Warning: environ value 30 for key :retention-days has been cast to string
Warning: environ value true for key :is-dev has been cast to string
Warning: environ value 640 for key :image-thumb-width has been cast to string

i’m almost there… migrating from figwheel-main -> shadow

[:app] Build failure:
The required namespace "webpack.bundle" is not available, it was required by "cs2/core.cljs"

(cs2.core 
 (:require [webpack.bundle])

{:deps true
 :builds
 {:app
  {:target :browser
   :output-dir "public/js"
   :asset-path "/js"
   :modules {:main {:init-fn cs2.core/init}}
   :foreign-libs [{:file "resources/public/js/compiled-webpack/bundle.js"
                   :provides ["webpack.bundle"]
                   :global-exports {webpack.bundle window}}]
   }}}

window.deps = {
    'parchment' : require('parchment'),
    'variableblot' : require('../quill/VariableBlot'),
    'menumarkerblot' : require('../quill/MenuMarkerBlot'),
    'uppy-core' : require ('@uppy/core'),
    'uppy-xhrupload' : require('@uppy/xhr-upload'),
    'uppy-dashboard' : require('@uppy/dashboard'),
    'uppy-dragdrop' : require('@uppy/drag-drop'),
    'uppy-progressbar' : require('@uppy/progress-bar'),
    'uppy-fileinput' : require('@uppy/file-input'),
    'uppy-droptarget' : require('@uppy/drop-target'),
    'uppy-imageeditor' : require('@uppy/image-editor'),
    'papaparse' : require('papaparse')
};

window.Uppy = window.deps['uppy-core'];
window.XHRUpload = window.deps['uppy-xhrupload'];
window.Dashboard = window.deps['uppy-dashboard'];
window.DragDrop = window.deps['uppy-dragdrop'];
window.DropTarget = window.deps['uppy-droptarget'];
window.ProgressBar = window.deps['uppy-progressbar'];
window.FileInput = window.deps['uppy-fileinput'];
window.ImageEditor = window.deps["uppy-imageeditor"];
window.Parchment = window.deps['parchment'];
window.VariableBlot = window.deps["variableblot"];
window.MenuMarkerBlot = window.deps["menumarkerblot"];
window.Papa = window.deps["papaparse"];

should I do that differently? or should this just work with :foreign-libs?