Skip to content

Add a Story Map presentation mode for Specta#1061

Merged
martinRenou merged 58 commits intogeojupyter:mainfrom
gjmooney:specta-presentation
Jan 27, 2026
Merged

Add a Story Map presentation mode for Specta#1061
martinRenou merged 58 commits intogeojupyter:mainfrom
gjmooney:specta-presentation

Conversation

@gjmooney
Copy link
Collaborator

@gjmooney gjmooney commented Jan 9, 2026

Description

Enables a presentation mode when JupyterGIS is used with Specta

image

Background and text color are customizable via the Story Editor panel

image

Also adds the ability to change story segments via scrolling.

The way it works with longer content is that the next segment is activated when you scroll while at the bottom of the content, that might not be clear from the video.

screencast-from--2026-01-15-16--13-13.mp4

Checklist

  • PR has a descriptive title and content.
  • PR description contains references to any issues the PR resolves, e.g. Resolves #XXX.
  • PR has one of the labels: documentation, bug, enhancement, feature, maintenance
  • Checks are passing.
    Failing lint checks can be resolved with:
    • pre-commit run --all-files
    • jlpm run lint

📚 Documentation preview: https://jupytergis--1061.org.readthedocs.build/en/1061/
💡 JupyterLite preview: https://jupytergis--1061.org.readthedocs.build/en/1061/lite

@github-actions
Copy link
Contributor

github-actions bot commented Jan 9, 2026

Binder 👈 Launch a Binder on branch gjmooney/jupytergis/specta-presentation

@github-actions
Copy link
Contributor

github-actions bot commented Jan 9, 2026

Integration tests report: appsharing.space

*/
isSpectaMode(): boolean {
const hasStories = Object.keys(this.sharedModel.stories).length > 0;
const urlContainsSpecta = window.location.pathname.includes('specta');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@gjmooney gjmooney added the enhancement New feature or request label Jan 10, 2026
@gjmooney gjmooney force-pushed the specta-presentation branch from 41e65c4 to 64bb082 Compare January 13, 2026 14:21
@gjmooney gjmooney marked this pull request as ready for review January 13, 2026 15:42
@gjmooney gjmooney force-pushed the specta-presentation branch from edd24f7 to 9c80436 Compare January 13, 2026 15:45
@gjmooney
Copy link
Collaborator Author

bot please update snapshots

@gjmooney gjmooney force-pushed the specta-presentation branch 2 times, most recently from 38ac370 to 54370b2 Compare January 16, 2026 10:16
@gjmooney
Copy link
Collaborator Author

bot please update snapshots

@gjmooney
Copy link
Collaborator Author

bot please update snapshots

@gjmooney gjmooney closed this Jan 20, 2026
@gjmooney gjmooney reopened this Jan 20, 2026
@gjmooney gjmooney force-pushed the specta-presentation branch from f96f299 to e380a99 Compare January 27, 2026 10:45
@gjmooney
Copy link
Collaborator Author

bot please update snapshots

@gjmooney gjmooney closed this Jan 27, 2026
@gjmooney gjmooney reopened this Jan 27, 2026
@martinRenou martinRenou merged commit 245be2e into geojupyter:main Jan 27, 2026
24 of 25 checks passed
gjmooney added a commit to gjmooney/jupytergis that referenced this pull request Feb 18, 2026
* Add Story mode presentation toggle button to toolbar

* Lint

* Start specta UI changes

* Move OpenLayer controls to bottom right

* Story Viewer CSS

* Clean up a bit

* Fix stories loading

* Put title above image

* Hide top bars

* Disable commands in specta

* Only enable specta presentation mode when stories are present

* Remove top gap from panels

* Allow setting presentation bg and text color in editor panel

* Use RJSF types

* Get presentation colors from file

* CSS tweaks

* Fix syncStoryData

* Scrollytelling'

* CSS tweaking

* Lil lint

* Update specta check logic

* Move nav buttons to sides

* Split viewer panel into sub-components

* No specta for unguided mode

* Allow scroll navigation on whole map / disable scroll to zoom

* Missed a line

* Fix incredibly stupid naming

* Fix adding segment

* Tweaking

* Fix specta check logic timing

* Lordie

* Don't hide toolbar when adding first segment

* Move the listener

* Remove unused imports

* Reorganize files -- bad idea?

* Lint

* Snapshot

* Update Playwright Snapshots

* Update Playwright Snapshots

* Adjust width

* Make content scrollable if its long

* Switch segments by scrolling on panel if no overflow

* No longer a fan of scrolling

* Okay scrolling is cool again

* Throttle handlers

* Tweak gradient

* Tweak nav buttons

* Update click position for test

* Yoooo transitions

* Remove interactions and annotations in specta mode

* Better?

* Fix addContextMenu check

* Update Playwright Snapshots

* Update Playwright Snapshots

* Move zoom buttons with other controls

* Lint

* fix

* Update Playwright Snapshots

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
@gjmooney gjmooney deleted the specta-presentation branch February 24, 2026 11:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants