@graphlearning/graphl-flow 0.9.0 → 0.10.0

package/dist/styles.css

@@ -142,6 +142,8 @@
    its blank lines, man's 7-column indent was gone). A row is always one row tall; runs are spans. */
 .gf-line { min-height: 1lh; }
 .gf-code[data-terminal] .gf-line { padding-left: 14px; }
+/* wrap: the text cell takes what is left of the line and breaks anywhere, under its own first character. */
+.gf-code[data-wrap] .gf-line > span:last-child { flex: 1 1 0; min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
 .gf-ln { flex: none; box-sizing: content-box; min-width: 3ch; padding: 0 12px 0 10px; text-align: right; color: var(--gf-code-gutter); user-select: none; }
 .gf-line[data-lit] { background: color-mix(in srgb, var(--gf-accent) 16%, transparent); box-shadow: inset 3px 0 0 var(--gf-accent); }
 .gf-line[data-lit] .gf-ln { color: var(--gf-accent); }
@@ -213,6 +215,9 @@
 .gf-tree-row[data-state='new'] .gf-tree-note { color: var(--gf-ok); }
 .gf-tree-row[data-state='muted'] .gf-tree-note { margin-left: 0; font: italic 14px 'IBM Plex Sans', system-ui, sans-serif; }
 .gf-tree-icon { display: inline-flex; flex: none; line-height: 0; }
+.gf-tree[data-compact] .gf-tree-title { padding: 6px 10px; font-size: 11px; }
+.gf-tree[data-compact] .gf-tree-row { gap: 4px; padding-right: 6px; font-size: 13px; }
+.gf-tree[data-compact] .gf-tree-note { font-size: 11px; padding-left: 10px; }
 
 /* A note fills its column and wraps; capped so a note in an unbounded row stays a paragraph. */
 .gf-note {

package/dist/types.d.ts

@@ -116,6 +116,12 @@ export interface Code extends Base {
     show?: [number, number][];
     /** Line numbers (the file's) to tint. */
     highlight?: number[];
+    /**
+     * Soft-wrap a line wider than the pane, as an editor's word wrap does: the rest continues under
+     * the line's own text, beside an empty gutter, and the file's line numbers stay the file's. Each
+     * wrapped piece is a ROW — a template that counts rows must count them. Editor panes only.
+     */
+    wrap?: boolean;
     /** A terminal: `$ cmd` lines are commands, `! text` errors, the rest output. No line numbers. */
     terminal?: boolean;
     /** A notebook cell's printed output: plain text, no frame or line numbers; `! text` is an error. */
@@ -185,7 +191,9 @@ export interface Plot extends Base {
     axes?: 'origin' | 'corner';
     /** Gridlines at the ticks. Default true. */
     grid?: boolean;
-    /** The second fixed size (420×280 drawing area) — a chart in a side pane, at full text size. */
+    /** The second fixed size (420×280 drawing area) — a chart in a side pane, at full text size. With
+     *  `w`, the plot is that wide (borders included) and its drawing area takes what the gutters leave:
+     *  a chart in a column narrower than the compact size. */
     compact?: boolean;
 }
 export interface TreeEntry {
@@ -206,6 +214,8 @@ export interface Tree extends Base {
     /** The panel heading. Default `Explorer`. */
     title?: string;
     entries: TreeEntry[];
+    /** Smaller type and indent (13px rows, 11px per level): a sidebar beside a code pane, not the subject. */
+    compact?: boolean;
 }
 /** A callout: wrapping prose in a dashed frame of its tone. Fills its column's width. */
 export interface Note extends Base {
@@ -231,5 +241,10 @@ export interface Scene {
     edges?: Edge[];
     /** A dot travels every edge once per 2.4 s (the recorder's loop). Default true. */
     pulse?: boolean;
+    /**
+     * The fit's margin per side, as a fraction of the pane (0–0.2). Default `FIT_PADDING` (0.04). A
+     * fixed frame template sized to the pane's aspect (an IDE frame) lowers it to fill the recording.
+     */
+    padding?: number;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphlearning/graphl-flow",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Declarative diagram engine — authors describe groups, items and edges; the browser lays them out and the engine draws the edges.",
   "license": "UNLICENSED",
   "repository": {