Clojurians Log v2

Perhaps you didn’t compose initial state of this component into the parent all the way to root?

Use Fulcro Inspect DB Explorer. Start at root, click idents…see where it is broken

OR, you didn’t PUT a TagPage into state that has that ID

the ident warning is that you tried to mount it and it’s ID was nil, which means its props were empty

which means your state tree is not right.

Hmm, that makes sense. I added the tag page to the router, but at this point I didn't have the node it's referencing in the DB. I'll try doing that

You can also give a try to https://github.com/holyjak/fulcro-troubleshooting which is intended to help you discover such problems ASAP. Feedback welcome 🙂

Hi all! I inspected fulcro and it seems very appealing to me for various reasons but one thing is still a bit u nclear to me: How do you write the server if other systems than a desktop-app are involved (E.g. mobile apps) where EQL might not be applicable by the client-technology? Do you usually write two ways to talk to the server (for example EQL/Graphql) or go streight a Graphql (or REST) route and not using EQL at all?

I actually just found the section of pathoms graphQL integration... that may be the simplest route

I think you got something wrong here. Fulcro is a client library.

I guess you're right, I don't see the full picture. Does not fulcro, if you use the http remote for networking by default use transit to send EQL queries to the server where the resolvers for said queries are situated?

Fulcro is definitely not just a client library. It’s fullstack. But I wouldn’t use it for scenarios where you don’t have full control over the clients. You could separate out your business logic from your resolvers/mutations and then simply add an api for external clients. I think fulcro is amazing for any client you control (Even mobile. I’m using fulcro and react native to do that). It allows for much faster iteration cycles. But I think it’s generally advisable to keep a separate API for clients that you don’t control, and simply have it call into your business logic as needed. • Fulcro apps (mobile, web, desktop) • Graphql or REST api or none EQL client • Business logic (The two above calls into this part) You could use https://polylith.gitbook.io/polylith/ or just take a cue from how they do their separations. I’m not doing that and I haven’t (I don’t need anything Fulcro can’t provide), but I’ve built projects in similar ways in the past.

Thank you for the elaborate answer! A desktop app together with a React Native app was what I am planning to go for. All clients would be controlled so that wouldnt be a problem. So I guess the Fulcro/GraphQL route sounds promising for that usecase

You don’t even need to use Graphql. You should be able to do it all in Fulcro with eql then. React Native and Fulcro has been a very pleasant experience so far.

Oh really? I thought the React-Native story with ClojureScript was still a bit wonky last I checked. Good to hear that its a pleasant journey! I may look into that

I’d like to use comp/get-query with a union components to get the type query… am I missing something besides have two versions of the ident fn (one that takes props and one that uses the closed over props in the defsc)?

granted that’s a pretty minor issue 😄

I’ve been thinking about the raw components and hooks stuff I’ve been working on (in case you missed it, see https://github.com/fulcrologic/fulcro/blob/feature/fulcro-3.5/src/workspaces/com/fulcrologic/fulcro/cards/composition_cards.cljs#L35 and https://github.com/fulcrologic/fulcro/blob/develop/src/workspaces/com/fulcrologic/fulcro/cards/composition_cards.cljs#L42). I’ve been tuning up the ideas, and it occurred to me that these are all their own little “sub roots”, and that they could use nsed root db keys for their starting point (the line 42 version doesn’t work well unless you give it initial state, becayse it needs to know an ident to start the mini-tree). So, with that realization, I’m thinking:

(let [current-user (use-tree :application/current-user [:user/id :user/email {:user/settings [:settings/id :settings/marketing?]}]
                       {:load-if-missing? true
                        :load-options normal-load-options})

(let [{:actor/keys [login-form]} (use-uism login-state-machine options)] ...)

I’m terribly busy lately, so if anyone is excited by these and wants to help, pls let me know.

idents go both ways: used to ask what the component’s ident is on things like refresh, and used for normalization. In union case, the parent is used for normalization, and the child is the active thing on screen…thus the need

There’s certainly a macro waiting to be written there, but the EQL nesting of it needs two components, even if you don’t much care about the parent

but perhaps I’m not understanding your question

Sorry, I’m probably not being very clear, it’s such a simple thing probably not worth your time… 🙂

(defsc UnionComponent
  [this props]

  {:query
   (fn [_]
     {:type1/id [....]})

   :ident
   (fn []
      (cond
        (contains? props :type1/id)
        [:type1/id (:type1/id props)])}
...)

(comp/get-query union-ns/UnionComponent)

(defn get-ident
  [props]
  (cond
    (contains? props :type1/id)
    [:type1/id (:type1/id props)]))

(defsc UnionComponent
  [this props]

  {:query
   (fn [_]
     {:type1/id [....]})

   :ident
   (fn []
      (get-ident props))}
...)

((first (get-ident props)) (comp/get-query union-ns/UnionComponent))

Which is ultimately fed into:

(dnz/db->tree query concrete-props state)

Regardless, I think I’ve obviated the need to manually get the local state tree… I’m refactoring part of an existing application.

I am trying to figure out how to display long text blocks across multiple lines, with ability to insert line breaks, inside of Fulcro (RAD) views. I’ve tried various ways, including adding ao/style :sulti-line, inserting “\n”, injecting HTML “</br>” and other things into the column-formatter, etc… I’ve Googled “semantic-ui textarea adding line break,” but haven’t gotten anything to work. Does anyone have any ideas on how to best do this? Here was one of my attempts: Many thanks!!! cc @holyjak

(defattr description :vimeo-video/description :string
  {ao/identities #{:vimeo-video/uri}
   ao/style       :multi-line
   ro/column-formatter (fn [_ value]
                         ;(println value)
                         ; <https://stackoverflow.com/questions/8627902/new-line-in-text-area>
                         (if value
                           (clojure.string/replace value #"\n" "&lt;br/&gt;")))})

Didn't we arrive to that you need to set the right CSS prop on the component for it to respect \n? So just somehow eg give it a particular CSS class (I think there is ao/<something> for it now) to it and define the CSS class with the prop?

white-space - https://stackoverflow.com/a/30593806/204205

I second that; I’ve done this stuff inside a Clojurescript text editor built on textarea; even then it’s just CSS

🙏 @tony.kay do you plan to release a new version of RAD? I see there is a couple of (mostly mine and tiny 🙂) commits that have not been released yet...