Ok, from your comment it seems you have this linked up against electric master, so you know about and have the latest hot code reloading changes

Ah, the :dev/always flag might be on the wrong file now ... checking

this looks like a typo on our part: https://github.com/hyperfiddle/electric-datomic-browser/blob/main/src/user.cljs#L1

compare to https://github.com/hyperfiddle/electric/blob/master/src-dev/user.cljs#L1

the meta comes first

Ah! Ok perfect thanks! I didn’t even realize that was in the ns decl :)

ty, we will investigate

Hi @UHZPYLPU1! Thanks for the repro! https://gist.github.com/xificurC/1cbc281dd49e7eb3c9f5adcba6382158. I'm not sure why your version glitches, but it's a tricky beast that catches Pending on the server and requests the client to render something, which will throw a new Pending! A better way to do this is to try/catch on the client, which resolves this issue

Thanks @U09FL65DK! You rock

there is a rudimentary SQL tutorial linked in the readme, more robust examples coming soon. we use datascript in examples because it is zero setup but conceptually any db works mostly the same

we have a WIP XTDB starter as well, it’s a common request, will try to land it this week

re sql view updates - on mobile now, will write more in a few hours after my meetings this morning

Thanks I'll track down the SQL tutorial, and keep an eye out for the XTDB! Thanks again, really exciting work!

XTDB is basically as easy to get started as datascript, you can start a node with (xt/start-node {}) (for in-memory) to get started

Thanks!

on the roadmap, we want it too

figured. just wanted to cast a vote 😅

🙂

for now the best trick is to comment out the pages of your app you aren't actively working on, also use a fast computer (I know you mentioned you had two)

The compiler is doing a full program analysis on every change, so commenting out parts of the program you aren't developing is highly effective (Yeah i know this is dumb, sorry)

🧠 ⚡

that's a great idea.

Can you give an example for hire to run shadow from the same JVM as the repl?

You can just run a calva deps.edn + shadow repl, then load user.clj and run (main) from the comment to get a consolidated repl for calva.

Speaking of the starter app here: https://github.com/hyperfiddle/electric-starter-app

Thanks! In Calva, it is slightly less convenient to run deps.edn + shadow-cljs, than just shadow-cljs. But the latter isn't an option anymore, right?

I'm not sure I have just always done deps.edn + shadow

@U09K620SG: You think this PR needs to be adapted to this new reality? https://github.com/hyperfiddle/electric-starter-app/pull/8

If so we need to fix the config and instructions for the main repo as well.

Using that starter app and calva I don't see any Electric options for a repl in calva, is that not in calva yet?

Oh I see it's on that PR branch, that's nifty.

@UAB2NMK25, note that you can build in the step you mention to load user.clj and run (main). Something we should consider adding to the repo, once I understand the change mentioned above.

Yes I got it working with this:

{
    "calva.replConnectSequences": [
        {
            "name": "Electric App",
            "projectType": "deps.edn",
            "cljsType": "shadow-cljs",
            "afterCLJReplJackInCode": "(require '[user]) (user/main)",
            "menuSelections": {
                "cljsLaunchBuilds": [":dev"],
                "cljsDefaultBuild": ":dev"
            }
        }
    ]
}

Thanks for the pointer, was getting tired of having to manually start it from 'user.

I can’t seem to add a class to svg element, is that a known issue?

it just doesn’t appear

I have that same issue, but :style works

good to know, but I’m using tailwind, so rather use the classes it provides

can you provide a snippet of what code doesn't work?

(svg/svg
               (dom/props
                {:class "stroke-current flex-shrink-0 h-6 w-6"
                 :fill :none :viewBox "0 0 24 24"})
               (svg/path
                (dom/props
                 {:stroke-linecap "round" :stroke-linejoin "round"
                  :stroke-width "2"
                  :d "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"})))

thanks! dom/props https://github.com/hyperfiddle/electric/blob/dfcfe505e8142f06b5001d0eda00f7b406d1bb95/src/hyperfiddle/electric_dom2.cljc#L86 calls (set! (.-className node) ...) which is a read-only field on https://developer.mozilla.org/en-US/docs/Web/API/SVGElement. We'll need to use classList or some goog dom API instead

wouldn’t setAttribute work as well

there is a complexity, svg/svg element is governed by the svg xml namespace, it's not clear if class is strictly speaking legal here, needs discovery

It seems it is legal, perhaps the issue is the intersection of the html xml ns and the svg xml ns and how to configure that properly

I don't know how setAttribute works, so not sure. I think for now something like this would work as a workaround

(-> dom/node .-classList (.add "my-class"))
(e/on-unmount #(-> dom/node .-classList (.remove "my-class")))

https://www.w3.org/TR/SVG/styling.html#ClassAttribute I think SVG class is fine

Thanks for the help! I logged a ticket in our system. I'll wait for Geoffrey to help on fixing this since he has more expertise in this field

@U0ETXRFEW fyi i commented out the calva setup instructions until i verify the correct setup

@UAB2NMK25 you can auto-start by adding a line at the bottom of user.clj to call (main)

I like to be able to load any namespace without starting things. So having the call to main in the connect sequence makes sense to me.

yes, did it not work?

it did not work

testing again....

oh it works

i needed the (dom/text) around the text x)

ty

ha yes sorry about that it bites us all, hope to fix this spring

try using e/system-time-secs modulo N

does that make sense? (on mobile)

see the “blinker” demo actually