Clojurians Log v2

Hi all. I found this behavior odd. re-matches behaves differently in CLJS than in Clojure. Below is Clojure.

(re-matches #"/subscriptions/(.*?)" "/subscriptions/foo")
=> ["/subscriptions/foo" "foo"]
(re-find #"/subscriptions/(.*?)" "/subscriptions/foo")
=> ["/subscriptions/" ""]

(re-matches #"/subscriptions/(.*?)" "/subscriptions/foo")
=> nil
(re-find #"/subscriptions/(.*?)" "/subscriptions/foo")
=> ["/subscriptions/" ""]

generally, regexes will not be identical across the two hosts

the ? does nothing in that case because it isn't followed by anything, I think

I think it's a bug?

in javascript:

'/subscriptions/foo'.match(/\/subscriptions\/(.*?)/)

but also js definitely treats non-greedy operators weirdly

@kenny anchor it (`(re-matches #"\/subscriptions\/(.*?)$" "/subscriptions/foo")` ) for sanity I think

I have to deal with some deeply nested objects passed to me from a React library. But optimization mangles my keys so that

(.. info -event -_def -extendedProps -deletable)

b.event._def.extendedProps.Ui

I figured out this workaround:

(aget (.. info -event -_def -extendedProps) "deletable")

Don't use aget - it's for arrays. Try prefixing info with ^js:

(.. ^js info -event -_def -extendedProps -deletable)

That works! Thanks!

Got a link handy where I can read more about what ^js actually does? One of those things that's hard to google 🙂

I know only of this one: https://shadow-cljs.github.io/docs/UsersGuide.html#infer-externs

https://clojurescript.org/guides/externs

https://code.thheller.com/blog/shadow-cljs/2017/11/06/improved-externs-inference.html

The first thheller's link doesn't mention ^js though. The second one does.

^js works just fine in CLJS as well. as will the js/Foo in shadow-cljs. the second post explains why its not the recommended way in shadow-cljs.

Another alternative is to not use interop calls but use strings/keywords like this: https://github.com/raspasov/alexandria-clj/blob/main/src/ax/cljs/googc.cljs#L5 (get-in-obj info [:event :_def :extendedProps :deletable]) With this option, you don’t need to worry about externs. (but I also like in many cases to use the (.. ) interop)

Hi, does anybody know a cljs-lib for reading and writing yaml ?

I’m using the library

["react-hook-form" :refer [useForm]]

(defn sign-up-form []
  (let [form (useForm)
        ]
    [:div (tw ["w-9/12"])
     [:div (tw [:text-lg :font-bold]) "Sign Up and Pay For Plan"]
     [:input
      (tw style/text-input
          [:border-none :outline-none]
          {:placeholder "Name"})]
     [:input
      (tw style/text-input
          [:border-none :outline-none]
          {:placeholder "Phone Number"})]

     [:input
      (tw style/text-input
          [:border-none :outline-none]
          {:placeholder "Email"})]
     [:input
      (tw style/text-input
          [:border-none :outline-none]
          {:placeholder "Password"
           :type :password})]
     [:input
      (tw style/text-input
          [:border-none :outline-none]
          {:placeholder "Confirm Password"
           :type :password})]
     [:> Elements {:stripe stripe-promise}
      [Checkout-Form]
      ]
     [:button (tw style/button [:bg-green-700 :text-white]) "Sign Up and Pay"]]))

Thanks all, I have some reading to do! :)

Never really understood externs before (never really had to) but this made it click.

Hey guys I have the following component

(defsc AccountListItem
  "An account list item"
  [this {:account/keys [id name email active? edit] :as props}]
  {:query [:account/id :account/name :account/email :account/active?
           {:account/edit ['*]}]
   :ident :account/id
   :initLocalState (fn [this _] {:editing? false})}
  (let [editing? (prim/get-state this :editing?)]
    (if editing?
      (account-form props)
      (dom/tr
       (dom/td name)
       (dom/td email)
       (dom/td
        (dom/div :.ui.label.green
                 (if active? "Active" "Inactive")))
       (dom/td
        (dom/button {:onClick
                     (fn []
                        (prim/set-state!
                         this
                         {:editing? (not editing?)})
                        (prim/transact! this `[(app.model.account/use-account-as-form {:account-id ~id})]))}
                    "Edit"))))))

My Root query looks like the following:

[:main/welcome-message
 #:main{:accounts
        [:component/id
         #:accounts{:accounts
                    [:list/id
                     #:list{:accounts
                            [:account/id
                             :account/name
                             :account/email
                             :account/active?
                             #:account{:edit [*]}]}]}]}]

That defsc makes it seem like you're using Fulcro. If that's the case, it might be better to ask this in #fulcro

ah sorry I thoguht I was in fulcro channel, sorry about that

NP