screenci 0.0.89 → 0.0.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.d.ts +39 -1
- package/dist/cli.d.ts.map +1 -1
- package/dist/cli.js +357 -75
- package/dist/cli.js.map +1 -1
- package/dist/docs/manifest.d.ts +29 -29
- package/dist/docs/manifest.js +9 -9
- package/dist/docs/manifest.js.map +1 -1
- package/dist/docs/video-sources/assets/StyleCard.d.ts +4 -0
- package/dist/docs/video-sources/assets/StyleCard.d.ts.map +1 -0
- package/dist/docs/video-sources/assets/StyleCard.js +27 -0
- package/dist/docs/video-sources/assets/StyleCard.js.map +1 -0
- package/dist/docs/video-sources/camera-and-zooming.screenci.js +2 -9
- package/dist/docs/video-sources/camera-and-zooming.screenci.js.map +1 -1
- package/dist/docs/video-sources/editor.screenci.d.ts +2 -0
- package/dist/docs/video-sources/editor.screenci.d.ts.map +1 -0
- package/dist/docs/video-sources/{studio.screenci.js → editor.screenci.js} +18 -19
- package/dist/docs/video-sources/editor.screenci.js.map +1 -0
- package/dist/docs/video-sources/languages.screenci.js +12 -12
- package/dist/docs/video-sources/languages.screenci.js.map +1 -1
- package/dist/docs/video-sources/locator-highlight-animated.screenci.js +2 -15
- package/dist/docs/video-sources/locator-highlight-animated.screenci.js.map +1 -1
- package/dist/docs/video-sources/locator-highlight-still.screenci.js +2 -1
- package/dist/docs/video-sources/locator-highlight-still.screenci.js.map +1 -1
- package/dist/docs/video-sources/narration.screenci.js +11 -11
- package/dist/docs/video-sources/narration.screenci.js.map +1 -1
- package/dist/docs/video-sources/public-urls-and-embeds.screenci.js +2 -2
- package/dist/docs/video-sources/public-urls-and-embeds.screenci.js.map +1 -1
- package/dist/docs/video-sources/speaking-style.screenci.js +4 -28
- package/dist/docs/video-sources/speaking-style.screenci.js.map +1 -1
- package/dist/docs/videos.d.ts +2 -2
- package/dist/docs/videos.js +2 -2
- package/dist/e2e/fixtures/ClientCounter.d.ts +5 -0
- package/dist/e2e/fixtures/ClientCounter.d.ts.map +1 -0
- package/dist/e2e/fixtures/ClientCounter.js +29 -0
- package/dist/e2e/fixtures/ClientCounter.js.map +1 -0
- package/dist/e2e/htmlRasterizer.e2e.js +104 -23
- package/dist/e2e/htmlRasterizer.e2e.js.map +1 -1
- package/dist/index.d.ts +4 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -5
- package/dist/index.js.map +1 -1
- package/dist/src/anonSession.d.ts +20 -6
- package/dist/src/anonSession.d.ts.map +1 -1
- package/dist/src/anonSession.js +60 -13
- package/dist/src/anonSession.js.map +1 -1
- package/dist/src/asset.d.ts +68 -100
- package/dist/src/asset.d.ts.map +1 -1
- package/dist/src/asset.js +134 -289
- package/dist/src/asset.js.map +1 -1
- package/dist/src/audio.d.ts +1 -1
- package/dist/src/audio.js +1 -1
- package/dist/src/builder.d.ts +25 -25
- package/dist/src/builder.d.ts.map +1 -1
- package/dist/src/builder.js +8 -8
- package/dist/src/builder.js.map +1 -1
- package/dist/src/clientOverlay.d.ts +29 -0
- package/dist/src/clientOverlay.d.ts.map +1 -0
- package/dist/src/clientOverlay.js +83 -0
- package/dist/src/clientOverlay.js.map +1 -0
- package/dist/src/cue.d.ts +9 -9
- package/dist/src/cue.d.ts.map +1 -1
- package/dist/src/cue.js +6 -6
- package/dist/src/cue.js.map +1 -1
- package/dist/src/declare.d.ts +6 -6
- package/dist/src/declare.d.ts.map +1 -1
- package/dist/src/declare.js +9 -9
- package/dist/src/declare.js.map +1 -1
- package/dist/src/events.d.ts +14 -46
- package/dist/src/events.d.ts.map +1 -1
- package/dist/src/events.js +14 -24
- package/dist/src/events.js.map +1 -1
- package/dist/src/htmlRasterizer.d.ts +21 -42
- package/dist/src/htmlRasterizer.d.ts.map +1 -1
- package/dist/src/htmlRasterizer.js +47 -66
- package/dist/src/htmlRasterizer.js.map +1 -1
- package/dist/src/init.d.ts +2 -1
- package/dist/src/init.d.ts.map +1 -1
- package/dist/src/init.js +131 -137
- package/dist/src/init.js.map +1 -1
- package/dist/src/instrument.d.ts.map +1 -1
- package/dist/src/instrument.js +146 -0
- package/dist/src/instrument.js.map +1 -1
- package/dist/src/localize.d.ts +17 -11
- package/dist/src/localize.d.ts.map +1 -1
- package/dist/src/localize.js +1 -1
- package/dist/src/localize.js.map +1 -1
- package/dist/src/localizeRuntime.d.ts +8 -8
- package/dist/src/localizeRuntime.d.ts.map +1 -1
- package/dist/src/localizeRuntime.js +4 -4
- package/dist/src/localizeRuntime.js.map +1 -1
- package/dist/src/manualZoom.d.ts.map +1 -1
- package/dist/src/manualZoom.js +8 -3
- package/dist/src/manualZoom.js.map +1 -1
- package/dist/src/overlayFlush.js +6 -6
- package/dist/src/overlayFlush.js.map +1 -1
- package/dist/src/recordingData.d.ts +2 -2
- package/dist/src/runtimeContext.d.ts +0 -11
- package/dist/src/runtimeContext.d.ts.map +1 -1
- package/dist/src/runtimeContext.js +0 -7
- package/dist/src/runtimeContext.js.map +1 -1
- package/dist/src/screenshot.d.ts +7 -7
- package/dist/src/screenshot.d.ts.map +1 -1
- package/dist/src/studio.d.ts +41 -38
- package/dist/src/studio.d.ts.map +1 -1
- package/dist/src/studio.js +9 -9
- package/dist/src/studio.js.map +1 -1
- package/dist/src/types.d.ts +19 -10
- package/dist/src/types.d.ts.map +1 -1
- package/dist/src/video.d.ts +15 -15
- package/dist/src/video.d.ts.map +1 -1
- package/dist/src/video.js +10 -10
- package/dist/src/video.js.map +1 -1
- package/dist/src/voiceConfig.d.ts +26 -7
- package/dist/src/voiceConfig.d.ts.map +1 -1
- package/dist/src/voices.d.ts +22 -2
- package/dist/src/voices.d.ts.map +1 -1
- package/dist/src/voices.js +18 -0
- package/dist/src/voices.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -1
- package/skills/screenci/SKILL.md +1 -1
- package/skills/screenci/references/init.md +8 -1
- package/skills/screenci/references/record.md +1 -1
- package/dist/docs/video-sources/studio.screenci.d.ts +0 -2
- package/dist/docs/video-sources/studio.screenci.d.ts.map +0 -1
- package/dist/docs/video-sources/studio.screenci.js.map +0 -1
- package/dist/src/recordingSize.d.ts +0 -32
- package/dist/src/recordingSize.d.ts.map +0 -1
- package/dist/src/recordingSize.js +0 -54
- package/dist/src/recordingSize.js.map +0 -1
package/dist/docs/manifest.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ export declare const docsManifest: readonly [{
|
|
|
79
79
|
readonly order: 2;
|
|
80
80
|
readonly navLabel: "Values";
|
|
81
81
|
readonly title: "Values";
|
|
82
|
-
readonly description: "Inject per-language page content with video.values() for apps that do not self-localize, and let
|
|
82
|
+
readonly description: "Inject per-language page content with video.values() for apps that do not self-localize, and let the web editor manage field values without code changes.";
|
|
83
83
|
readonly prev: "docs/guides/narration";
|
|
84
84
|
readonly next: "docs/guides/audio";
|
|
85
85
|
}, {
|
|
@@ -89,7 +89,7 @@ export declare const docsManifest: readonly [{
|
|
|
89
89
|
readonly order: 3;
|
|
90
90
|
readonly navLabel: "Audio";
|
|
91
91
|
readonly title: "Audio";
|
|
92
|
-
readonly description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let
|
|
92
|
+
readonly description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let the web editor manage track files.";
|
|
93
93
|
readonly prev: "docs/guides/values";
|
|
94
94
|
readonly next: "docs/guides/overlays";
|
|
95
95
|
}, {
|
|
@@ -141,15 +141,15 @@ export declare const docsManifest: readonly [{
|
|
|
141
141
|
readonly title: "Screenshots";
|
|
142
142
|
readonly description: "Capture branded still screenshots with the screenshot() fixture: crop to a component, set quality and dark mode, and frame the shot on a background with overlays.";
|
|
143
143
|
readonly prev: "docs/guides/camera-and-zooming";
|
|
144
|
-
readonly next: "docs/guides/
|
|
144
|
+
readonly next: "docs/guides/editor";
|
|
145
145
|
}, {
|
|
146
|
-
readonly source: "
|
|
147
|
-
readonly slug: "docs/guides/
|
|
146
|
+
readonly source: "editor.md";
|
|
147
|
+
readonly slug: "docs/guides/editor";
|
|
148
148
|
readonly section: "Guides";
|
|
149
149
|
readonly order: 4;
|
|
150
|
-
readonly navLabel: "
|
|
151
|
-
readonly title: "
|
|
152
|
-
readonly description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them
|
|
150
|
+
readonly navLabel: "Editor";
|
|
151
|
+
readonly title: "Editor";
|
|
152
|
+
readonly description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them in the web editor with editable(...) declarations like video.narration(editable([...])).";
|
|
153
153
|
readonly prev: "docs/guides/screenshots";
|
|
154
154
|
readonly next: "docs/guides/public-urls-and-embeds";
|
|
155
155
|
}, {
|
|
@@ -160,7 +160,7 @@ export declare const docsManifest: readonly [{
|
|
|
160
160
|
readonly navLabel: "Public URLs and embeds";
|
|
161
161
|
readonly title: "Public URLs and Embeds";
|
|
162
162
|
readonly description: "Enable public delivery for a video, understand stable language-specific URLs, and embed ScreenCI outputs in other sites.";
|
|
163
|
-
readonly prev: "docs/guides/
|
|
163
|
+
readonly prev: "docs/guides/editor";
|
|
164
164
|
readonly next: "docs/guides/redact";
|
|
165
165
|
}, {
|
|
166
166
|
readonly source: "redact.md";
|
|
@@ -331,7 +331,7 @@ export declare function getDocBySlug(slug: string): {
|
|
|
331
331
|
readonly order: 2;
|
|
332
332
|
readonly navLabel: "Values";
|
|
333
333
|
readonly title: "Values";
|
|
334
|
-
readonly description: "Inject per-language page content with video.values() for apps that do not self-localize, and let
|
|
334
|
+
readonly description: "Inject per-language page content with video.values() for apps that do not self-localize, and let the web editor manage field values without code changes.";
|
|
335
335
|
readonly prev: "docs/guides/narration";
|
|
336
336
|
readonly next: "docs/guides/audio";
|
|
337
337
|
} | {
|
|
@@ -341,7 +341,7 @@ export declare function getDocBySlug(slug: string): {
|
|
|
341
341
|
readonly order: 3;
|
|
342
342
|
readonly navLabel: "Audio";
|
|
343
343
|
readonly title: "Audio";
|
|
344
|
-
readonly description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let
|
|
344
|
+
readonly description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let the web editor manage track files.";
|
|
345
345
|
readonly prev: "docs/guides/values";
|
|
346
346
|
readonly next: "docs/guides/overlays";
|
|
347
347
|
} | {
|
|
@@ -393,15 +393,15 @@ export declare function getDocBySlug(slug: string): {
|
|
|
393
393
|
readonly title: "Screenshots";
|
|
394
394
|
readonly description: "Capture branded still screenshots with the screenshot() fixture: crop to a component, set quality and dark mode, and frame the shot on a background with overlays.";
|
|
395
395
|
readonly prev: "docs/guides/camera-and-zooming";
|
|
396
|
-
readonly next: "docs/guides/
|
|
396
|
+
readonly next: "docs/guides/editor";
|
|
397
397
|
} | {
|
|
398
|
-
readonly source: "
|
|
399
|
-
readonly slug: "docs/guides/
|
|
398
|
+
readonly source: "editor.md";
|
|
399
|
+
readonly slug: "docs/guides/editor";
|
|
400
400
|
readonly section: "Guides";
|
|
401
401
|
readonly order: 4;
|
|
402
|
-
readonly navLabel: "
|
|
403
|
-
readonly title: "
|
|
404
|
-
readonly description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them
|
|
402
|
+
readonly navLabel: "Editor";
|
|
403
|
+
readonly title: "Editor";
|
|
404
|
+
readonly description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them in the web editor with editable(...) declarations like video.narration(editable([...])).";
|
|
405
405
|
readonly prev: "docs/guides/screenshots";
|
|
406
406
|
readonly next: "docs/guides/public-urls-and-embeds";
|
|
407
407
|
} | {
|
|
@@ -412,7 +412,7 @@ export declare function getDocBySlug(slug: string): {
|
|
|
412
412
|
readonly navLabel: "Public URLs and embeds";
|
|
413
413
|
readonly title: "Public URLs and Embeds";
|
|
414
414
|
readonly description: "Enable public delivery for a video, understand stable language-specific URLs, and embed ScreenCI outputs in other sites.";
|
|
415
|
-
readonly prev: "docs/guides/
|
|
415
|
+
readonly prev: "docs/guides/editor";
|
|
416
416
|
readonly next: "docs/guides/redact";
|
|
417
417
|
} | {
|
|
418
418
|
readonly source: "redact.md";
|
|
@@ -591,7 +591,7 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
591
591
|
order: 2;
|
|
592
592
|
navLabel: "Values";
|
|
593
593
|
title: "Values";
|
|
594
|
-
description: "Inject per-language page content with video.values() for apps that do not self-localize, and let
|
|
594
|
+
description: "Inject per-language page content with video.values() for apps that do not self-localize, and let the web editor manage field values without code changes.";
|
|
595
595
|
prev: "docs/guides/narration";
|
|
596
596
|
next: "docs/guides/audio";
|
|
597
597
|
} | {
|
|
@@ -602,7 +602,7 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
602
602
|
order: 3;
|
|
603
603
|
navLabel: "Audio";
|
|
604
604
|
title: "Audio";
|
|
605
|
-
description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let
|
|
605
|
+
description: "Add background music or sound effects to a video with video.audio(), control volume and looping, and let the web editor manage track files.";
|
|
606
606
|
prev: "docs/guides/values";
|
|
607
607
|
next: "docs/guides/overlays";
|
|
608
608
|
} | {
|
|
@@ -659,16 +659,16 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
659
659
|
title: "Screenshots";
|
|
660
660
|
description: "Capture branded still screenshots with the screenshot() fixture: crop to a component, set quality and dark mode, and frame the shot on a background with overlays.";
|
|
661
661
|
prev: "docs/guides/camera-and-zooming";
|
|
662
|
-
next: "docs/guides/
|
|
662
|
+
next: "docs/guides/editor";
|
|
663
663
|
} | {
|
|
664
664
|
outputPath: string;
|
|
665
|
-
source: "
|
|
666
|
-
slug: "docs/guides/
|
|
665
|
+
source: "editor.md";
|
|
666
|
+
slug: "docs/guides/editor";
|
|
667
667
|
section: "Guides";
|
|
668
668
|
order: 4;
|
|
669
|
-
navLabel: "
|
|
670
|
-
title: "
|
|
671
|
-
description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them
|
|
669
|
+
navLabel: "Editor";
|
|
670
|
+
title: "Editor";
|
|
671
|
+
description: "Remix render options, narration text, voices, overlays, and languages from the web app, or manage them in the web editor with editable(...) declarations like video.narration(editable([...])).";
|
|
672
672
|
prev: "docs/guides/screenshots";
|
|
673
673
|
next: "docs/guides/public-urls-and-embeds";
|
|
674
674
|
} | {
|
|
@@ -680,7 +680,7 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
680
680
|
navLabel: "Public URLs and embeds";
|
|
681
681
|
title: "Public URLs and Embeds";
|
|
682
682
|
description: "Enable public delivery for a video, understand stable language-specific URLs, and embed ScreenCI outputs in other sites.";
|
|
683
|
-
prev: "docs/guides/
|
|
683
|
+
prev: "docs/guides/editor";
|
|
684
684
|
next: "docs/guides/redact";
|
|
685
685
|
} | {
|
|
686
686
|
outputPath: string;
|
|
@@ -794,8 +794,8 @@ export declare function getDocsSidebarConfig(typedocSidebarGroup?: TypedocSideba
|
|
|
794
794
|
translations: {};
|
|
795
795
|
collapsed: boolean;
|
|
796
796
|
items: ({
|
|
797
|
-
label: "Audio" | "Narration" | "Values" | "Overview" | "Agent integration" | "Manual setup & first video" | "Video script basics" | "CI setup" | "Animated interactions" | "Overlays" | "Render dependencies" | "Languages" | "Camera and zooming" | "Screenshots" | "
|
|
798
|
-
slug: "docs/manual-setup" | "docs/guides/overlays" | "docs/guides/screenshots" | "docs/guides/narration" | "docs/guides/camera-and-zooming" | "docs/guides/languages" | "docs/guides/
|
|
797
|
+
label: "Audio" | "Narration" | "Values" | "Overview" | "Agent integration" | "Manual setup & first video" | "Video script basics" | "CI setup" | "Animated interactions" | "Overlays" | "Render dependencies" | "Languages" | "Camera and zooming" | "Screenshots" | "Editor" | "Public URLs and embeds" | "Redact sensitive content" | "Screen audio" | "Update ScreenCI" | "Version history" | "Organisation & SSO" | "Anonymous trial" | "CLI" | "Configuration" | "Public delivery API";
|
|
798
|
+
slug: "docs/manual-setup" | "docs/guides/overlays" | "docs/guides/screenshots" | "docs/guides/narration" | "docs/guides/camera-and-zooming" | "docs/guides/languages" | "docs/guides/editor" | "docs/guides/public-urls-and-embeds" | "docs" | "docs/agent-integration" | "docs/video-script-basics" | "docs/ci-setup" | "docs/guides/animated-interactions" | "docs/guides/values" | "docs/guides/audio" | "docs/guides/dependencies" | "docs/guides/redact" | "docs/guides/screen-audio" | "docs/guides/update-screenci" | "docs/guides/version-history" | "docs/guides/organisation" | "docs/guides/anonymous-trial" | "docs/reference/cli" | "docs/reference/configuration" | "docs/reference/public-delivery-api";
|
|
799
799
|
translations: {};
|
|
800
800
|
attrs: {};
|
|
801
801
|
} | TypedocSidebarItem)[];
|
package/dist/docs/manifest.js
CHANGED
|
@@ -88,7 +88,7 @@ export const docsManifest = [
|
|
|
88
88
|
order: 2,
|
|
89
89
|
navLabel: 'Values',
|
|
90
90
|
title: 'Values',
|
|
91
|
-
description: 'Inject per-language page content with video.values() for apps that do not self-localize, and let
|
|
91
|
+
description: 'Inject per-language page content with video.values() for apps that do not self-localize, and let the web editor manage field values without code changes.',
|
|
92
92
|
prev: 'docs/guides/narration',
|
|
93
93
|
next: 'docs/guides/audio',
|
|
94
94
|
},
|
|
@@ -99,7 +99,7 @@ export const docsManifest = [
|
|
|
99
99
|
order: 3,
|
|
100
100
|
navLabel: 'Audio',
|
|
101
101
|
title: 'Audio',
|
|
102
|
-
description: 'Add background music or sound effects to a video with video.audio(), control volume and looping, and let
|
|
102
|
+
description: 'Add background music or sound effects to a video with video.audio(), control volume and looping, and let the web editor manage track files.',
|
|
103
103
|
prev: 'docs/guides/values',
|
|
104
104
|
next: 'docs/guides/overlays',
|
|
105
105
|
},
|
|
@@ -156,16 +156,16 @@ export const docsManifest = [
|
|
|
156
156
|
title: 'Screenshots',
|
|
157
157
|
description: 'Capture branded still screenshots with the screenshot() fixture: crop to a component, set quality and dark mode, and frame the shot on a background with overlays.',
|
|
158
158
|
prev: 'docs/guides/camera-and-zooming',
|
|
159
|
-
next: 'docs/guides/
|
|
159
|
+
next: 'docs/guides/editor',
|
|
160
160
|
},
|
|
161
161
|
{
|
|
162
|
-
source: '
|
|
163
|
-
slug: 'docs/guides/
|
|
162
|
+
source: 'editor.md',
|
|
163
|
+
slug: 'docs/guides/editor',
|
|
164
164
|
section: 'Guides',
|
|
165
165
|
order: 4,
|
|
166
|
-
navLabel: '
|
|
167
|
-
title: '
|
|
168
|
-
description: 'Remix render options, narration text, voices, overlays, and languages from the web app, or manage them
|
|
166
|
+
navLabel: 'Editor',
|
|
167
|
+
title: 'Editor',
|
|
168
|
+
description: 'Remix render options, narration text, voices, overlays, and languages from the web app, or manage them in the web editor with editable(...) declarations like video.narration(editable([...])).',
|
|
169
169
|
prev: 'docs/guides/screenshots',
|
|
170
170
|
next: 'docs/guides/public-urls-and-embeds',
|
|
171
171
|
},
|
|
@@ -177,7 +177,7 @@ export const docsManifest = [
|
|
|
177
177
|
navLabel: 'Public URLs and embeds',
|
|
178
178
|
title: 'Public URLs and Embeds',
|
|
179
179
|
description: 'Enable public delivery for a video, understand stable language-specific URLs, and embed ScreenCI outputs in other sites.',
|
|
180
|
-
prev: 'docs/guides/
|
|
180
|
+
prev: 'docs/guides/editor',
|
|
181
181
|
next: 'docs/guides/redact',
|
|
182
182
|
},
|
|
183
183
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,WAAW,EACT,uJAAuJ;QACzJ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,wBAAwB;KAC/B;IACD;QACE,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,wBAAwB;QAC9B,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,mBAAmB;QAC7B,KAAK,EAAE,mBAAmB;QAC1B,WAAW,EACT,8IAA8I;QAChJ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,mBAAmB;KAC1B;IACD;QACE,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,mBAAmB;QACzB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,4BAA4B;QACtC,KAAK,EAAE,4BAA4B;QACnC,WAAW,EACT,mHAAmH;QACrH,IAAI,EAAE,wBAAwB;QAC9B,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,MAAM,EAAE,wBAAwB;QAChC,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,qBAAqB;QAC/B,KAAK,EAAE,qBAAqB;QAC5B,WAAW,EACT,wHAAwH;QAC1H,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,eAAe;KACtB;IACD;QACE,MAAM,EAAE,aAAa;QACrB,IAAI,EAAE,eAAe;QACrB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,UAAU;QACjB,WAAW,EACT,kHAAkH;QACpH,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,mCAAmC;KAC1C;IACD;QACE,MAAM,EAAE,0BAA0B;QAClC,IAAI,EAAE,mCAAmC;QACzC,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,uBAAuB;QACjC,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EACT,6IAA6I;QAC/I,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,uBAAuB;KAC9B;IACD;QACE,MAAM,EAAE,cAAc;QACtB,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,WAAW;QAClB,WAAW,EACT,sJAAsJ;QACxJ,IAAI,EAAE,mCAAmC;QACzC,IAAI,EAAE,oBAAoB;KAC3B;IACD;QACE,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,oBAAoB;QAC1B,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,QAAQ;QACf,WAAW,EACT,
|
|
1
|
+
{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StyleCard.d.ts","sourceRoot":"","sources":["../../../../docs/video-sources/assets/StyleCard.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,+BAmC3D"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// A full .tsx page overlay: a speaking-style caption card, parameterized by a
|
|
3
|
+
// `text` prop. screenci bundles this and renders it client-side, passing the
|
|
4
|
+
// props from the overlay config. Different cards are the same component with
|
|
5
|
+
// different props (no duplicated markup).
|
|
6
|
+
export default function StyleCard({ text }) {
|
|
7
|
+
return (_jsxs("div", { style: {
|
|
8
|
+
display: 'inline-flex',
|
|
9
|
+
flexDirection: 'column',
|
|
10
|
+
gap: 6,
|
|
11
|
+
boxSizing: 'border-box',
|
|
12
|
+
padding: '18px 28px',
|
|
13
|
+
borderRadius: 18,
|
|
14
|
+
fontFamily: "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif",
|
|
15
|
+
color: '#ffffff',
|
|
16
|
+
background: 'linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #ec4899 100%)',
|
|
17
|
+
border: '1px solid rgba(255, 255, 255, 0.28)',
|
|
18
|
+
boxShadow: 'inset 0 1px 0 rgba(255, 255, 255, 0.35)',
|
|
19
|
+
}, children: [_jsx("span", { style: {
|
|
20
|
+
fontSize: 13,
|
|
21
|
+
fontWeight: 600,
|
|
22
|
+
letterSpacing: '0.18em',
|
|
23
|
+
textTransform: 'uppercase',
|
|
24
|
+
opacity: 0.85,
|
|
25
|
+
}, children: "Speaking style" }), _jsx("span", { style: { fontSize: 30, fontWeight: 700, letterSpacing: '-0.01em' }, children: text })] }));
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=StyleCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StyleCard.js","sourceRoot":"","sources":["../../../../docs/video-sources/assets/StyleCard.tsx"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,6EAA6E;AAC7E,6EAA6E;AAC7E,0CAA0C;AAC1C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAoB;IAC1D,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,EAAE;YAChB,UAAU,EACR,iEAAiE;YACnE,KAAK,EAAE,SAAS;YAChB,UAAU,EACR,gEAAgE;YAClE,MAAM,EAAE,qCAAqC;YAC7C,SAAS,EAAE,yCAAyC;SACrD,aAED,eACE,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,aAAa,EAAE,QAAQ;oBACvB,aAAa,EAAE,WAAW;oBAC1B,OAAO,EAAE,IAAI;iBACd,+BAGI,EACP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,YACrE,IAAI,GACA,IACH,CACP,CAAA;AACH,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { autoZoom, hide,
|
|
1
|
+
import { autoZoom, hide, resetZoom, video, voices, zoomTo } from 'screenci';
|
|
2
2
|
video.use({
|
|
3
3
|
renderOptions: {
|
|
4
4
|
narration: {
|
|
5
|
-
voice: { name: voices.
|
|
5
|
+
voice: { name: voices.Ava, style: 'Friendly product guide' },
|
|
6
6
|
},
|
|
7
7
|
output: {
|
|
8
8
|
background: {
|
|
@@ -20,7 +20,6 @@ video.narration({
|
|
|
20
20
|
auto: 'autoZoom [pronounce: auto zoom] follows a cluster of related actions on its own.',
|
|
21
21
|
manual: 'zoomTo [pronounce: zoom to] frames an exact target before you interact with it.',
|
|
22
22
|
pan: 'Give it a point instead of an element for a deliberate pan.',
|
|
23
|
-
step: 'resizeRecording [pronounce: resize recording] steps back to reveal the styled background.',
|
|
24
23
|
outro: 'Treat the camera as direction, not decoration.',
|
|
25
24
|
},
|
|
26
25
|
})('Camera and zooming', async ({ page, narration }) => {
|
|
@@ -45,12 +44,6 @@ video.narration({
|
|
|
45
44
|
await page.waitForTimeout(900);
|
|
46
45
|
await resetZoom();
|
|
47
46
|
await narration.pan.end();
|
|
48
|
-
// Step the recording back to show the styled background, then restore it.
|
|
49
|
-
await narration.step.start();
|
|
50
|
-
await resizeRecording(0.8);
|
|
51
|
-
await page.waitForTimeout(900);
|
|
52
|
-
await resetRecordingSize();
|
|
53
|
-
await narration.step.end();
|
|
54
47
|
await narration.outro();
|
|
55
48
|
});
|
|
56
49
|
//# sourceMappingURL=camera-and-zooming.screenci.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"camera-and-zooming.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/camera-and-zooming.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"camera-and-zooming.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/camera-and-zooming.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAE3E,KAAK,CAAC,GAAG,CAAC;IACR,aAAa,EAAE;QACb,SAAS,EAAE;YACT,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,wBAAwB,EAAE;SAC7D;QACD,MAAM,EAAE;YACN,UAAU,EAAE;gBACV,aAAa,EAAE,mDAAmD;aACnE;SACF;KACF;CACF,CAAC,CAAA;AAEF,6EAA6E;AAC7E,qEAAqE;AACrE,oFAAoF;AACpF,sBAAsB;AACtB,KAAK,CAAC,SAAS,CAAC;IACd,EAAE,EAAE;QACF,IAAI,EAAE,kFAAkF;QACxF,MAAM,EACJ,iFAAiF;QACnF,GAAG,EAAE,6DAA6D;QAClE,KAAK,EAAE,gDAAgD;KACxD;CACF,CAAC,CAAC,oBAAoB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACrD,MAAM,IAAI,CAAC,KAAK,IAAI,EAAE;QACpB,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,uEAAuE;IACvE,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;IAC5B,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;IACF,MAAM,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;IAC1B,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE1C,4DAA4D;IAC5D,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;IAC9B,MAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;IAC7D,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;IAE5B,wEAAwE;IACxE,MAAM,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,CAAA;IAC3B,MAAM,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;IACjC,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IAC9B,MAAM,SAAS,EAAE,CAAA;IACjB,MAAM,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;IAEzB,MAAM,SAAS,CAAC,KAAK,EAAE,CAAA;AACzB,CAAC,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor.screenci.d.ts","sourceRoot":"","sources":["../../../docs/video-sources/editor.screenci.ts"],"names":[],"mappings":""}
|
|
@@ -2,34 +2,33 @@ import { hide, resetZoom, video, voices, zoomTo } from 'screenci';
|
|
|
2
2
|
video.use({
|
|
3
3
|
renderOptions: {
|
|
4
4
|
narration: {
|
|
5
|
-
voice: { name: voices.
|
|
5
|
+
voice: { name: voices.Ava, style: 'Friendly product guide' },
|
|
6
6
|
},
|
|
7
7
|
},
|
|
8
8
|
});
|
|
9
9
|
const appUrl = process.env.SCREENCI_APP_URL ?? 'https://app.screenci.com/';
|
|
10
|
-
//
|
|
11
|
-
//
|
|
12
|
-
// auth, so recording this needs a logged-in session: set SCREENCI_APP_STORAGE_STATE
|
|
10
|
+
// Editor walkthrough recorded against the ScreenCI app (app.screenci.com). The
|
|
11
|
+
// Editor requires a logged-in session to record: set SCREENCI_APP_STORAGE_STATE
|
|
13
12
|
// to a Playwright storageState JSON (see screenci.config.ts). The walkthrough is
|
|
14
|
-
// self-contained: it opens the first project and video, then enters
|
|
13
|
+
// self-contained: it opens the first project and video, then enters Editor.
|
|
15
14
|
video.narration({
|
|
16
15
|
en: {
|
|
17
|
-
intro: 'Open any finished video in
|
|
18
|
-
edit: 'Review render options in the
|
|
16
|
+
intro: 'Open any finished video in the web editor to change it right in the browser.',
|
|
17
|
+
edit: 'Review render options in the Editor, then render a new version. No code, no re-recording.',
|
|
19
18
|
},
|
|
20
19
|
es: {
|
|
21
|
-
intro: 'Abre cualquier video terminado en
|
|
22
|
-
edit: 'Revisa las opciones de render en el
|
|
20
|
+
intro: 'Abre cualquier video terminado en el editor web para editarlo directamente en el navegador.',
|
|
21
|
+
edit: 'Revisa las opciones de render en el Editor y genera una nueva version. Sin codigo y sin volver a grabar.',
|
|
23
22
|
},
|
|
24
|
-
})('
|
|
25
|
-
//
|
|
23
|
+
})('Editor web editing', async ({ page, narration }) => {
|
|
24
|
+
// The Editor requires auth, so this recording only works with a logged-in
|
|
26
25
|
// session (SCREENCI_APP_STORAGE_STATE, see screenci.config.ts). When it is not
|
|
27
|
-
// configured (e.g. CI without the session secret),
|
|
28
|
-
//
|
|
26
|
+
// configured (e.g. CI without the session secret), fail before timing out on
|
|
27
|
+
// the login page.
|
|
29
28
|
if (!process.env.SCREENCI_APP_STORAGE_STATE) {
|
|
30
29
|
throw new Error('Not logged in. Record via `scripts/screenci.sh docs <env> record` (it signs in first), or set SCREENCI_APP_STORAGE_STATE to a Playwright storageState.');
|
|
31
30
|
}
|
|
32
|
-
// Navigate from the dashboard into
|
|
31
|
+
// Navigate from the dashboard into Editor without showing it in the recording.
|
|
33
32
|
await hide(async () => {
|
|
34
33
|
await page.goto(appUrl);
|
|
35
34
|
await page.waitForLoadState('networkidle');
|
|
@@ -37,7 +36,7 @@ video.narration({
|
|
|
37
36
|
.getByRole('heading', { name: 'Projects' })
|
|
38
37
|
.waitFor({ timeout: 30000 });
|
|
39
38
|
await page.getByTestId('projects-list').getByRole('link').first().click();
|
|
40
|
-
// Open the first video, then its first language page where
|
|
39
|
+
// Open the first video, then its first language page where Editor is shown
|
|
41
40
|
// inline below the preview.
|
|
42
41
|
await page.locator('a[href*="/video/"]').first().click();
|
|
43
42
|
await page
|
|
@@ -48,14 +47,14 @@ video.narration({
|
|
|
48
47
|
.first()
|
|
49
48
|
.click();
|
|
50
49
|
await page
|
|
51
|
-
.getByRole('heading', { name: /^
|
|
50
|
+
.getByRole('heading', { name: /^editor$/i })
|
|
52
51
|
.waitFor({ timeout: 30000 });
|
|
53
52
|
});
|
|
54
53
|
await narration.intro();
|
|
55
|
-
// Show the
|
|
54
|
+
// Show the Editor panel without depending on a specific video having editable
|
|
56
55
|
// narration cues in the seeded dev data.
|
|
57
56
|
await narration.edit.start();
|
|
58
|
-
await zoomTo(page.getByRole('heading', { name: /^
|
|
57
|
+
await zoomTo(page.getByRole('heading', { name: /^editor$/i }));
|
|
59
58
|
await page.waitForTimeout(900);
|
|
60
59
|
await resetZoom();
|
|
61
60
|
await narration.edit.end();
|
|
@@ -69,4 +68,4 @@ video.narration({
|
|
|
69
68
|
await resetZoom();
|
|
70
69
|
}
|
|
71
70
|
});
|
|
72
|
-
//# sourceMappingURL=
|
|
71
|
+
//# sourceMappingURL=editor.screenci.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"editor.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/editor.screenci.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,16 +2,16 @@ import { hide, resetZoom, video, voices, zoomTo } from 'screenci';
|
|
|
2
2
|
video.use({
|
|
3
3
|
renderOptions: {
|
|
4
4
|
narration: {
|
|
5
|
-
voice: { name: voices.
|
|
5
|
+
voice: { name: voices.Ava, style: 'Friendly product guide' },
|
|
6
6
|
},
|
|
7
7
|
},
|
|
8
8
|
});
|
|
9
9
|
const appUrl = process.env.SCREENCI_APP_URL ?? 'https://app.screenci.com/';
|
|
10
10
|
// Languages walkthrough recorded against the ScreenCI app (app.screenci.com) for
|
|
11
|
-
// the Languages guide. It shows the
|
|
12
|
-
// or remove recorded languages without touching code.
|
|
13
|
-
//
|
|
14
|
-
//
|
|
11
|
+
// the Languages guide. It shows the Editor Languages section where teammates add
|
|
12
|
+
// or remove recorded languages without touching code. The Editor requires auth
|
|
13
|
+
// to record, so set SCREENCI_APP_STORAGE_STATE (see screenci.config.ts). The
|
|
14
|
+
// navigation mirrors editor.screenci.ts.
|
|
15
15
|
//
|
|
16
16
|
// The logo intro (assets/logo.png) is gitignored: it is uploaded on the first
|
|
17
17
|
// record and reused on later runs (CI included).
|
|
@@ -22,16 +22,16 @@ video
|
|
|
22
22
|
.narration({
|
|
23
23
|
en: {
|
|
24
24
|
intro: 'One script records a separate version for each language.',
|
|
25
|
-
|
|
25
|
+
editor: 'Manage the language set from the web editor.',
|
|
26
26
|
add: 'Adding a language fills in its narration, then renders from the same capture.',
|
|
27
27
|
outro: 'No translation drift: every language covers the same cues.',
|
|
28
28
|
},
|
|
29
29
|
})('Languages walkthrough', async ({ page, narration, overlays }) => {
|
|
30
|
-
//
|
|
30
|
+
// The Editor requires auth (SCREENCI_APP_STORAGE_STATE, see screenci.config.ts).
|
|
31
31
|
if (!process.env.SCREENCI_APP_STORAGE_STATE) {
|
|
32
32
|
throw new Error('Not logged in. Record via `scripts/screenci.sh docs <env> record` (it signs in first), or set SCREENCI_APP_STORAGE_STATE to a Playwright storageState.');
|
|
33
33
|
}
|
|
34
|
-
// Open a finished video's
|
|
34
|
+
// Open a finished video's Editor page without showing the navigation.
|
|
35
35
|
await hide(async () => {
|
|
36
36
|
await page.goto(appUrl);
|
|
37
37
|
await page.waitForLoadState('networkidle');
|
|
@@ -48,13 +48,13 @@ video
|
|
|
48
48
|
.first()
|
|
49
49
|
.click();
|
|
50
50
|
await page
|
|
51
|
-
.getByRole('heading', { name: /^
|
|
51
|
+
.getByRole('heading', { name: /^editor$/i })
|
|
52
52
|
.waitFor({ timeout: 30000 });
|
|
53
53
|
});
|
|
54
54
|
await overlays.logo.for('2s');
|
|
55
55
|
await narration.intro();
|
|
56
|
-
// Frame the
|
|
57
|
-
await narration.
|
|
56
|
+
// Frame the Editor Languages section while explaining web-managed languages.
|
|
57
|
+
await narration.editor.start();
|
|
58
58
|
const languagesHeading = page
|
|
59
59
|
.getByRole('heading', { name: /languages/i })
|
|
60
60
|
.first();
|
|
@@ -63,7 +63,7 @@ video
|
|
|
63
63
|
await page.waitForTimeout(900);
|
|
64
64
|
await resetZoom();
|
|
65
65
|
}
|
|
66
|
-
await narration.
|
|
66
|
+
await narration.editor.end();
|
|
67
67
|
await narration.add();
|
|
68
68
|
await narration.outro();
|
|
69
69
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"languages.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/languages.screenci.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjE,KAAK,CAAC,GAAG,CAAC;IACR,aAAa,EAAE;QACb,SAAS,EAAE;YACT,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"languages.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/languages.screenci.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,22 +4,9 @@ import { video } from 'screenci';
|
|
|
4
4
|
// pulse keeps the ring landed exactly on the element (no scale, so no capture
|
|
5
5
|
// padding is needed).
|
|
6
6
|
video.overlays({
|
|
7
|
+
// A full .html page whose CSS pulses the ring; `over` sizes it to the element.
|
|
7
8
|
ring: (target) => ({
|
|
8
|
-
|
|
9
|
-
css: `
|
|
10
|
-
.ring {
|
|
11
|
-
width: 100%;
|
|
12
|
-
height: 100%;
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
border: 4px solid #ec4899;
|
|
15
|
-
border-radius: 14px;
|
|
16
|
-
animation: ring-pulse 2s ease-in-out infinite;
|
|
17
|
-
}
|
|
18
|
-
@keyframes ring-pulse {
|
|
19
|
-
0%, 100% { opacity: 1; }
|
|
20
|
-
50% { opacity: 0.3; }
|
|
21
|
-
}
|
|
22
|
-
`,
|
|
9
|
+
path: './assets/ring-animated.html',
|
|
23
10
|
over: target,
|
|
24
11
|
margin: 6,
|
|
25
12
|
animate: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"locator-highlight-animated.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-animated.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,+EAA+E;AAC/E,6EAA6E;AAC7E,8EAA8E;AAC9E,sBAAsB;AACtB,KAAK,CAAC,QAAQ,CAAC;IACb,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"locator-highlight-animated.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-animated.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,+EAA+E;AAC/E,6EAA6E;AAC7E,8EAA8E;AAC9E,sBAAsB;AACtB,KAAK,CAAC,QAAQ,CAAC;IACb,+EAA+E;IAC/E,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,6BAA6B;QACnC,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,MAAM;KACjB,CAAC;CACH,CAAC,CAAC,8BAA8B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9D,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IAExC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClE,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAA;IAElC,yEAAyE;IACzE,qCAAqC;IACrC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC/B,MAAM,IAAI,CAAC,KAAK,EAAE,CAAA;IAClB,MAAM,GAAG,CAAC,KAAK,EAAE,CAAA;IACjB,MAAM,IAAI,CAAC,GAAG,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA"}
|
|
@@ -2,8 +2,9 @@ import { screenshot } from 'screenci';
|
|
|
2
2
|
// Rings a single element on the marketing site, then captures a branded still.
|
|
3
3
|
// The Overlays guide animates the same example.
|
|
4
4
|
screenshot.overlays({
|
|
5
|
+
// A full .html page that fills its box; `over` sizes it to the element.
|
|
5
6
|
ring: (target) => ({
|
|
6
|
-
|
|
7
|
+
path: './assets/ring.html',
|
|
7
8
|
over: target,
|
|
8
9
|
margin: 6,
|
|
9
10
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"locator-highlight-still.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-still.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,+EAA+E;AAC/E,gDAAgD;AAChD,UAAU,CAAC,QAAQ,CAAC;IAClB,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"locator-highlight-still.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-still.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,+EAA+E;AAC/E,gDAAgD;AAChD,UAAU,CAAC,QAAQ,CAAC;IAClB,wEAAwE;IACxE,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,CAAC;KACV,CAAC;CACH,CAAC,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IAExC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAClE,MAAM,GAAG,CAAC,sBAAsB,EAAE,CAAA;IAElC,0EAA0E;IAC1E,MAAM,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAA;AAClC,CAAC,CAAC,CAAA"}
|