Create - graph_explorer

[alyhxn]

@todo

#21

• Create - graph_explorer
  • Implement base
  • Iterations with different designs and structures
  • Implement stable graph structure (finalized if more changes are not proposed)
  • Highlight selected entry's lineage in graph_explorer
  • Interactions and buttons inside the graph
  • Lazy loading
  • Test with big data
  • List vs tree architecture, tree is easy to implement, list is better for big data and lazy loading.
  • @output ❓ graph_explorer_v0.0.?
    • next Create - theme_widget #21

[alyhxn]

Tasks - 2024.11.07

• Update - graph_explorer_v0.0.1
  • Implement compact mode - 3h
  • Update colors and highlights for duplicates - 1h30min
  • Import and export - 2h
  • Recorded Worklog - 10min
  • Logged tasks - 5min
  • @output 📦 graph_explorer_v0.0.1

---

Worklog

worklog-242

[serapath]

feedback 2024.11.07

1. color highlighting

+1 for duplicate highlighting :-) awesome.

---

2. compact/normal graph explorer modes

Just kidding, but hmm, this seems a misunderstanding :-)

The "compact mode" is what i expect "normal mode" to be and the "compact mode" does not exist, but instead we have:

Here are example of what i imagine compact mode and normal mode to be:

compact:

🪄┱🌐playproject.io/
  ┠─📁pins/
  ┃┌─🌐playproject.io/
  ┠┼📁themes/
  ┃├─🎨fantasy.json
  ┃├─🎨electro.json
  ┃├─🎨light.json
  ┃│┌─📁themes/
  ┃└┼🎨night.json📍
  ┃ ├─🔗page:css
  ┃ ├─🔗page/header:css
  ┃ ├─🔗page/header/menu:css
  ┃ │┌─🎨night.json
  ┃ ├┼🔗page/projects:css
  ┃ │├─🖌️header.css
  ┃ │└─🖌️1.css
  ┃ ├─🔗page/footer:css
  ┃ └─🔗page/footer/socials:css
  ┃┌─🇹page
  ┃├─🎨night.json
  ┗╅🧩playproject-io
   ┠─🧩theme-widget
   ┠─🧩topnav

normal:

🌐┱playproject.io/
  ┠📁─pins/
  ┃  ┌🌐─playproject.io/
  ┠📁┼themes/
  ┃  ├🎨─fantasy.json
  ┃  ├🎨─electro.json
  ┃  ├🎨─light.json
  ┃  │  ┌📁─themes/
  ┃  └🎨┼night.json📍
  ┃     ╞🔗─page:css
  ┃     ├🔗─page/header:css
  ┃     ├🔗═page/header/menu:css
  ┃     │  ┌🎨─night.json
  ┃     ├🔗┼page/projects:css
  ┃     │  ├🖌️─header.css
  ┃     │  └🖌️─1.css
  ┃     ├🔗─page/footer:css
  ┃     └🔗─page/footer/socials:css
  ┃  ┌🇹─page
  ┃  ├🎨─night.json
  ┗🧩╅playproject-io
     ┠🧩─theme-widget
     ┠🧩─topnav

[alyhxn]

Tasks - 2024.11.14

• Update - graph_explorer_v0.0.1
  • Fixed the normal structure - 1h
  • @output 📦 graph_explorer_v0.0.2

Worklog

worklog-243

[serapath]

feedback 2024.11.20

🌐┱playproject.io/
  ┠📁─pins/  # normal mode

🪄┱🌐playproject.io/
  ┠─📁pins/  # compact mode

The idea is you can either click the icon 📁 or you can click the line ─ to expand it.

1. clicking the first expands subs entries
2. clicking the second expands super entries

What we have now is only one click that always expands BOTH (super and sub) at the same time.
That wasnt the goal.

Can we fix that please? :slight_smile: