Clojurians Log v2

I'm currently using re-frame for an SPA but I'm finding the React Query library really appealing. Is there a good way to use hooks in cljs? https://react-query.tanstack.com/docs/overview

Hi, I'm getting the error TypeError: Class constructor _o cannot be invoked without 'new' when trying to use this npm library with shadow-cljs https://www.npmjs.com/package/@tonejs/piano . I've tried setting {:output-feature-set :es6} and {:optimizations :none} but no luck. Not sure how to go about debugging this. Any help appreciated.

(require ["@tonejs/piano" :refer (Piano)]) ; works
(Piano.) ; or (new Piano) throws error

https://github.com/reagent-project/reagent/blob/master/doc/ReactFeatures.md#function-components

it seems weird that it would be complaining about a variable named _o with optimizations turned off. Some things to try: • follow the tips from https://clojurescript.org/reference/advanced-compilation#fixing-advanced-compilation-issues. ie. use two additional options :pseudo-names true and :pretty-print true • there's been people that have had trouble copy and pasting code. since your error is having issues with _o, I'm wondering if there's a strange character before the "o" letter? • do you have source maps enabled? • what's the full .js file that is being produced from that namespace? • I'm also wondering if the cljs file isn't being recompiled or the new build optimizations aren't being updated for some reason

I can't even use "@tonejs/piano" with shadow-cljs:

Closure compilation failed with 1 errors
--- node_modules/tone/build/Tone.js:2
This code cannot be converted from ES6. class expression that cannot be extracted

Ah, :compiler-options {:output-feature-set :es6} does fix that.

The error seems to be a result of some incompatibility between ES5, ES6, and maybe shadow-cljs. Despite the above compiler option, this

super(optionsFromArguments(Piano.getDefaults(), arguments));

[...]
_this = _possibleConstructorReturn(this, _getPrototypeOf(Piano).call(this, (0, _tone.optionsFromArguments)(Piano.getDefaults(), arguments)));
[...]

if your project consumes a GraphQL API you might want to take a look at https://github.com/oliyh/re-graph

Is it expected that

(this-as this
  (js/console.log this))

(let [_ (this-as this
          (js/console.log this))])

Corresponding transpiled JS:

var this_24 = this;
console.log(this_24);
var __25 = (function (){var this$ = this;
                        return console.log(this$);
                       })();

yes, expected.

really always need to do this-as as the first thing in a function

Hey hello. Sorry if this question was asked before but how can I get the whole response using day8.re-frame/http-fx? :on-success returns response data only; I would be interested in response headers and status also.

Hmm, not sure there is a built-in way of getting that. You might be able to use :on-request handler to get the full request and it's response

Thank you for your response. Okay, so that would be for the request, but no such thing exists for response, right? I am wondering what is the cljs & re-frame way of handling xhr requests then 🙂 Should use cljs-http and built on top of it instead of using http-fx/cljs-ajax?

If I remember correctly, you'll get back a Xhrio object from :on-request, which after :on-success you can call getResponse or getHeaders on. Hacky workaround but think I did something like that when I wanted the status code for some requests

@victorbjelkholm429 that would mean that it has to be stored as a ref/atom first, right?

Anyone recommend using CLJS with React? For prototyping? I am also working on trying Figma wireframing to React components.

Yes.