@simon-says-build/demo-player 0.8.0 → 0.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon-says-build/demo-player",
-  "version": "0.8.0",
+  "version": "0.8.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

@@ -14,7 +14,7 @@
 // No JSX, so it needs nothing from the app's Babel setup beyond React Native's.
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Linking, Pressable, ScrollView, StyleSheet, Text, TextInput, View, useWindowDimensions } from 'react-native';
-import { cardBox, currentDemo, demoConfig, findTarget, handlerFor, onDemo, phoneSteps, playDemo, releaseOf, reviewChangesOf, scalePoint } from './core.js';
+import { cardBox, currentDemo, demoConfig, findTarget, handlerFor, onDemo, phoneSteps, playDemo, releaseOf, reviewChangesOf, scalePoint, stepTitle } from './core.js';
 import { demoApi, tourOf } from './api.js';
 import { signInFirst, openInApp } from './signin.js';
 import { runEvent, fillStep } from './events.js';
@@ -212,7 +212,7 @@ function Player({ config, router, insets, onClose, children }) {
       rect ? h(View, { pointerEvents: 'none', style: [s.ring, { left: rect.left - 6, top: rect.top - 6, width: rect.width + 12, height: rect.height + 12 }] }) : null,
       h(Card, {
         at: rect, place: step.place, screen, insets, card, setCard,
-        title: `${index + 1} of ${steps.length}`, body: step.caption,
+        title: stepTitle(step, index, steps.length), body: step.caption,
         actions: [
           { label: 'Hide', onPress: () => setTucked(true) },
           index > 0 && steps[index - 1].kind !== 'signin' ? { label: 'Back', onPress: () => setIndex(index - 1) } : null,

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.8.0';
+export const PLAYER_VERSION = '0.8.1';
 
 export const HOST = 5;
 export const TEXT = 6;
@@ -103,6 +103,11 @@ export function scalePoint(point, screen, from = RECORDED_SCREEN) {
   };
 }
 
+/** A step card's title: where it is in the demo, and whether SSB only set it up (a best-effort step: the state seeded and the screen opened, the change not driven). */
+export function stepTitle(step, index, total) {
+  return `${index + 1} of ${total}${step?.bestEffort === true ? ' · set up by SSB' : ''}`;
+}
+
 /** The steps of a tour a phone can play, in order. A step with no caption says nothing and is dropped. */
 export function phoneSteps(steps) {
   return (steps || []).filter((s) => s && PHONE_KINDS.has(s.kind) && String(s.caption || '').trim());