@embedpdf/plugin-stage 3.0.0-next.4 → 3.0.0-next.6

package/dist/index.cjs

@@ -396,10 +396,37 @@ function createStageCapability(ctx, config = {}) {
 		fitAlign: ctx.getState().fitAlign,
 		direction: ctx.getState().direction
 	});
+	let hasPlaced = false;
+	const REST_MS = 150;
+	let restRaf = 0;
+	const armRest = () => {
+		if (!canAnimate || !hasPlaced) return;
+		if (ctx.getState().cameraResting) ctx.dispatch({
+			type: "CAMERA_REST",
+			resting: false
+		});
+		if (restRaf) scheduler.caf(restRaf);
+		let t0 = 0;
+		const tick = (ts) => {
+			restRaf = 0;
+			if (!t0) t0 = ts;
+			if (ts - t0 >= REST_MS) {
+				ctx.dispatch({
+					type: "CAMERA_REST",
+					resting: true
+				});
+				return;
+			}
+			restRaf = scheduler.raf(tick);
+		};
+		restRaf = scheduler.raf(tick);
+	};
 	const setCam = (next, bounds = stayBounds()) => {
+		const clamped = _embedpdf_core_stage.clampCamera(next, bounds, vp(), constraint());
+		if (clamped.zoom !== cam().zoom) armRest();
 		ctx.dispatch({
 			type: "CAMERA",
-			camera: _embedpdf_core_stage.clampCamera(next, bounds, vp(), constraint())
+			camera: clamped
 		});
 	};
 	/**
@@ -584,8 +611,11 @@ function createStageCapability(ctx, config = {}) {
 		} : unrotatedPoints(box);
 		const c = cam();
 		const ratio = dpr();
-		const screenX = (0, _embedpdf_core_geometry.snapToDevice)((box.x - c.x) * c.zoom, ratio);
-		const screenY = (0, _embedpdf_core_geometry.snapToDevice)((box.y - c.y) * c.zoom, ratio);
+		const rawX = (box.x - c.x) * c.zoom;
+		const rawY = (box.y - c.y) * c.zoom;
+		const resting = ctx.getState().cameraResting;
+		const screenX = resting ? (0, _embedpdf_core_geometry.snapToDevice)(rawX, ratio) : rawX;
+		const screenY = resting ? (0, _embedpdf_core_geometry.snapToDevice)(rawY, ratio) : rawY;
 		const transform = (0, _embedpdf_core_geometry.pageTransform)({
 			pageSize,
 			rotation: box.rotation,
@@ -641,7 +671,7 @@ function createStageCapability(ctx, config = {}) {
 		const v = vp();
 		const sc = buildScene();
 		const items = paged() ? sc.items.slice(0, 1) : sc.query(_embedpdf_core_stage.cameraWorldRect(c, v));
-		const sig = `${sceneCache.key}|${ctx.getState().flow}|${c.x},${c.y},${c.zoom}|${v.width}x${v.height}|${dpr()}`;
+		const sig = `${sceneCache.key}|${ctx.getState().flow}|${c.x},${c.y},${c.zoom}|${v.width}x${v.height}|${dpr()}|r${ctx.getState().cameraResting ? 1 : 0}`;
 		if (sig === visSig) return vis;
 		visSig = sig;
 		vis = items.flatMap((it) => it.pages).map(withTransform);
@@ -654,7 +684,6 @@ function createStageCapability(ctx, config = {}) {
 	};
 	const snapshotSettings = () => pickSettings(ctx.getState());
 	const initialViewProviders = [];
-	let hasPlaced = false;
 	const api = {
 		camera: cam,
 		viewport: vp,
@@ -1054,6 +1083,7 @@ const initialStageState = (config) => {
 			y: 0,
 			zoom: 1
 		},
+		cameraResting: true,
 		vp: {
 			width: 0,
 			height: 0
@@ -1085,6 +1115,10 @@ const stageReducer = (state, a) => {
 			...state,
 			camera: a.camera
 		};
+		case "CAMERA_REST": return state.cameraResting === a.resting ? state : {
+			...state,
+			cameraResting: a.resting
+		};
 		case "VP": return {
 			...state,
 			vp: a.vp