Repository navigation
A feature release (issue #344, Diagram Readability): diagrams are easier to read, in one migration. Nodes and frames line up on a grid with smart guides, connections run at right angles around nodes, a connection can be Orthogonal, Curved or Straight with bend points, every node keeps its text inside its outline, and the five Templates are laid out again. Its full notes are in CHANGELOG.md and in the app's Help → What's new.
Source and web release, no install files. There is nothing to download or install from this page: use the app at https://cozy-loop-studio.pages.dev (it can also be installed from the browser as a web app). The attached archives are GitHub's automatic snapshots of the source code.
Migration. A diagram saved by an earlier version — a graph file, Workspace, share link or autosave — is lined up on the grid once when it opens, before its undo history starts, and its connections become automatic orthogonal. Project revisions, proposals and a Project autosave based on a revision are excluded from this automatic conversion only: they keep their recorded layout and shapes, so Review shows the real layout differences between a converted document and its revision, as intended. Running Tidy to grid on such a document lines up the current document alone, as one step you can undo; the recorded revision stays as it is. Files now carry layoutVersion (1). The engine, simulation results and engine digests are unchanged; a re-placed diagram's content digest changes with its positions. The informational meta.tool string is now loop-studio/0.25.0.
Compatibility. If a v0.25.0 document is opened in v0.24.0 or earlier and saved again there, its Straight connections lose their shape: the earlier version draws them as Curved and drops the Straight setting on saving, without a warning. Opening a v0.25.0 document in an earlier version and saving it is not supported.
New in diagrams
- Grid-aligned editing. Nodes and frames snap to a 16 px grid as you add, drag or move them with the arrow keys (16 px, Shift 64 px), with guide lines to other nodes' ports, centres and edges. Hold Alt to drag freely; Ctrl (⌘ on a Mac) now moves a frame without its contents. Tidy to grid, beside the zoom buttons, lines up the open diagram at any time as one step you can undo.
- Clearer automatic routing. Connections run at right angles around nodes instead of through them, connections from the same port branch apart right after it, and each label takes a free spot on its own line. A node's side ports stay on one row near its top, so a long name makes the node grow downward and its connections stay put.
- Editable connection shapes. A connection's Route can be Orthogonal (the default), Curved or Straight. An orthogonal connection is automatic until you add, move or remove bend points on the desktop; Reset to automatic brings back the automatic route. Each change is one step you can undo. The phone shows every connection shape and bend point, but bend points are edited on the desktop only.
- Text stays inside nodes. The Pool, Source, Drain, Converter and Gate are drawn for their own width, so their title and value stay inside the outline in all 18 languages.
- Reworked Templates. All five Templates use the new grid and routing, with clearer spacing; the coffee roastery and early MMO Templates open on their first steps at a readable size.
Notes
Seventeen strings in 18 languages (15 added, 2 revised), 16 of them without native-speaker review. The changes are covered by automated tests of the grid, the guides, the conversion and its exceptions, the router, the connection shapes and bend points, text containment and the Templates in all 18 languages, and by an automated check of the production build. Automated verification is recorded in #345. The work is tracked in #344.
Included pull requests
- Feature: #345