screenci 0.0.48 → 0.0.50

package/README.md

@@ -113,18 +113,18 @@ Playwright config still passes through.
 
 ## Authoring helpers
 
-| Export            | What it does                                             |
-| ----------------- | -------------------------------------------------------- |
-| `defineConfig`    | Wraps Playwright config with ScreenCI defaults           |
-| `video`           | Declares a video recording test                          |
-| `createNarration` | Creates typed narration controllers                      |
-| `hide`            | Cuts setup or cleanup out of the visible recording       |
-| `autoZoom`        | Smooth camera follow for an interaction block            |
-| `zoomTo`          | Manual camera framing for a locator or point             |
-| `resetZoom`       | Returns from manual framing to the full viewport         |
-| `createAssets`    | Inserts timed media overlays into the recording timeline |
-| `voices`          | Available voice constants such as `voices.Ava`           |
-| `languageRegions` | Region constants such as `languageRegions.en.US`         |
+| Export            | What it does                                              |
+| ----------------- | --------------------------------------------------------- |
+| `defineConfig`    | Wraps Playwright config with ScreenCI defaults            |
+| `video`           | Declares a video recording test                           |
+| `createNarration` | Creates typed narration controllers                       |
+| `hide`            | Cuts setup or cleanup out of the visible recording        |
+| `autoZoom`        | Smooth camera follow for an interaction block             |
+| `zoomTo`          | Manual camera framing for a locator or point              |
+| `resetZoom`       | Returns from manual framing to the full viewport          |
+| `createAssets`    | Inserts timed media overlays into the recording timeline  |
+| `voices`          | Available voice constants such as `voices.Ava`            |
+| `modelTypes`      | Narration model constants such as `modelTypes.consistent` |
 
 ## Output
 

package/dist/docs/video-sources/assets-and-overlays.video.js

@@ -1,25 +1,20 @@
 import { autoZoom, createAssets, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, waitForDocHeading } from './docs-shared';
 const assets = createAssets({
     intro: { path: './assets/intro.mp4', audio: 0, fullScreen: true },
 });
 const narration = createNarration({
     voice: { name: voices.Sophie, style: 'Clear, structured docs walkthrough' },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This guide explains how to place intro clips and overlays directly on the ScreenCI timeline.',
-                example: 'The define assets section shows the same createAssets pattern used to insert the intro clip at the start of this video.',
-                focus: 'The full screen versus overlay section is where the guide explains when a clip should replace the frame and when it should sit on top of the recording.',
-                next: 'The API overview linked at the end summarizes the exported createAssets helper.',
-            },
-        },
+    en: {
+        intro: 'This guide explains how to place intro clips and overlays directly on the ScreenCI timeline.',
+        example: 'The define assets section shows the same createAssets pattern used to insert the intro clip at the start of this video.',
+        focus: 'The full screen versus overlay section is where the guide explains when a clip should replace the frame and when it should sit on top of the recording.',
+        next: 'The API overview linked at the end summarizes the exported createAssets helper.',
     },
 });
 video('Assets and overlays guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/guides/assets-and-overlays');
-        await waitForDocHeading(page, 'Assets and Overlays');
+        await page.goto('https://screenci.com/docs/guides/assets-and-overlays');
+        await page.waitForLoadState('networkidle');
     });
     await assets.intro();
     await narration.intro();
@@ -33,8 +28,12 @@ video('Assets and overlays guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Video Authoring API Overview');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Video Authoring API Overview', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Video Authoring API Overview');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=assets-and-overlays.video.js.map

