Skip to content

Add --bespoke.thumbnails option for slide thumbnails in presenter view#705

Open
mil-ad wants to merge 2 commits intomarp-team:mainfrom
mil-ad:slide-navigator
Open

Add --bespoke.thumbnails option for slide thumbnails in presenter view#705
mil-ad wants to merge 2 commits intomarp-team:mainfrom
mil-ad:slide-navigator

Conversation

@mil-ad
Copy link

@mil-ad mil-ad commented Feb 26, 2026

Adds an optional --bespoke.thumbnails CLI flag for showing thumbnails of all slides in the presenter view. This allows the presenter to jump directly to any slide without cycling through intermediate slides in front of the audience:

screen-area-capture-2026-02-26-18.11.25.mp4

Usage

Off by default and can be enabled via CLI:

marp --bespoke.thumbnails --preview slides.md

Or via config file:

{ "bespoke": { "thumbnails": true } }

I started by having iframes but that that proved too slow so moved to cloning each slide's SVG into a scrollable thumbnail strip on the right panel.

The previous presenter view loaded a full copy of the presentation in an
iframe to show a single next-slide preview. Replace this with SVG cloning
that copies already-rendered slide nodes from the DOM, enabling instant
thumbnails of all slides with click-to-navigate.

The feature is opt-in via --bespoke.thumbnails (or config file), following
the existing --bespoke.osc/progress/transition pattern. When disabled
(default), the original iframe-based next-slide preview is preserved.
@mil-ad
Copy link
Author

mil-ad commented Feb 26, 2026

closes #464

@yhatt
Copy link
Member

yhatt commented Feb 27, 2026

Regarding #464, we imagine it more like a Reveal.js screen with the popup modal (shows ?view=overview), rather than a thumbnail list in a small area at the top right. I feel it should be more efficient, because it only uses one iframe, and already present slides in DOM can re-use. If that were such a feature, there would be little need to add a toggle flag to the CLI. What do you think?

Remove the --bespoke.thumbnails CLI option and presenter view thumbnail
panel. Add a new overview plugin that displays all slides in a
CSS-transform-based grid, toggled with 'o' or Escape in both normal and
presenter views. Arrow keys navigate focus, Enter/click selects a slide.
@mil-ad
Copy link
Author

mil-ad commented Feb 27, 2026

Ah fair enough. I updated it:

screen-area-capture-2026-02-27-12.30.27.mp4

Is this more aligned with you have in mind?

also - apologies for the potential AI slop. I had to get some help. I'm not a js guy.

@mil-ad
Copy link
Author

mil-ad commented Feb 27, 2026

One question though. Do we want this command available from the normal view as well or just the presenter view?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants