Velo 🚵‍♀️🚵

Demo

This app is primarily designed for native desktop platforms, and its WebAssembly (wasm) target has a limited feature set. wasm target is best suited for quick document sharing, currently, only WebGPU backend enabled for the demo:

https://staffengineer.github.io/velo?document=https://gist.githubusercontent.com/StaffEngineer/bf7d94759abbd7aa722330e5fe4f0bd5/raw/e817be0ba700e94be472d435638d762b9deadf33/velo.json

What's implemented:

• support rectangle/circle/paperlike notes
• add/remove note
• note resizing
• note repositioning
• wrapped text inside notes
• paste screenshot from clipboard [native target only 🖥️]
• connect notes with arrows
• make app snapshot in memory and load from it (MacOs: Command + s[l])
• save app state to database and load from it
• change background color of notes
• move note to front/back
• positioning text inside note
• multiple documents/tabs support
• load app state from url
• ability to create sharable url of the document using "Share Document" button (.velo.toml should be created in user's home directory containing GitHub access token with "gist" scope) [native target only 🖥️]:

github_access_token = "<github_access_token>"

• initial markdown support
  • italic/bold text style
  • links
  • syntax highlighting
  • headings (proper headings support was temporarily removed)
  • inline code
  • ordered/unordered lists
• particles effect [native target only 🖥️]
• filter documents by text in notes (fuzzy search) [native target only 🖥️]
• highlight notes containing searched text [native target only 🖥️]
• ligature/emoji rendering support [emoji native target only 🖥️]
• dark/light theme support (app restart is required for now)
• infinite canvas with zooming (right click to move camera, mouse wheel to zoom)
• undo/redo for text editing [native target only 🖥️]
• drawing mode (click on pencil icon to enable it)
• draw line, arrow, rhombus or rectangle by choosing 2 points
• hide/show children notes for selected note
• navigation to random note

Installation

Archives of precompiled binaries for velo are available for Windows, macOS and Linux.

Compiling from Source

If you want to compile from source you can use

cargo install --path .

ATTENTION If you have set your cargo target directory in .cargo/config.toml you must provide the fullpath to the assets directory like this

BEVY_ASSET_PATH=$(realpath assets) cargo install --path .

Run

Native:

cargo r --release

Wasm:

cargo install wasm-server-runner
RUSTFLAGS=--cfg=web_sys_unstable_apis cargo r --release --target wasm32-unknown-unknown

To create app bundle with icon (tested only on MacOS):

cargo install cargo-bundle
cargo bundle

Pre-commit actions

cargo fmt
cargo clippy -- -A clippy::type_complexity -A clippy::too_many_arguments

Basic usage

• click on rectangle icon to create rectangle note
• double-click to select note
• start typing to add text to selected note
• resize note by dragging its corners
• click on canvas to deselect note
• move note by dragging it (only unselected note can be dragged to allow mouse text selection for selected note)
• click on little arrow connector icon to connect notes, arrow connector icons are placed on each side of note
• for native target there is search box that allows to filter documents by text in notes (fuzzy search)
• for wasm target there is url query parameter ?document=<url> to load document from url
• click save icon to save document to database on native platform or to localStorage on wasm target
• click on drawing pencil to enable drawing mode

Troubleshooting

If the application fails to start, you can try resolving the issue by removing velo data folder. This problem may occur due to changes in the data schema between different versions of the application.

• MacOS: /Users/<username>/Library/Application Support/velo
• Windows: C:\Users\<username>\AppData\Roaming\velo
• Linux: /home/<username>/.config/velo
• wasm: localStorage.clear()

License

All code in this repository dual-licensed under either:

MIT License or http://opensource.org/licenses/MIT Apache License, Version 2.0 or http://www.apache.org/licenses/LICENSE-2.0 Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.

Contributing

Contributions are always welcome! Please adhere to this project's code of conduct.

❤️