@graphlearning/graphl-flow 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -2
- package/dist/index.js +828 -812
- package/dist/index.js.map +1 -1
- package/dist/routing.d.ts +13 -0
- package/dist/styles.css +16 -0
- package/dist/types.d.ts +7 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -78,6 +78,13 @@ a SIDE PANE — a `bare` group with a fixed width `w`. The IDE alone is narrower
|
|
|
78
78
|
pane fills the frame and holds whatever the moment needs (a `note`, a `compact` plot, a small memory
|
|
79
79
|
diagram) or nothing. See `dev/fixtures/studies/ide-frame.ts`.
|
|
80
80
|
|
|
81
|
+
**Notebook frames.** The same three columns with a notebook in the middle: `tree` | a group (the
|
|
82
|
+
notebook: `title: 'explore.ipynb'`, `icon: 'jupyter'`) of CELLS | the fixed side pane. A cell is a
|
|
83
|
+
`group` with `cell: n`, the execution count drawn as `[n]` in a gutter (`cell: true` draws `[ ]`, not
|
|
84
|
+
run yet). Its first child is the input `code` (drawn without a tab bar, stretched to the cell),
|
|
85
|
+
followed by its outputs: `{ type: 'code', output: true }` for printed text (`! ` lines are errors), a
|
|
86
|
+
`table` for a DataFrame, or a `plot`. See `dev/fixtures/studies/notebook-frame.ts`.
|
|
87
|
+
|
|
81
88
|
`minW`/`minH` are FLOORS and `maxW`/`maxH` CAPS, in the scene's own pixels; `w`/`h` set both. Give
|
|
82
89
|
every frame of a video the same floors and a fixed side pane, and they get the same zoom: no pane
|
|
83
90
|
moves between cuts, whatever the side pane holds. Prose wraps to the pane; tables and code do not,
|
|
@@ -120,9 +127,9 @@ writes `captures/<id>-<theme>.png`.
|
|
|
120
127
|
| Type | Fields |
|
|
121
128
|
|---------|--------|
|
|
122
129
|
| `item` | `id`, `title`, `sub?`, `icon?`, `bullets?`, `stack?`, `chip?`, `tone?`, `span?` |
|
|
123
|
-
| `group` | `id`, `children`, `title?`, `sub?`, `icon?`, `badge?`, `dir?: 'row' \| 'col' \| 'grid'`, `cols?`, `bare?`, `spread?`, `tone?`, `span?` |
|
|
130
|
+
| `group` | `id`, `children`, `title?`, `sub?`, `icon?`, `badge?`, `dir?: 'row' \| 'col' \| 'grid'`, `cols?`, `bare?`, `spread?`, `cell?: number \| true`, `tone?`, `span?` |
|
|
124
131
|
| `table` | `id`, `rows`, `columns?`, `title?`, `tone?`, `span?` — a row is `[cells…]` or `{ cells, id?, tag?, tone? }` |
|
|
125
|
-
| `code` | `id`, `code`, `lang?`, `filename?`, `show?: [from, to][]`, `highlight?: number[]`, `terminal?`, `tone?`, `span?` |
|
|
132
|
+
| `code` | `id`, `code`, `lang?`, `filename?`, `show?: [from, to][]`, `highlight?: number[]`, `terminal?`, `output?`, `tone?`, `span?` |
|
|
126
133
|
| `plot` | `id`, `x`, `y` (axes: `min`, `max`, `step?`, `label?`, or `labels` for categories), `series`, `title?`, `axes?`, `grid?` |
|
|
127
134
|
| `tree` | `id`, `entries` (`name`, `children?`, `folder?`, `state?: active \| new \| muted`, `note?`, `icon?`), `title?` |
|
|
128
135
|
| `note` | `id`, `text`, `tone?` — a dashed callout of wrapping prose |
|