can you list screenshot of your file structure? on a side note: setting up projects in any new language is always a pain (for me at least). I view as a challenge because it forces to understand how different pieces in the project work together

Clojure appears difficult on another level in this category - there are so many files (why do I have Ruby files???). Elm is where I came from and it was extremely simple. Here is the screenshot

can I see inside src and folders below src

I was hoping you missed a dash in a file name 😬 we need to dig deeper. my next step would to look at deps.edn and the command you ran. Also, not sure if this would be relevant but what os are you using?

mac OS, Ventura 13.4

{:main thirdplace_krell.core
 :output-to "target/main.js"
 :output-dir "target"
 :language-out :es5}

this was generated automatically by krell except the language out command

clj -M -m krell.main -co build.edn -c -r

appreciate the help! I took a bet on Cljs over straight up RN as I was hoping it would make me more productive and I would enjoy developing more, but now weeks later after learning cljs and days of trying to bootstrap a project I am wondering if it was a waste and I should just do a standard TS/RN repo

are you sure that was your deps.edn file?

sorry, I gave you my build.edn. Here's the deps.edn

{:deps {io.vouch/krell {:git/url ""
                        :sha "08f2bfea96aa48feb8511851e37f5948453986e5"}
        io.vouch/reagent-react-native {:git/url ""
                                       :sha "0fe1c600c9b81180f76b94ef6004c2f85e7d4aa0"}
        reagent/reagent {:mvn/version "0.10.0"
                         :exclusions [cljsjs/react cljsjs/react-dom]}}}

I did not touch it, it came with the project

i am looking at this https://github.com/vouch-opensource/krell/wiki/Reagent-Tutorial Have you tried removing language-out key in your build file?

Trying now - fyi without it, Krell can't work with the Hermes engine

ended up deleting the target folder and re-compiling the project and it worked, but still working on getting JS files to import. If I can't get it done within the next 20 minutes I'll probably just use RN vanilla, this isn't worth it for me anymore

I haven't actually coded anything in days

To replicate: (comment (js/require "../js/test.js"))

This will completely destroy the current repl session and requires that it be restarted

Which isn't fun since it takes a while

Current error message:

ERROR  Could not evaluate form: try{var sb__2458__auto___7133 = (new goog.string.StringBuffer());
var sbw__2459__auto___7134 = (new cljs.core.StringBufferWriter(sb__2458__auto___7133));
var form__2460__auto___7135 = (function (){var ret__2462__auto__ = require("../src/js/SlidingPanel.js");
(cljs.core._STAR_3 = cljs.core._STAR_2);

(cljs.core._STAR_2 = cljs.core._STAR_1);

(cljs.core._STAR_1 = ret__2462__auto__);

return ret__2462__auto__;
})();
cljs.pprint.pprint.call(null,form__2460__auto___7135,sbw__2459__auto___7134);

cljs.core.str.cljs$core$IFn$_invoke$arity$1(sb__2458__auto___7133);
}catch (e7132){var e__2463__auto___7136 = e7132;
(cljs.core._STAR_e = e__2463__auto___7136);

throw e__2463__auto___7136;
} [TypeError: Cannot read property 'pprint' of undefined]

Is it any JS file, or could it be something particular with that one?

It’s any JS file. I tried creating a basic one with a function that returns 42.

just a few things, when you say response is returning 123 I am guessing this is client side as (r/response (db/back-end-func symbol-name)) should be returning a map with a :body key, if its client side I would look at the headers and hazard at a guess you need to parse your vector to a json string or edn string to send it to the client where you can read it in your client side application.

When I evaluate (r/response (db/back-end-func symbol-name)) I get {:status 200, :headers {}, :body (1 2 3)} I was wrong about the return being a vector, it looks like it's a lazy sequence, does that affect it? I tried wrapping my return with a (vec) now my map is {:status 200, :headers {}, :body [1 2 3]} and when I check the response in a browser I see no value. When you say parse it as a edn or json string is it something similar to (str (to-json my-vector)) ?

yeah basically you can't send raw data structures over the wire so usually you translate to json or edn

Understood, I did manage to get a response that is a string, now time to request it inside my cljs frontend. Any direction before I go search?

is it a json string though ?

No, just [1 2 3]

I assume I should make it edn or json first, correct?

yes correct

you can use something like this https://github.com/JulianBirch/cljs-ajax on the client side

you can also look into ring middleware to do the conversions, I use ring reitit swagger I think the conversion is done by the coersion middleware if i remember

actually this is the middleware I am using for json muuntaja/format-response-middleware

that's comming from reitit so not much use if you are not using reitit for routing

but google json ring middleware and I am sure you will find something

or convert it yourself befor sending it into the response function

Thank you, this gives me some direction to look, I am using reitit.ring here so I can look into those. For now I'll try the simple approach of converting before I send then dive deeper into it, thanks again!

if your using reitit then you can import this [reitit.ring.middleware.muuntaja :as muuntaja]

yeah simple version will give you a good understanding 🙂

Yep I'm new to web development in addition to being new to CLJS, there's a lot to learn but that's where the fun is

I reached something... I was able to get the back-end to send a JSON and I was able to check that in the browser. Now to use that in the front-end I have the following

(fn []
                  (p/let [response (js/fetch "")
                          value (.json response)
                          data (js->clj value :keywordize-keys true)]
                    (swap! stock-data (fn [] data))))

okay great glad you made progress 🙂

Use transit