Anyone have any idea why I’m not able to access my namespaces in my CIDER nrepl session into my shadow-cljs project

defmethod ends up as a deftype with a method table as an atom. Is it gross to (keys @(.-method-table my-method)) ?

if i want to know the args for which there is a defmethod

has anyone used reitit routing library on the frontend

Hi guys, what's the best way to handle stripe payments in the client side in a re-agent app?

Like here, https://stripe.com/docs/payments/accept-a-payment-charges, there's a way to put a script tag in the html

and then do

var stripe = Stripe('pk_test_sadljfdslafjsdalfjsdljfkjls');
var elements = stripe.elements();

(Stripe. "sdfasfdsaashqerhq") doesn't work

it says undeclared variable Stripe.

@pshar10 what compiler are you using?

Figwheel

you’ll need to configure externs for stripe

How do I do that?

“Undeclared variable” sounds like it isn’t loading the js for Stripe at all, maybe you need to include a <script> tag in your enclosing HTML document? Or possibly use shadow-cljs.

there are many ways. you can try using cljsjs: https://github.com/cljsjs/packages/tree/master/stripe which involves adding a dependency in your deps.edn to cljsjs/stripe and then requiring it like:

[stripe :refer [Stripe]]

I don't know how to add a dependency in a deps.edn. I don't have that file in my project

FWIW, referring to global JS variables requires you to add js/ at the beginning of the symbol. js/window, js/document, etc. but in this case, it’s better to have the externs since it will help prevent errors when doing advanced optimizations

@pshar10 are you using leiningen? it would be project.clj then

@lilactown I required it like so in my project.clj [cljsjs/stripe "3.0-0"]. I get "No such namespace: stripe, could not locate stripe.cljs, stripe.cljc, or JavaScript source providing "stripe"", where I used it [stripe :refer [Stripe]]

did you restart your compiler too?

I’m not sure about the require, it’s hard to tell from cljsjs what the correct namespace is for externs

I have a general question. How to import any js library in a clojurescript project (Figwheel) without using cljsjs? Like is there something as simple as doing npm install --save whatever?

https://clojurescript.org/guides/webpack is the guide on http://clojurescript.org.

i think this is where shadow-cljs shines and actually fulfill's Clojure's promise of easy interop with the host language ecosystem

how reliable is "externs inference" ? does it requires manual intervention occasionally?

I use shadow-cljs’ externs inference and it’s pretty good

oh there are two competing impletations

I'm okay with using js/Stripe which works. However, I have a problem with js promises: I'm trying to convert this js code:

stripe.createToken(card).then(function(result) {
    if (result.error) {
      // Inform the customer that there was an error.
      var errorElement = document.getElementById('card-errors');
      errorElement.textContent = result.error.message;
    } else {
      // Send the token to your server.
      stripeTokenHandler(result.token);
    }

(go
     (let [result (<!
                   (.createToken stripe @(subscribe [:card-element]))
                   )]
       (prn "result is" result)
       ;; (if (.-error result)
       ;;   (.textContent (js/document.getElementById "card-errors") (.-message .-error result))
       ;;   (prn "response is" (js/stripeTokenHandler (.-token result)))
       ;;   )
       )
    )
   

No protocol method ReadPort.take! defined for type object: [object Promise]

you're calling <! on a promise. .createToken returns a promise not a channel that you can take from

I was conflating these concepts. How do I do the javascitip .then() part in cljs?

(.then promise callback).

Is it possible to make a ratio or bigdec type as a library in cljs that plays nice with the rest of the number system (ie all arithmetic and comparisons work with regular numbers)?

Thought this would make for a convenient macro for this small side project. Howerver I can't get it to work. I get an Can't use qualified name as parameter error due to resolve and reject being qualified in the ns.

(defmacro promise
  "
  Example:

  (promise (resolve 5))
  (promise (reject  (js/Error. \"oops\")))
  "
  [body]
  `(js/Promise. (fn [resolve reject] ~body)))

what is the state-of-the-art idiomatic way to work with JS Promises? (somehow) convert them into core.async Promise Channels? [funcool/promesa "4.0.0"] ? Plain ol' interop?

I just use interop

I need to give certain input elements a datamask depending on the type of class it has. I am using Reagent and I am wondering how could I do this if I am using this https://github.com/RobinHerbots/Inputmask. Is there a way to apply this while creating the input component? Currently the way it is being done is calling (-> (js/jQuery ".hasDatePicker") (.inputmask "99/99/9999" (clj->js {:clearIncomplete true}))) on :component-did-update which is on a component that wraps a whole form element, that contains all the inputs. This doesn't seem to be the proper way of doing it.