package/dist/docs/video-sources/assets-and-overlays.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"assets-and-overlays.video.js","sourceRoot":"","sources":["../../../docs/video-sources/assets-and-overlays.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,MAAM,GAAG,YAAY,CAAC;IAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE;CAClE,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,oCAAoC,EAAE;IAC3E,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,8FAA8F;gBAChG,OAAO,EACL,yHAAyH;gBAC3H,KAAK,EACH,yJAAyJ;gBAC3J,IAAI,EAAE,iFAAiF;aACxF;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAA;QACnD,MAAM,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,CAAC,KAAK,EAAE,CAAA;IAEpB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,OAAO,EAAE,CAAA;IACzB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAA;IAClE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAA;AAC/D,CAAC,CAAC,CAAA"}
+{"version":3,"file":"assets-and-overlays.video.js","sourceRoot":"","sources":["../../../docs/video-sources/assets-and-overlays.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,MAAM,GAAG,YAAY,CAAC;IAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE;CAClE,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,oCAAoC,EAAE;IAC3E,EAAE,EAAE;QACF,KAAK,EACH,8FAA8F;QAChG,OAAO,EACL,yHAAyH;QAC3H,KAAK,EACH,yJAAyJ;QAC3J,IAAI,EAAE,iFAAiF;KACxF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAA;QACvE,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,CAAC,KAAK,EAAE,CAAA;IAEpB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,OAAO,EAAE,CAAA;IACzB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAA;IAClE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aACxE,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/camera-and-zooming.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video walks through the two camera styles covered in the Camera and Zooming guide.',
-                source: 'The page includes the complete ScreenCI script used for this walkthrough.',
-                focus: 'The manual zoom section shows when to take exact control over framing instead of following the interaction automatically.',
-                next: 'The related reference page for authoring helpers is linked from the end of the guide.',
-            },
-        },
+    en: {
+        intro: 'This video walks through the two camera styles covered in the Camera and Zooming guide.',
+        source: 'The page includes the complete ScreenCI script used for this walkthrough.',
+        focus: 'The manual zoom section shows when to take exact control over framing instead of following the interaction automatically.',
+        next: 'The related reference page for authoring helpers is linked from the end of the guide.',
     },
 });
 video('Camera and zooming guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/guides/camera-and-zooming');
-        await waitForDocHeading(page, 'Camera and Zooming');
+        await page.goto('https://screenci.com/docs/guides/camera-and-zooming');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -30,8 +25,12 @@ video('Camera and zooming guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Video Authoring API Overview');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Video Authoring API Overview', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Video Authoring API Overview');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=camera-and-zooming.video.js.map

package/dist/docs/video-sources/camera-and-zooming.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"camera-and-zooming.video.js","sourceRoot":"","sources":["../../../docs/video-sources/camera-and-zooming.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,yFAAyF;gBAC3F,MAAM,EACJ,2EAA2E;gBAC7E,KAAK,EACH,2HAA2H;gBAC7H,IAAI,EAAE,uFAAuF;aAC9F;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAA;QAClD,MAAM,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAA;IAChE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,8BAA8B,CAAC,CAAA;AAC/D,CAAC,CAAC,CAAA"}
+{"version":3,"file":"camera-and-zooming.video.js","sourceRoot":"","sources":["../../../docs/video-sources/camera-and-zooming.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,yFAAyF;QAC3F,MAAM,EACJ,2EAA2E;QAC7E,KAAK,EACH,2HAA2H;QAC7H,IAAI,EAAE,uFAAuF;KAC9F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,0BAA0B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACnD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,qDAAqD,CAAC,CAAA;QACtE,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAA;IAChE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,8BAA8B,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aACxE,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/ci-setup.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video highlights the default GitHub Actions recording workflow described in the CI Setup page.',
-                source: 'The source details let you compare the final walkthrough with the authoring script.',
-                focus: 'Further down, the guide explains how to keep CI recordings deterministic and repeatable.',
-                next: 'The related publishing guide for public delivery is linked at the end of the page.',
-            },
-        },
+    en: {
+        intro: 'This video highlights the default GitHub Actions recording workflow described in the CI Setup page.',
+        source: 'The source details let you compare the final walkthrough with the authoring script.',
+        focus: 'Further down, the guide explains how to keep CI recordings deterministic and repeatable.',
+        next: 'The related publishing guide for public delivery is linked at the end of the page.',
     },
 });
 video('CI setup guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/ci-setup');
-        await waitForDocHeading(page, 'CI Setup');
+        await page.goto('https://screenci.com/docs/ci-setup');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -30,8 +25,12 @@ video('CI setup guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Public URLs and Embeds');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Public URLs and Embeds', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Public URLs and Embeds');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=ci-setup.video.js.map

