flume

Flume has been fully rewritten using Typescript fixing several bugs and generally improving code quality along the way. This release introduces no major API changes but now natively exports type definitions.

What's Changed

• Convert to typescript by @chrisjpatty in https://github.com/chrisjpatty/flume/pull/229

Full Changelog: https://github.com/chrisjpatty/flume/compare/v0.8.2...v1.0.4

• Merge branch 'master' into feature/convert-to-typescript d03265e
• v0.8.2 5f2ced6
• Revert "v0.0.1" 3958e9b
• v0.0.1 0c2d3b3
• Add "data-flume-node-type" attribute to the Node <div> (#188) 5382a6c

https://github.com/chrisjpatty/flume/compare/v1.0.2-1...v1.0.2-2

• New theming attribute on nodes data-flume-node-type
• New documentation for dynamic theming

https://github.com/chrisjpatty/flume/compare/v0.0.1...v0.8.2

• Fixed type for custom render functions 16bc96d

https://github.com/chrisjpatty/flume/compare/v1.0.2-0...v1.0.2-1

• Context is now an optional prop of useRootEngine 89bd4c5
• Exported colors object now autocompletes correctly fdb74f3

https://github.com/chrisjpatty/flume/compare/v1.0.1-0...v1.0.2-0

Work on the typescript rewrite is wrapping up. This pre-release fixes several bugs and improves the types.

• Moved useRootEngine to its own file 609b6a8
• Fixed types for control builders 3f2b7a6
• Added support for React 18 (#219) 7a2b6ff
• Mark a default (root) node with [data-flume-component-is-root] (#198) 059e0de

https://github.com/chrisjpatty/flume/compare/v1.0.0-0...v1.0.1-0

Fix for #173 preventing use inside of react-18.

https://github.com/chrisjpatty/flume/compare/v0.8.0...v0.8.1

This is a beta release gearing up for the first major release of Flume. This release includes FULL typescript support. Extra typescript documentation is still underway, but we wanted to get this beta release out to get early feedback on TS support. Please feel free to file issues as such.

To install this beta release:

npm install [email protected]

or for yarn

yarn add [email protected]

• port type builder config is now optional 032eb1e
• Added basic documentation on types 7785667
• Converted root engine 68a0928
• Stage cleanup 340a36c
• Converted NodeEditor fa44fb7
• Converted Node 1fa8c6e
• Tightened up typebuilder types 6b10301
• Converted IoPorts 2e44b57
• Converted Color Picker 6896849
• Converted Stage 06364f2
• Converted Comment e68d38e
• Converted NodesReducer & Control 455a5ba
• Converted Select 09570e7
• Converted ContextMenu b50c561
• Converted Connection a81ab62
• Converted connections container 0ca6f72
• Converted Checkbox 6ff57d3
• Converted Draggable component 2158956
• Updated connectionCalculator 8537fc8
• Converted cache, commentsReducer, constants, stageReducer a08d10d
• Converted context and textInput 1b0d2de
• Adds Toaster.tsx & css module support 690f94b
• Converted toasts reducer to TS a2ffce0
• Conversion in-progress 9c3a515
• Upgraded rollup and added TS support ce0ae57
• Allow negative numbers (#156) 4429236

https://github.com/chrisjpatty/flume/compare/v0.8.0...v1.0.0-0

• 🎨 Stable data attributes for theming (#163) dbec4b1
• 🐛 Color picker no longer causes a crash in some scenarios

https://github.com/chrisjpatty/flume/compare/v0.7.1...v0.8.0

This release adds some great new features and upgrades the build system to be faster and use the latest versions of react tooling. Some highlights include:

• 🔎 Zoom and pan has been improved! Now when you zoom using the scroll wheel the canvas will zoom towards your mouse instead of the center of the canvas.
• 🚀 Now you can override the rendering of node headers to add your own UI or override the node's label dynamically.

Check out an exhaustive list of updates below:

• Bumped version to 0.7.0 (#152) efa3e22
• 🚀 Add the ability to render a custom node header (#75) 0372e92
• Added options object to be accessible by useRootEngine (#139) 645f7ba (Thanks @antomarsi !)
• ⬆️ Upgrades example react scripts (#150) 46afff1
• 🐛 Updated react scripts and fixed tests (#149) 8ed5f30
• Nanoid version increase (#122) af8a756 (Thanks @yukosgiti !)
• Update faq.mdx 5389e05
• 🐛 Fixed leftover reference to sub/dist from np migration 5190b67

https://github.com/chrisjpatty/flume/compare/v0.6.3...v0.7.1

• Removed outdated prepare and predeploy scripts 2e28024
• Added np script settings 8ed4449
• 🚀 Added np release script 9829482
• 🐛 Added install step to the CI test for example folder 645e3e0
• 🐛 Adds wait-on module to the CI test 355a2dc
• 🐛 Repairs Github test.yml 11161a3
• Merge pull request #72 from chrisjpatty/features/react-17-support ad5b75c
• Removes cypress video folder a3b22bd
• 🐛 Fixes tests and adds CI action 699b010
• 🚀 Adds support for React 17+ 17d9df8

https://github.com/chrisjpatty/flume/compare/v0.6.2...v0.6.3-0

• 🐛 Package.json in dist now points to root 41262ec
• 🐛 Removed dist prefixes for module resolution entries a9d7295

https://github.com/chrisjpatty/flume/compare/v0.6.3-0...v0.6.3-1

🐛 Fixes a bug which could cause the context menu options to compress themselves in Safari. 👋 Thanks @numso!

The dependency on nanoid has been updated to use the cross-environment export. This means Flume can be used more easily in Node and non-Webpack bundlers like Snowpack. Thanks @PhilGarb for this!

Dynamic Ports

Ports may now change over the lifecycle of the node editor by passing a curried function to the inputs and outputs keys. Huge thanks to @numso for the idea, code, tests, and documentation for this feature. Extended documentation for this feature is available at flume.dev/docs/dynamic-nodes

Context menu no longer crashes when testing for an outside click after closing.

🐛 The node editor now fully supports server-side rendering by reconciling server-rendered default node ids when hydrating. Big thanks to @numso for this fix!

🚀 Circular connections are now detected when attempting to connect nodes. By default these connections will be rejected, and a warning message will be displayed. This behavior may be overriden by a new NodeEditor prop.
🚀 New toast notification system. Toast notifications come in 4 types: info, warning, danger, and success.
🚀 New NodeEditor prop: circularBehavior with 3 possible values:

• allow: Circular connections are allowed with no warning.
• warn: Circular connections are allowed but with a warning.
• prevent: Circular connections are not allowed, and a warning is shown if attempted. This is the default.

🐛 Corrects an issue where in some cases connections could be made by dropping on an output port.
🐛 All stage state changes now trigger connection recalculations.