Comments (2)
Hi @MonliH, I'm definitely interested in implementing this idea. You're absolutely right that there needs to be a better way to organize nodes when you have a lot. I wonder if this system should account for even deeper nesting of menus if someone has a reason to need that, in which case the group type should probably also accept an optional group key to nest that group under an existing group. But I like the API you've envisioned for this. If you're interested in trying to take on this feature I'm happy to chat about the code base with you. Thanks!
from flume.
Just bumping this as I'm working on a project requiring a node editor, and Flume seems like the perfect choice for us but for the lack of this very feature.
Supporting multiple levels of groups is very important for us, so while I agree that the above API is a good option, I'd suggest that the groups be given as an ordered list rather than a string (or perhaps either option can be supported).
There are a few options I can see for implementation:
- Add logic to the "filter options" to filter for groups, e.g. "logic/binary/", and then auto-fill the filter when clicking on a group in the menu. Then subgroups/items are only shown in the menu if the corresponding filter is in the search bar. This would keep things in a single menu, allow quick searching without clicking through menus, and probably wouldn't be too hard to implement/hack in.
- Spawn a second menu (like the Blender option given above) with sub-options. This also wouldn't be too hard, but I think the tricky part is hard-coding logic for things like ensuring the menu doesn't clip off the side of the page. Quite doable though, just needs a bit of fiddling.
My instinct is that the first option is easier and probably more usable. I'm going to look into this at some point in the next few days when I have a spare moment, and will report back. Thanks!
from flume.
Related Issues (20)
- Facing an issue on "TypeError: engine.resolveRootNode is not a function" HOT 1
- Selectable nodes by drag and drop?
- is this project still in development? HOT 1
- [Question] Vanilla JS usage ? HOT 2
- Type 'string' is not comparable to type 'NodeType' HOT 2
- Support for "any" datatype on ports
- Saving/loading of paths HOT 1
- I can't add nodetypes dynamic
- Clone of version v0.8.2 but version compatibility problem on installation HOT 1
- Bug: Cannot read properties of null (reading 'setAttribute')
- Connecting nodes to already connected input?
- Branching logic
- Getting and setting pan and zoom HOT 1
- Theming documentation missing closing backtick
- Animated connections
- How to actually extract context?
- Rendering custom components in nodes
- Flume for NEXT.js v14
- Support mobile? (ipad)
- Well done! HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flume.