Pages made of your library.
A scene is a page stored in tie: a layout, some hotspots, and components that read your library live. Point one at a photo, another at a tag query, another at an audio file. "Which scenes use this photo?" is then a tie query, not a grep through HTML.
- Scenes are folders:
tie:/scenes/house/living-room/holdsscene.json, a thumbnail and an optional script. - Hotspots navigate, open or play. Containers lay out the rest.
- Versioned saves with conflict handling: a scene is a directory in a content-addressed store.
scene.json{
"format": "fynerisor.scene/1",
"title": "Living room",
"root": {
"type": "free",
"props": { "designW": 1600, "background": "tie:9a1f…" },
"children": [
{ "type": "hotspot", "name": "Door",
"props": { "label": "Kitchen" },
"on": { "tapped": [{ "do": "navigate", "to": "../kitchen" }] } },
{ "type": "tie.gallery",
"props": { "tags": ["family", "2014"] } }
]
}
}The components
| Component | What it renders |
|---|---|
tie.image | One image by hash or path. |
tie.gallery | A live query: images tagged with all of these tags. |
tie.collection | An album, series or picture set. |
tie.tags | A tag picker that reflects the library. |
tie.related | The co-tags of the current selection. |
tie.document | A PDF or document from the blob store. |
tie.audio | Playback through pwplay, with the page’s own transport. |
tie.video | Video by hash, with a poster frame. |
Edit the page in place.
Ctrl + E turns the page into a designer: move boxes, set props, pick media from the library, and save. A persistent indicator tells you whether the scene is saved, saving, or failed to save. Ctrl + S saves a new version.
- Media and scene pickers browse the real library.
- A story map shows how scenes link to each other.
- Auto-generated thumbnails render offscreen, so the library grid has a preview.
A page can have behaviour.
Add a page.risor sidecar when a hotspot needs more than
navigate/open/play. It is ordinary Risor running in the fynerisor runtime,
with the same theme and the same window — edit it in place from the menu.
tie-browser is the newest app in the family. The scene format can still change between releases, and the roadmap includes native video surfaces and richer tag pickers. Everything else on this site is built to be stable enough to rely on; this one is built to be explored.