projectstorm/react-diagrams

Diagramming shouldn't be hard. I know. Me too.

sudha53633

@sudha53633

projectstorm/react-diagrams#27 Kindly help here?

Aaron Michaux

@aaron-michaux

So... when I add repaintDebounceMs to the engine options, it sometimes disables panning the CanvasWidget.

  const engine = createEngine({
    registerDefaultDeleteItemsAction: false,
    repaintDebounceMs: 50
  })

Anyone else seen this?

Aaron Michaux

@aaron-michaux

For anyone out there, the problem went away when I patched engine.repaintCanvas, so that debouncing happens on the leading edge of the timeout.

Sinan Yaman

@sinanyaman95

Hey fellow developers, does anyone know if there is a way to get the ids of the visible ports (i.e. not zoomed out or dragged out of view from canvas)?

MNewbigging

@MNewbigging

Hey folks, I'm just getting started with react-diagrams. I'm following the demo project for custom node widget/model/factory. I've written a custom node model, extending NodeModel, and in overriding the deserialize function I'd like to provide the type for the event parameter - but auto imports aren't working for some reason. So, where can I import the DeserializeEvent from? And should I use it like this:

deserialize(event: DeserializeEvent<CustomNodeModel>) {...}

Malav Shah

@malavshah-9

Hi Guys, I have integrated this lib in my project which builds using vite and is monorepo. Now facing issue in building production build.

Facing this issue projectstorm/react-diagrams#842

Any help will be appreciated. Thanks in advance.

Saintcat617

@Saintcat617_gitlab

your problem is when trying to assign null the variable in your declaration, try:
var node: DefaultNodeModel;
I'm sure it will work for you!

Andrii Zhyvchyn

@azhyvchyn-rr

hi all!
Does someone know how I can change target port with mouse?
I tied to .setTargetPort(null) on link, but this not attach link to mouse movements

K Wood

@kristopher-wood

Hello everyone!

I'm trying to get the diamond node model demo working, but it gives me an error using it as written when running it through create-react-app's npm start script

Error: Cannot find factory with type [diamond]

More specifically I'm trying to use this with the drag and drop demo, and I've got it showing up in the tray on the left hand side, but when I drag it on to the canvas I get the error

How do you let your app know how to find the factory for it?

K Wood

@kristopher-wood

Got it! Instead of defining engine as new CreateEngine, I needed to use this.props.app.getDiagramEngine()

Aaron

@a3ng7n

Hey there - it seems like the repo has quite a few open issues and hasnt been updated in 20 days - is this project dying? Not trying to be negative, but is project storm working on this anymore?

Dylan Vorster

@dylanvorster

i work on it when i get time

I have a project coming up shortly that will see it have some activity soon

Jeremy Kuhnash

@jeremykuhnash

does anyone have working directions on how to build a standalone project?

ShrutiChandak19

@ShrutiChandak19

Hi I am new room. has anyone have any experience creating only one link between two nodes. Currently it’s creating multiple link between two nodes. How can I make changes so that it will create single link between two nodes?

brightness999

@brightness999:matrix.org

[m]

Hi everyone,
How's it going?
is it(react-diagrams) run on mobile?
if you have any way, please let me know.

Daniel McQuillen

@danielmcquillen_gitlab

@dylanvorster @renato-bohler If either of you have some consulting hours available wondering if you're available and interested in adding an enhanced change-detection feature to the latest version, if possible. Pinging @renato-bohler because you tried to explain to me what to do but I'm just too slow (projectstorm/react-diagrams#819) and @dylanvorster because well gosh you made this awesome thing.

asnaseer-resilient

@asnaseer-resilient

Hi Guys, Does anyone know how to update the position of ports after dynamically adding/removing ports to a node? I saw some mention of calling the recalculatePortsVisually method on the DiagramEngine but I cannot find any such method. I have also tried calling port.reportPosition() but does not seem to update the ports position either. I am using v6.6.1 of the library.

青木

@StringKe

how to remove all node and link in model ?

1 reply

Malav Shah

@malavshah9_gitlab

Hi, I am facing huge performance issue while dragging link in smart routing. Any solution for that?

Igor Levdansky

@ilevd

Try to run simple example and get:

Uncaught TypeError: a.default is not a constructor
    at l.componentDidMount (index.umd.js:16:687)
    at commitLifeCycles (react-dom.development.js:20664:24)
...

Any ideas?

Neil Glenister

@232Studios_twitter

Hey all, does anyone know how to change the node draggable area? At the moment the whole node is draggable which is causing an issue if you want to highlight text on it. Ideally we'd disable the drag event when you're selecting text on the node, or set the drag event to a specific part of the node (e.g. a toolbar). Has anyone tried something similar?

1 reply

Jonathan Nachman

@JonathanNachman_twitter

hi all , just started playing around with the examples. is there a way to automatically place the nodes , or would i have to move them around,e.g like a auto sort and space them out? thanks

Andrii Zhyvchyn

@azhyvchyn-rr

hi all!
how I can trigger rerender of label widget if related link were changed?

Troy Peterson

@TroyCodeMaven_twitter

Hi all, any idea if we can expect an update to make it work with React 18 any time soon?

2 replies

Brightness999

@Brightness999

Hi all,
How I can drag and drop port?

Ejiro Lennox A.

@ejiro1994

Hi everyone where can i find info on how to clone/duplicate a node?

Where communities thrive

People

Repo info

Activity