@simon-says-build/demo-player 0.6.0 → 0.7.0

package/README.md

@@ -22,6 +22,8 @@ Pass the `process.env.EXPO_PUBLIC_*` reads in the app's own code. Expo inlines t
 
 Without all three it renders its children and nothing else. Elements are found by `testID`, then `accessibilityLabel`, then visible text, by walking React's tree. No component needs wrapping.
 
+**0.7.0: the sign-in link opens through the app's router** (`openInApp`), not `Linking.openURL`. The link names app.json's scheme, and a review plays in the dev build, whose scheme can differ (Walk2Gether's is `walk2gether-dev`), so the OS opened the production app or nothing. Without a `router`, the OS opens it as before.
+
 **0.6.0: SSB signs the viewer in** on a phone's private, seeded copy (docs/MOBILE-DEMO.md "Sign-in (stage 2: SSB signs in)"). Before each person's part the player asks the demo API for their sign-in link (`POST /api/demo/:id/signin`), opens it with `Linking.openURL`, waits for the app to settle, and starts on the screen the link opened. The walk's own sign-in steps are skipped. The app must handle `<scheme>://auth?token=<custom token>&next=<path>`: sign in with the custom token, then route to `next`. Where there is no link (the app's real backend, no URL scheme, the copy not up), the card says who to sign in as, as before.
 
 `npm test` runs the pure half.

package/package.json

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

@@ -16,7 +16,7 @@ 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 { demoApi, tourOf } from './api.js';
-import { signInFirst } from './signin.js';
+import { signInFirst, openInApp } from './signin.js';
 
 const h = React.createElement;
 const FIND_FOR_MS = 8000;      // a step's element may appear after a navigation settles
@@ -148,7 +148,7 @@ function Player({ config, router, insets, onClose, children }) {
     let live = true;
     const first = steps[index + 1];
     signInFirst({
-      api, actorIndex: step.actorIndex, openURL: (url) => Linking.openURL(url),
+      api, actorIndex: step.actorIndex, openURL: (url) => openInApp(url, { router, openURL: (u) => Linking.openURL(u) }),
       settled: () => !live || !first?.target || first.target.point || !!findTarget(fiberOf(rootRef.current), first.target),
     }).then((r) => {
       if (!live) return;

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.6.0';
+export const PLAYER_VERSION = '0.7.0';
 
 export const HOST = 5;
 export const TEXT = 6;

package/src/signin.js

@@ -11,6 +11,27 @@ const POLL_MS = 250;
 
 const pause = (ms) => new Promise((r) => setTimeout(r, ms));
 
+/**
+ * The app path of a link in the app's own deep-link form: `x://auth?token=…`
+ * → `/auth?token=…`. The player opens its sign-in through the app's ROUTER
+ * (0.7.0), never the OS: the link names the app's scheme as app.json says it,
+ * and a review plays in the DEV build, whose scheme differs (walk2gether-dev),
+ * so Linking.openURL opened the production app, or nothing (2026-10-31). The
+ * router is always the app the player runs in. Pure; null for anything else.
+ */
+export function inAppPath(link) {
+  const m = /^[a-z][a-z0-9+.-]*:\/\/(.*)$/i.exec(String(link || ''));
+  if (!m || /^https?:/i.test(String(link))) return null;
+  return `/${m[1].replace(/^\/+/, '')}`;
+}
+
+/** Open a sign-in link in THIS app: its router when it has one, else the OS. */
+export async function openInApp(link, { router, openURL }) {
+  const p = inAppPath(link);
+  if (p && router?.push) { router.push(p); return; }
+  await openURL(link);
+}
+
 /** Whether a demo signs its people in itself: a phone's private copy, not a build the viewer is already in. */
 export const signsIn = (demo, { here = false } = {}) => !here && demo?.platform === 'ios' && demo?.backend === 'sandbox';