package/dist/docs/video-sources/ci-setup.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"ci-setup.video.js","sourceRoot":"","sources":["../../../docs/video-sources/ci-setup.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,qGAAqG;gBACvG,MAAM,EACJ,qFAAqF;gBACvF,KAAK,EACH,0FAA0F;gBAC5F,IAAI,EAAE,oFAAoF;aAC3F;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACjC,MAAM,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;IAC3C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAAC,CACrE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;AACzD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ci-setup.video.js","sourceRoot":"","sources":["../../../docs/video-sources/ci-setup.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,qGAAqG;QACvG,MAAM,EACJ,qFAAqF;QACvF,KAAK,EACH,0FAA0F;QAC5F,IAAI,EAAE,oFAAoF;KAC3F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,gBAAgB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACzC,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;QACrD,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,+BAA+B,EAAE,CAAC,CACrE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAClE,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/cli.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video introduces the CLI reference and the most common ScreenCI commands.',
-                source: 'The page includes the ScreenCI source used to walk through the reference.',
-                focus: 'One of the key command sections covers screenci test and the normal local iteration loop.',
-                next: 'When the guide is done, it links back to the Record and Publish workflow.',
-            },
-        },
+    en: {
+        intro: 'This video introduces the CLI reference and the most common ScreenCI commands.',
+        source: 'The page includes the ScreenCI source used to walk through the reference.',
+        focus: 'One of the key command sections covers screenci test and the normal local iteration loop.',
+        next: 'When the guide is done, it links back to the Record and Publish workflow.',
     },
 });
 video('CLI reference walkthrough', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/reference/cli');
-        await waitForDocHeading(page, 'CLI');
+        await page.goto('https://screenci.com/docs/reference/cli');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -30,8 +25,12 @@ video('CLI reference walkthrough', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Record and Publish');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Record and Publish', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Record and Publish');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=cli.video.js.map

package/dist/docs/video-sources/cli.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.video.js","sourceRoot":"","sources":["../../../docs/video-sources/cli.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,gFAAgF;gBAClF,MAAM,EACJ,2EAA2E;gBAC7E,KAAK,EACH,2FAA2F;gBAC7F,IAAI,EAAE,2EAA2E;aAClF;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;QACtC,MAAM,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,gCAAgC,EAAE,CAAC,CACtE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;AACrD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"cli.video.js","sourceRoot":"","sources":["../../../docs/video-sources/cli.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,gFAAgF;QAClF,MAAM,EACJ,2EAA2E;QAC7E,KAAK,EACH,2FAA2F;QAC7F,IAAI,EAAE,2EAA2E;KAClF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACpD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;QAC1D,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,gCAAgC,EAAE,CAAC,CACtE,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC9D,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/generating-videos.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video shows how the Generating Videos guide covers source based, URL based, and codegen driven starting points.',
-                source: 'The embedded source shows the exact ScreenCI script behind this documentation walkthrough.',
-                section: 'One of the core sections focuses on generating videos directly from source code in the same repository.',
-                next: 'From here, the next step is learning how to run and debug the draft locally.',
-            },
-        },
+    en: {
+        intro: 'This video shows how the Generating Videos guide covers source based, URL based, and codegen driven starting points.',
+        source: 'The embedded source shows the exact ScreenCI script behind this documentation walkthrough.',
+        section: 'One of the core sections focuses on generating videos directly from source code in the same repository.',
+        next: 'From here, the next step is learning how to run and debug the draft locally.',
     },
 });
 video('Generating videos guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/generating-videos');
-        await waitForDocHeading(page, 'Generating Videos');
+        await page.goto('https://screenci.com/docs/generating-videos');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.section();
@@ -30,8 +25,12 @@ video('Generating videos guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Run and Debug Videos');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Run and Debug Videos', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Run and Debug Videos');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=generating-videos.video.js.map

