Problem with sub nodes and references?

[pwFoo]

@Dletta
I try to show references to sub-nodes and display object values, but get an error message

d3.v4.min.js:2 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#<STARTNODE>/<SUBNODE>/4973947925444637' is not a valid selector.
    at Object.ct [as select] (https://d3js.org/d3.v4.min.js:2:9416)
    at SVGCircleElement.detail (https://<DOMAIN_VISUALGRAPH>/visualGraph.js:106:21)
    at SVGCircleElement.<anonymous> (https://d3js.org/d3.v4.min.js:2:8198)

[pwFoo]

Maybe something changed in new(est) gun?
Path like element IDs with slashes?

#<STARTNODE>/<SUBNODE>/4973947925444637

[Dletta]

Looks like it's related to a d3 selector method and maybe a string converter there. I will have a quick look and will do a quick update commit to latest versions

…

On Fri, Mar 18, 2022, 08:22 pwFoo ***@***.***> wrote: Maybe something changed in new(est) gun? Path like element IDs with slashes? #<STARTNODE>/<SUBNODE>/4973947925444637 — Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABLWWEX74OXUXQ33K2ZTR43VAR7QFANCNFSM5RB2JYTA> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[Dletta]

This issue is solved.
It was an issue where d3 and it's friendly jquery couldn't cope with the new #soul/subsoul, meaning the dash was not recognized as an id in the selector.
I also unpinned gun versions and it is now running on the latest version. There seems to be no issue there.

[pwFoo]

HI @Dletta
Problem still exists. If I show a sub node as start point I see all direct child nodes.

"parent/sub" -> 3 children

If I start with des parent node I see just 2 of 3 child nodes at my sub node?

parent -> sub -> 2 of 3 children

Still same error if I try to show node properties by click

d3.v4.min.js:2 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#<PARENT>/<SUB>/98039408' is not a valid selector.
    at Object.ct [as select] (https://d3js.org/d3.v4.min.js:2:9416)
    at SVGCircleElement.detail (https://<DOMAIN>/visualGraph.js:106:21)
    at SVGCircleElement.<anonymous> (https://d3js.org/d3.v4.min.js:2:8198)

Still "/" in dom element id

<circle id="<PARENT>/<SUB>" r="3" fill="rgb(120,0,0)" cx="350.4860356812201" cy="244.6140260048059"><title><PARENT>/<SUB></title></circle>

[Dletta]

Can you show me your graph structure?

I switched away from querySelector, maybe I missed one of the d3.selects. (I simply changed any d3.select to document.getElementById, so feel free to see where I missed it and make a PR.)

[pwFoo]

I build the graph with demo data.

gun.get("APP_NAME").get('TABLE').map().once((item, soul) => console.log(soul, item))
c {_: {…}}
VM585:1 1586901425 {_: {…}, id: 2, name: 'ITEM_2', value: 'second'}
VM585:1 2213577188 {_: {…}, id: 1, name: 'ITEM_1', value: 'first'}
VM585:1 3227399464 {_: {…}, id: 3, name: 'ITEM_3', value: 'third'}

Showing full graph from APP_NAME ITEM_3 is missing!

Starting with APP_NAME/TABLE all items are shown.

Error if I click ITEM_3

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#APP_NAME/TABLE/3227399464' is not a valid selector.
    at Object.ct [as select] (https://d3js.org/d3.v4.min.js:2:9416)
    at SVGCircleElement.detail (https://<DOMAIN>/visualGraph.js:106:21)
    at SVGCircleElement.<anonymous> (https://d3js.org/d3.v4.min.js:2:8198)

[pwFoo]

@Dletta Have you found a solution for that id problem?

[pwFoo]

@Dletta
Tested with a new deployed version with the same problem.

It works fine to show structure like

container -> many items

But if container is a sub-node some items are missing!

app1 -> container -> 2 of 4 items

Wie it doesn't render all container items recursive?

[Dletta]

Hmm, not sure. It's depth-first search with a limit, I gotta check why it's not continuing, maybe I will add a limit control and some console logs to better indicate if the limit is reached. The error seems to indicate it reaches a point where it thinks it has a reference to a child, but it can't get from it

…

On Sat, Apr 16, 2022, 05:05 pwFoo ***@***.***> wrote: @Dletta <https://github.com/Dletta> Tested with a new deployed version with the same problem. It works fine to show structure like container -> many items But if container is a sub-node some items are missing! app1 -> container -> 2 of 4 items Wie it doesn't render all container items recursive? — Reply to this email directly, view it on GitHub <#2 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ABLWWES7RVXLVVQEYKIFL5TVFKGHXANCNFSM5RB2JYTA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[Dletta]

@pwFoo Still interested in a fix for this?