presently 0.24.0 → 0.25.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ff7fb5b5f79f21fe8d6ebae384ee3e8454fe85012c209568d244b40840898774
-  data.tar.gz: ba3b8d4703af77058b4abfc2343032cc778ce61487f52b70ef6cb7643547001a
+  metadata.gz: 665a4ba800abf1cbeea2acd8073600273160613f32221277f8bc84e616023024
+  data.tar.gz: ff0135c2c722ab5f447cc595fc7822320ead87b0ba303e8f08cf40e1ecda5c4c
 SHA512:
-  metadata.gz: d75218dd736c68eb3022142ea6bb3305a0db487f823a915175f11f8774b01ef5a6cba0b2cfa4cabb2f881367896d5c9d331a944a1d5e09295d86c5237066f918
-  data.tar.gz: 13c3042a25f7f664efec66a0be216e38edd3d8a087248d3236727d35e509c9d3787e50698b06984e6cde3a3ec52e876c894a1a6110e5cca8d48aed812a096270
+  metadata.gz: 7a07dd02fe9c344ee29678e5d2b5037e91ae355d0f28c5a6eb57fa3121cc5ce90c170d4281de0b728c3526b61f21600182865487a0ddc7b3eac1952dd647020d
+  data.tar.gz: 67322e24a739782b01f77396ee54e5940272b739fc31e11acb9ad77f4db2cc3bd1eb1d9b6542384cde3d8581737712a97b22ddb5a49fec4770c5dcc08c05a528

data/lib/presently/version.rb

@@ -5,5 +5,5 @@
 
 # @namespace
 module Presently
-	VERSION = "0.24.0"
+	VERSION = "0.25.0"
 end

data/public/_components/@socketry/presently/Presently/SlideRendering.js

@@ -17,9 +17,17 @@ export class SlideRendering {
 	#slides = [];
 	#disposed = false;
 
-	constructor(view, {transition = null} = {}) {
+	constructor(view, {transition = null, previous = null} = {}) {
 		this.#view = view;
 		this.#transitionName = transition;
+
+		if (previous) {
+			// Cancel stale rendering work immediately, but retain the visible slides
+			// until the browser has captured the outgoing transition snapshot.
+			this.#slides = previous.#slides;
+			previous.#slides = [];
+			previous.dispose();
+		}
 	}
 
 	// Initialize the slides already rendered within the view.
@@ -50,6 +58,9 @@ export class SlideRendering {
 		const render = async () => {
 			if (this.#disposed) return;
 
+			// View transitions invoke this callback after capturing the old state.
+			// Revert outgoing animations before updating potentially reused DOM nodes.
+			this.#disposeSlides();
 			update(this.#view);
 			initialized = await this.initialize();
 		};
@@ -108,6 +119,10 @@ export class SlideRendering {
 			delete document.documentElement.dataset.transition;
 		}
 
+		this.#disposeSlides();
+	}
+
+	#disposeSlides() {
 		this.#slides.forEach(slide => slide.dispose());
 		this.#slides = [];
 	}

data/public/_static/slides.css

@@ -43,6 +43,9 @@
 	
 	/* Content size used by the diagram template. */
 	--slide-font-diagram: 0.75em;
+
+	/* Link color chosen for legibility against the default dark slide background. */
+	--slide-link: #7dd3fc;
 	
 	/* Space between the slide edge and its content. */
 	--slide-gutter: 3cqi;
@@ -85,6 +88,10 @@
 	line-height: 1.5;
 }
 
+.slide a {
+	color: var(--slide-link);
+}
+
 .slide-header {
 	flex: none;
 	width: 100%;

data/public/application.js

@@ -10,10 +10,8 @@ let live = null;
 let activeRendering = null;
 
 function activateRendering(view, {transition = null} = {}) {
-	const rendering = new SlideRendering(view, {transition});
-	const previousRendering = activeRendering;
+	const rendering = new SlideRendering(view, {transition, previous: activeRendering});
 	activeRendering = rendering;
-	previousRendering?.dispose();
 
 	return rendering;
 }

data/public/playback.js

@@ -36,6 +36,10 @@ function stopCurrent() {
 	currentRendering?.dispose();
 	currentRendering = null;
 
+	stopAudio();
+}
+
+function stopAudio() {
 	if (currentAudio) {
 		currentAudio.pause();
 		currentAudio.removeEventListener('ended', handleEnded);
@@ -55,6 +59,7 @@ async function activateFrame(index, {transition = true} = {}) {
 
 	const rendering = new SlideRendering(frame, {
 		transition: transition ? slideTemplate.dataset.transition : null,
+		previous: currentRendering,
 	});
 	currentRendering = rendering;
 
@@ -70,7 +75,7 @@ async function show(index, {transition = true} = {}) {
 	if (transitioning || index < 0 || index >= slideTemplates.length) return false;
 
 	transitioning = true;
-	stopCurrent();
+	stopAudio();
 
 	try {
 		return await activateFrame(index, {transition});

data/readme.md

@@ -67,6 +67,10 @@ The task records the presentation at 1920×1080 and 30 frames per second by defa
 
 Please see the [project releases](https://socketry.github.io/presently/releases/index) for all releases.
 
+### v0.24.1
+
+  - Use legible, customizable link colors on the default dark slide background.
+
 ### v0.24.0
 
   - Match slide duration to saved narration by default in the recorder.
@@ -118,10 +122,6 @@ Please see the [project releases](https://socketry.github.io/presently/releases/
   - Add slide-scoped resource cleanup with `Slide#defer`, `Slide#signal`, and idempotent `Slide#dispose`. Existing tracked timeouts now use the same disposal lifecycle.
   - [Web Packages](https://socketry.github.io/presently/releases/index#web-packages)
 
-### v0.16.0
-
-  - Add support for organizing slides in nested directories. Every directory and slide filename must begin with a numeric prefix, and slides are ordered by relative path.
-
 ## See Also
 
   - [lively](https://github.com/socketry/lively) — The real-time application framework that powers Presently.

data/releases.md

@@ -1,5 +1,9 @@
 # Releases
 
+## v0.24.1
+
+  - Use legible, customizable link colors on the default dark slide background.
+
 ## v0.24.0
 
   - Match slide duration to saved narration by default in the recorder.

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: presently
 version: !ruby/object:Gem::Version
-  version: 0.24.0
+  version: 0.25.0
 platform: ruby
 authors:
 - Samuel Williams