package/dist/docs/video-sources/generating-videos.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"generating-videos.video.js","sourceRoot":"","sources":["../../../docs/video-sources/generating-videos.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,sHAAsH;gBACxH,MAAM,EACJ,4FAA4F;gBAC9F,OAAO,EACL,yGAAyG;gBAC3G,IAAI,EAAE,8EAA8E;aACrF;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;QAC1C,MAAM,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;IACpD,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,OAAO,EAAE,CAAA;IACzB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE,CAAC,CAC1E,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,sBAAsB,CAAC,CAAA;AACvD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"generating-videos.video.js","sourceRoot":"","sources":["../../../docs/video-sources/generating-videos.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,sHAAsH;QACxH,MAAM,EACJ,4FAA4F;QAC9F,OAAO,EACL,yGAAyG;QAC3G,IAAI,EAAE,8EAA8E;KACrF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,yBAAyB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAA;QAC9D,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,OAAO,EAAE,CAAA;IACzB,MAAM,MAAM,CACV,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE,CAAC,CAC1E,CAAA;IACD,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAChE,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/installation.video.js

@@ -1,21 +1,18 @@
 import { autoZoom, createNarration, hide, video, voices } from 'screenci';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video shows how to get started with ScreenCI [pronounce: screen see eye].',
-                docs: 'You can find the documentation linked right on the front page.',
-            },
-        },
+    en: {
+        docs: 'Here is where to find ScreenCI [pronounce: screen see eye] docs.',
+    },
+    es: {
+        docs: 'Aqui es donde encontrar la documentacion de ScreenCI [pronounce: screen see eye].',
     },
 });
