presently 0.24.1 → 0.25.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5d697262a722f7882d1d7b21809cdd51e1bb6475dd137f085e3e6fcd6a6f19f1
-  data.tar.gz: f6f9cb865b7ba25161aafb1ec85cc665f88890b0845f8cd2e08f82ef89984cb6
+  metadata.gz: 665a4ba800abf1cbeea2acd8073600273160613f32221277f8bc84e616023024
+  data.tar.gz: ff0135c2c722ab5f447cc595fc7822320ead87b0ba303e8f08cf40e1ecda5c4c
 SHA512:
-  metadata.gz: c1823bec93a21b7d361805c6e0f6f35512d5a91a524ef05a8837c9fbdac36091afacd689c311f2f664efb9f7f5c5dc02a3f27caa2cdfbcce6d5937d9ea0f2206
-  data.tar.gz: efe1d9bc5bd918a498f7e395e466abdbcae60cc5896c8ac3c75b76fd952ca4b459b0479cb1c3df5618e3f4fc072eaa0c7db5e0376f82675a6951bcf8e2e94fe9
+  metadata.gz: 7a07dd02fe9c344ee29678e5d2b5037e91ae355d0f28c5a6eb57fa3121cc5ce90c170d4281de0b728c3526b61f21600182865487a0ddc7b3eac1952dd647020d
+  data.tar.gz: 67322e24a739782b01f77396ee54e5940272b739fc31e11acb9ad77f4db2cc3bd1eb1d9b6542384cde3d8581737712a97b22ddb5a49fec4770c5dcc08c05a528

data/lib/presently/version.rb

@@ -5,5 +5,5 @@
 
 # @namespace
 module Presently
-	VERSION = "0.24.1"
+	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/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});

metadata

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