@simon-says-build/demo-player 0.13.0 → 0.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon-says-build/demo-player",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "SimonSays mobile demo player: walks a preview's viewer through a job's change, inside the app. Renders nothing unless the bundle carries a demo.",
   "repository": {
     "type": "git",

package/src/DemoHost.js

@@ -15,7 +15,7 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Linking, NativeModules, Pressable, ScrollView, StyleSheet, Text, TextInput, View, useWindowDimensions } from 'react-native';
 import { pageName } from './page-name.js';
-import { OVERLAY_ID, cardBox, pinnedBox, setTuckedDemo, overlayAnnounced, currentDemo, demoConfig, findTarget, handlerFor, introBody, introOf, onDemo, phoneSteps, playDemo, releaseOf, reviewChangesOf, scalePoint, rescueNote, screenCandidates, stepTitle, targetOfKey } from './core.js';
+import { OVERLAY_ID, cardBox, pinnedBox, setTuckedDemo, overlayAnnounced, tapInside, currentDemo, demoConfig, findTarget, handlerFor, introBody, introOf, onDemo, phoneSteps, playDemo, releaseOf, reviewChangesOf, scalePoint, rescueNote, screenCandidates, stepTitle, targetOfKey } from './core.js';
 import { demoApi, tourOf } from './api.js';
 import { signInFirst, openInApp } from './signin.js';
 import { runEvent, fillStep } from './events.js';
@@ -337,7 +337,14 @@ function Player({ config, router, insets, onClose, children }) {
       }));
   })();
 
-  return h(View, { ref: rootRef, style: s.root, collapsable: false },
+  // A try step's tap, seen as it passes (never intercepted): the touch that
+  // ends on the ringed element is the viewer trying it (core.js tapInside).
+  const onTouchEnd = (e) => {
+    if (step?.kind !== 'try' || tried || !rect) return;
+    const { pageX, pageY } = e.nativeEvent || {};
+    if (tapInside(rect, pageX, pageY)) setTimeout(() => setTried(true), 600);
+  };
+  return h(View, { ref: rootRef, style: s.root, collapsable: false, onTouchEnd },
     children,
     h(View, { pointerEvents: 'box-none', style: StyleSheet.absoluteFill, testID: OVERLAY_ID }, overlay));
 }

package/src/core.js

@@ -10,7 +10,7 @@ import { bubbleBox } from './step-place.js';
 // What this player is, said when the app registers for "Ready to see"
 // (packages/ssb-overlay sends it; functions/in-app-notify.mjs clientOf). Kept
 // equal to package.json by test/core.test.mjs.
-export const PLAYER_VERSION = '0.13.0';
+export const PLAYER_VERSION = '0.13.1';
 
 export const HOST = 5;
 export const TEXT = 6;
@@ -191,6 +191,17 @@ export function pinnedBox(at, screen, insets, card) {
   return { left, width, top: covers ? Math.max(top, bottom) : top };
 }
 
+// A TAP ON THE RINGED ELEMENT (0.13.1): a `try` step is done when the viewer's
+// touch lands on it (with a little slop for a finger). Watching for the element
+// to leave the screen missed a modal: Connie Ho's profile opens OVER the walks
+// list, the photo stays mounted, and the card kept offering "Show me" after
+// Michael had tapped it (2026-11-05). Pure.
+export function tapInside(rect, x, y, slop = 10) {
+  return !!rect && Number.isFinite(x) && Number.isFinite(y)
+    && x >= rect.left - slop && x <= rect.left + rect.width + slop
+    && y >= rect.top - slop && y <= rect.top + rect.height + slop;
+}
+
 // COLLAPSED, AND RESUMED FROM THE SSB BUTTON (0.13.0): collapsing leaves only
 // the in-app SSB button (packages/ssb-overlay), whose tap resumes the review.
 // The overlay says it is there (`announceOverlay`); without one the player