-video('How to get started', async ({ page }) => {
+video('How to find docs', async ({ page }) => {
     await hide(async () => {
-        await page.goto('https://screenci.com');
+        await page.goto('https://screenci.com/');
         await page.waitForLoadState('networkidle');
     });
-    await narration.intro();
     await narration.docs();
     await autoZoom(async () => {
         await page.getByRole('link', { name: 'View Documentation' }).click();

package/dist/docs/video-sources/installation.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"installation.video.js","sourceRoot":"","sources":["../../../docs/video-sources/installation.video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,gFAAgF;gBAClF,IAAI,EAAE,gEAAgE;aACvE;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,oBAAoB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC7C,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;QACvC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IAEtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
+{"version":3,"file":"installation.video.js","sourceRoot":"","sources":["../../../docs/video-sources/installation.video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,IAAI,EAAE,kEAAkE;KACzE;IACD,EAAE,EAAE;QACF,IAAI,EAAE,mFAAmF;KAC1F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,kBAAkB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3C,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;QACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IAEtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/landing.video.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=landing.video.d.ts.map

package/dist/docs/video-sources/landing.video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing.video.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/landing.video.ts"],"names":[],"mappings":""}

package/dist/docs/video-sources/landing.video.js

@@ -0,0 +1,34 @@
+import { autoZoom, createNarration, hide, video, voices } from 'screenci';
+const narration = createNarration({
+    voice: { name: voices.Sophie, style: 'Clear, friendly product walkthrough' },
+    en: {
+        docs: 'Here is where to find ScreenCI [pronounce: screen see eye] docs.',
+    },
+    es: {
+        docs: 'Aqui es donde encontrar la documentacion de ScreenCI [pronounce: screen see eye].',
+    },
+});
+video('Landing light', async ({ page }) => {
+    await hide(async () => {
+        await page.goto('https://screenci.com/');
+        await page.waitForLoadState('networkidle');
+        await page.evaluate(() => {
+            document.cookie = 'themePreference=light; path=/';
+            localStorage.setItem('starlight-theme', 'light');
+            document.documentElement.classList.remove('dark');
+            document.documentElement.setAttribute('data-theme', 'light');
+        });
+        await page.locator('[data-hero-video]').evaluate((element) => {
+            if (!(element instanceof HTMLVideoElement)) {
+                return;
+            }
+            element.pause();
+            element.currentTime = 0;
+        });
+    });
+    await narration.docs();
+    await autoZoom(async () => {
+        await page.getByRole('link', { name: 'View Documentation' }).click();
+    });
+});
+//# sourceMappingURL=landing.video.js.map

package/dist/docs/video-sources/landing.video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"landing.video.js","sourceRoot":"","sources":["../../../docs/video-sources/landing.video.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,qCAAqC,EAAE;IAC5E,EAAE,EAAE;QACF,IAAI,EAAE,kEAAkE;KACzE;IACD,EAAE,EAAE;QACF,IAAI,EAAE,mFAAmF;KAC1F;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;QACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;QAE1C,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,QAAQ,CAAC,MAAM,GAAG,+BAA+B,CAAA;YACjD,YAAY,CAAC,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAA;YAChD,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YACjD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;QAC9D,CAAC,CAAC,CAAA;QAEF,MAAM,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3D,IAAI,CAAC,CAAC,OAAO,YAAY,gBAAgB,CAAC,EAAE,CAAC;gBAC3C,OAAM;YACR,CAAC;YAED,OAAO,CAAC,KAAK,EAAE,CAAA;YACf,OAAO,CAAC,WAAW,GAAG,CAAC,CAAA;QACzB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IAEtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAC,KAAK,EAAE,CAAA;IACtE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/narration-and-localization.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { openSourceDetails, waitForDocHeading } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video introduces the Narration and Localization guide for cue based speech and multi language output.',
-                source: 'The source block shows how the guide video itself uses narration cues and typed source.',
-                focus: 'One of the most important sections explains how to overlap spoken cues with visible motion.',
-                next: 'The next guide expands from narration into camera movement and zooming.',
-            },
-        },
+    en: {
+        intro: 'This video introduces the Narration and Localization guide for cue based speech and multi language output.',
+        source: 'The source block shows how the guide video itself uses narration cues and typed source.',
+        focus: 'One of the most important sections explains how to overlap spoken cues with visible motion.',
+        next: 'The next guide expands from narration into camera movement and zooming.',
     },
 });
 video('Narration and localization guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/guides/narration-and-localization');
-        await waitForDocHeading(page, 'Narration and Localization');
+        await page.goto('https://screenci.com/docs/guides/narration-and-localization');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -35,6 +30,6 @@ video('Narration and localization guide', async ({ page }) => {
             .first()
             .click();
     });
-    await waitForDocHeading(page, 'Camera and Zooming');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=narration-and-localization.video.js.map

package/dist/docs/video-sources/narration-and-localization.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"narration-and-localization.video.js","sourceRoot":"","sources":["../../../docs/video-sources/narration-and-localization.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEpE,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,4GAA4G;gBAC9G,MAAM,EACJ,yFAAyF;gBAC3F,KAAK,EACH,6FAA6F;gBAC/F,IAAI,EAAE,yEAAyE;aAChF;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,kCAAkC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAA;QAC1D,MAAM,iBAAiB,CAAC,IAAI,EAAE,4BAA4B,CAAC,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAA;IACjE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC9D,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAA;AACrD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"narration-and-localization.video.js","sourceRoot":"","sources":["../../../docs/video-sources/narration-and-localization.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,4GAA4G;QAC9G,MAAM,EACJ,yFAAyF;QAC3F,KAAK,EACH,6FAA6F;QAC/F,IAAI,EAAE,yEAAyE;KAChF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,kCAAkC,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IAC3D,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CACb,6DAA6D,CAC9D,CAAA;QACD,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAA;IACjE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC9D,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/public-urls-and-embeds.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video shows how the Public URLs and Embeds guide explains stable published delivery links.',
-                source: 'The source details make it easy to compare the written guide with the authored walkthrough.',
-                focus: 'The embed example is the core section when you want to place a public ScreenCI video into another site.',
-                next: 'The page links directly to the endpoint level Public Delivery API reference.',
-            },
-        },
+    en: {
+        intro: 'This video shows how the Public URLs and Embeds guide explains stable published delivery links.',
+        source: 'The source details make it easy to compare the written guide with the authored walkthrough.',
+        focus: 'The embed example is the core section when you want to place a public ScreenCI video into another site.',
+        next: 'The page links directly to the endpoint level Public Delivery API reference.',
     },
 });
 video('Public URLs and embeds guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/guides/public-urls-and-embeds');
-        await waitForDocHeading(page, 'Public URLs and Embeds');
+        await page.goto('https://screenci.com/docs/guides/public-urls-and-embeds');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -30,8 +25,12 @@ video('Public URLs and embeds guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'Public Delivery API');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'Public Delivery API', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'Public Delivery API');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=public-urls-and-embeds.video.js.map

package/dist/docs/video-sources/public-urls-and-embeds.video.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-urls-and-embeds.video.js","sourceRoot":"","sources":["../../../docs/video-sources/public-urls-and-embeds.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AACjB,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AAEtB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE;YACF,IAAI,EAAE;gBACJ,KAAK,EACH,iGAAiG;gBACnG,MAAM,EACJ,6FAA6F;gBAC/F,KAAK,EACH,yGAAyG;gBAC3G,IAAI,EAAE,8EAA8E;aACrF;SACF;KACF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACvD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAA;QACtD,MAAM,iBAAiB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC/B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAA;IAClE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,gBAAgB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAA;IACrD,CAAC,CAAC,CAAA;IAEF,MAAM,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAA;AACtD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"public-urls-and-embeds.video.js","sourceRoot":"","sources":["../../../docs/video-sources/public-urls-and-embeds.video.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,MAAM,SAAS,GAAG,eAAe,CAAC;IAChC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE;IAC9B,EAAE,EAAE;QACF,KAAK,EACH,iGAAiG;QACnG,MAAM,EACJ,6FAA6F;QAC/F,KAAK,EACH,yGAAyG;QAC3G,IAAI,EAAE,8EAA8E;KACrF;CACF,CAAC,CAAA;AAEF,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACvD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,yDAAyD,CAAC,CAAA;QAC1E,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;IACvB,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAA;IAClE,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IAEjB,MAAM,SAAS,CAAC,IAAI,EAAE,CAAA;IACtB,MAAM,QAAQ,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,IAAI;aACP,OAAO,CAAC,sBAAsB,CAAC;aAC/B,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;aAC/D,KAAK,EAAE;aACP,KAAK,EAAE,CAAA;IACZ,CAAC,CAAC,CAAA;IAEF,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;AAC5C,CAAC,CAAC,CAAA"}

package/dist/docs/video-sources/record-and-publish.video.js

@@ -1,27 +1,22 @@
 import { autoZoom, createNarration, hide, resetZoom, video, voices, zoomTo, } from 'screenci';
-import { clickContentLink, openSourceDetails, waitForDocHeading, } from './docs-shared';
 const narration = createNarration({
     voice: { name: voices.Sophie },
-    languages: {
-        en: {
-            cues: {
-                intro: 'This video covers the point where local test runs become final ScreenCI recordings.',
-                source: 'The page also exposes the underlying ScreenCI source for this walkthrough.',
-                focus: 'One section explains what gets rendered after a successful recording run.',
-                next: 'The next linked page covers the GitHub Actions workflow used for CI recording.',
-            },
-        },
+    en: {
+        intro: 'This video covers the point where local test runs become final ScreenCI recordings.',
+        source: 'The page also exposes the underlying ScreenCI source for this walkthrough.',
+        focus: 'One section explains what gets rendered after a successful recording run.',
+        next: 'The next linked page covers the GitHub Actions workflow used for CI recording.',
     },
 });
 video('Record and publish guide', async ({ page }) => {
     await hide(async () => {
-        await page.goto('/docs/record-and-publish');
-        await waitForDocHeading(page, 'Record and Publish');
+        await page.goto('https://screenci.com/docs/record-and-publish');
+        await page.waitForLoadState('networkidle');
     });
     await narration.intro();
     await narration.source.start();
     await autoZoom(async () => {
-        await openSourceDetails(page);
+        await page.getByText('Show source').first().click();
     });
     await narration.source.end();
     await narration.focus();
@@ -30,8 +25,12 @@ video('Record and publish guide', async ({ page }) => {
     await resetZoom();
     await narration.next();
     await autoZoom(async () => {
-        await clickContentLink(page, 'CI Setup');
+        await page
+            .locator('.sl-markdown-content')
+            .getByRole('link', { name: 'CI Setup', exact: true })
+            .first()
+            .click();
     });
-    await waitForDocHeading(page, 'CI Setup');
+    await page.waitForLoadState('networkidle');
 });
 //# sourceMappingURL=record-and-publish.video.js.map