@draftably/runtime 0.2.0 → 0.4.0

package/README.md

@@ -15,8 +15,19 @@ const result = await renderSvg('node api "API"');
 if (result.ok) console.log(result.value.svg);
 ```
 
+```ts
+import { layout } from '@draftably/runtime/graph';
+
+// Positions, routed lines and label boxes for a graph your app draws.
+const placed = await layout({
+  nodes: [{ id: 'a' }, { id: 'b' }],
+  edges: [{ source: 'a', target: 'b' }],
+});
+```
+
 ```ts
 import '@draftably/runtime/element';
+import '@draftably/runtime/host.css'; // once per page: heights and slot rules before the element loads
 // <draft-diagram source='node api "API"' label="API diagram"></draft-diagram>
 ```
 
@@ -24,6 +35,9 @@ import '@draftably/runtime/element';
 
 - [Render SVG](https://draftably.dev/docs/render-svg): options, validation, inline output, links
   and limits
+- [Layout API](https://draftably.dev/docs/layout-api): lay out and route a graph your app draws
+- [Drop in your graph layout](https://draftably.dev/docs/layout-drop-in): replace the layout in
+  React Flow, Svelte Flow, elkjs, dagre or Cytoscape.js with one changed call
 - [Element and viewer](https://draftably.dev/docs/element): the element, `mountViewer`, fallback
   images and SSR
 - [Embed diagrams](https://draftably.dev/docs/embed): every route, including framework components