I am trying to use reagent with slatejs using shadow-cljs like this

clojure
(ns starter.core
    (:require [reagent.core :as r]
              ["slate-react" :refer (Editor)]))

(defn app []
  [:> Editor])

(defn start []
  (js/console.log "Starting...")
  (r/render [app]
            (.getElementById js/document "app")))

Hello, This weekend I started playing with shadow-cljs because I would like to use firebase, but I have a problem with static resources. I have another lein project that generates and bundles css files, fonts, images. I would like to use these resources in my shadow-cljs app, but it doesn’t seem to work. If I look in the jar files of the library, I can see all my resources, but if I reference the css in my index.hml, it doesn’t find it. Is this a limitation of shadow-cljs or am I missing something? Thanks.

shadow-cljs classpath | tr ':' '\n', do you see your jar in the list?

Yes, I see it, also the functions defined in the library can be called from the shadow-cljs app

I'm assuming you're using the default dev http server. Your static resources need to be wherever your folder that's being served is (e.g. resources/public in your app)

If you are serving it from your own webserver, you'll need to set it up so that it will serve those static files from the classpath

I am just using shadow-cljs watch app

But I would assume that it will include the resources in dependencies.

No, it won't. How would it know to?

Like, how would you deploy an app with those static assets on the classpath?

Wel, it is just a file on the classpath

So how can I solve this problem?

Do I have to copy it manually?

That is one option yes. It is the simplest

Another would be to create your own Clojure web server to serve your files instead of using Shadow's built in one

I would think about how you want to deploy your app, and work backward from there

If you're going to e.g. copy the built app to some static host (s3 or whatever), then I would create a function to copy those files from the classpath into the directory of files you're going to upload

And then serve that directory using Shadow's dev http server like you are now

If you were going to deploy it as part of a server side Clojure application, then I would setup that application to resolve static resources to those resources on the classpath

But shadow can't assume that you want to serve or deploy every file that shows up on the classpath. That could be potentially insecure, and fraught with gotchas and errors

Does that make sense?

There is :roots option in the dev-http config

^ https://shadow-cljs.github.io/docs/UsersGuide.html#http

youc an use classpath:relative-path notation, to add extra roots from your jar

Thanks for the reply. I would like to deploy to firebase hosting, so my own server is not an option. How do other component libraries solve this? My point of having this other library was to reuse components and logo's, ... I can't imagine that I am the only one with this problem.

Hi darwin, Also thanks for the reply, going to take a look.

but this is obviously only development-time setup, as @lilactown wrote, for deployment you probably don’t want to use anything like shadow-cljs dev server

CLJS libs typically don't distribute static assets. With npm libs, it's best to copy the files from node_modules

Are you saying that I could make the target of the library a npm package with resources?

I don't think that's relevant to what you want to do

You could do that but you'd have all sorts of other issues, and it wouldn't solve your current problem

So if cljs libs don't have static resources, how do clojurescript component libraries have there own css resources bundled?

I don't know of any popular CLJS component libraries so I don't think it comes up

Probably, "here's the CSS, copy it to your public folder"

recomp is a reagent component library, but i don't think it uses shadow-cljs.

It uses whatever you install it in

https://github.com/day8/re-com/blob/master/README.md#using-re-com

It says to copy the assets to your app

yep, I also see it.

I thought I didn't see a config option or something, but it seems that the only options I have is to copy the files or create links to the files. Thanks everyone for the replies.