screenci 0.0.70 → 0.0.71
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/README.md +1 -1
- package/dist/cli.d.ts +1 -0
- package/dist/cli.d.ts.map +1 -1
- package/dist/cli.js +56 -0
- package/dist/cli.js.map +1 -1
- package/dist/docs/manifest.d.ts +31 -31
- package/dist/docs/manifest.d.ts.map +1 -1
- package/dist/docs/manifest.js +19 -11
- package/dist/docs/manifest.js.map +1 -1
- package/dist/docs/video-sources/locator-highlight-animated.screenci.js +14 -26
- package/dist/docs/video-sources/locator-highlight-animated.screenci.js.map +1 -1
- package/dist/docs/video-sources/locator-highlight-still.screenci.js +5 -10
- package/dist/docs/video-sources/locator-highlight-still.screenci.js.map +1 -1
- package/dist/docs/videos.d.ts +4 -15
- package/dist/docs/videos.d.ts.map +1 -1
- package/dist/docs/videos.js +6 -22
- package/dist/docs/videos.js.map +1 -1
- package/dist/src/init.d.ts.map +1 -1
- package/dist/src/init.js +12 -1
- package/dist/src/init.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/docs/video-sources/cli.screenci.d.ts +0 -2
- package/dist/docs/video-sources/cli.screenci.d.ts.map +0 -1
- package/dist/docs/video-sources/cli.screenci.js +0 -36
- package/dist/docs/video-sources/cli.screenci.js.map +0 -1
package/dist/docs/manifest.d.ts
CHANGED
|
@@ -21,26 +21,26 @@ export declare const docsManifest: readonly [{
|
|
|
21
21
|
readonly title: "Agent Integration";
|
|
22
22
|
readonly description: "The recommended path: point a coding agent at the integration brief so it scaffolds ScreenCI, authors a video for your flow, and records it.";
|
|
23
23
|
readonly prev: "docs";
|
|
24
|
-
readonly next: "docs/
|
|
24
|
+
readonly next: "docs/manual-setup";
|
|
25
25
|
}, {
|
|
26
26
|
readonly source: "manual-setup.mdx";
|
|
27
|
-
readonly slug: "docs/
|
|
27
|
+
readonly slug: "docs/manual-setup";
|
|
28
28
|
readonly section: "Getting Started";
|
|
29
29
|
readonly order: 3;
|
|
30
30
|
readonly navLabel: "Manual setup & first video";
|
|
31
31
|
readonly title: "Manual Setup & First Video";
|
|
32
32
|
readonly description: "Wire ScreenCI up by hand: initialize a project, run the starter video locally, and record your first final video.";
|
|
33
33
|
readonly prev: "docs/agent-integration";
|
|
34
|
-
readonly next: "docs/
|
|
34
|
+
readonly next: "docs/video-script-basics";
|
|
35
35
|
}, {
|
|
36
|
-
readonly source: "
|
|
37
|
-
readonly slug: "docs/
|
|
36
|
+
readonly source: "video-script-basics.md";
|
|
37
|
+
readonly slug: "docs/video-script-basics";
|
|
38
38
|
readonly section: "Getting Started";
|
|
39
39
|
readonly order: 4;
|
|
40
40
|
readonly navLabel: "Video script basics";
|
|
41
41
|
readonly title: "Video Script Basics";
|
|
42
42
|
readonly description: "Author .screenci.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.";
|
|
43
|
-
readonly prev: "docs/
|
|
43
|
+
readonly prev: "docs/manual-setup";
|
|
44
44
|
readonly next: "docs/ci-setup";
|
|
45
45
|
}, {
|
|
46
46
|
readonly source: "ci-setup.md";
|
|
@@ -50,7 +50,7 @@ export declare const docsManifest: readonly [{
|
|
|
50
50
|
readonly navLabel: "CI setup";
|
|
51
51
|
readonly title: "CI Setup";
|
|
52
52
|
readonly description: "Understand the generated GitHub Actions workflow, required secrets, and how to keep CI recordings deterministic.";
|
|
53
|
-
readonly prev: "docs/
|
|
53
|
+
readonly prev: "docs/video-script-basics";
|
|
54
54
|
readonly next: "docs/guides/page-instrumentation";
|
|
55
55
|
}, {
|
|
56
56
|
readonly source: "page-instrumentation.md";
|
|
@@ -81,10 +81,10 @@ export declare const docsManifest: readonly [{
|
|
|
81
81
|
readonly title: "Camera and Zooming";
|
|
82
82
|
readonly description: "Choose between autoZoom and manual framing, and use camera direction to guide attention without making the video frantic.";
|
|
83
83
|
readonly prev: "docs/guides/narration-and-localization";
|
|
84
|
-
readonly next: "docs/guides/
|
|
84
|
+
readonly next: "docs/guides/overlays";
|
|
85
85
|
}, {
|
|
86
86
|
readonly source: "overlays.md";
|
|
87
|
-
readonly slug: "docs/guides/
|
|
87
|
+
readonly slug: "docs/guides/overlays";
|
|
88
88
|
readonly section: "Guides";
|
|
89
89
|
readonly order: 4;
|
|
90
90
|
readonly navLabel: "Overlays";
|
|
@@ -100,7 +100,7 @@ export declare const docsManifest: readonly [{
|
|
|
100
100
|
readonly navLabel: "Screenshots";
|
|
101
101
|
readonly title: "Screenshots";
|
|
102
102
|
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.";
|
|
103
|
-
readonly prev: "docs/guides/
|
|
103
|
+
readonly prev: "docs/guides/overlays";
|
|
104
104
|
readonly next: "docs/guides/studio";
|
|
105
105
|
}, {
|
|
106
106
|
readonly source: "studio.md";
|
|
@@ -183,26 +183,26 @@ export declare function getDocBySlug(slug: string): {
|
|
|
183
183
|
readonly title: "Agent Integration";
|
|
184
184
|
readonly description: "The recommended path: point a coding agent at the integration brief so it scaffolds ScreenCI, authors a video for your flow, and records it.";
|
|
185
185
|
readonly prev: "docs";
|
|
186
|
-
readonly next: "docs/
|
|
186
|
+
readonly next: "docs/manual-setup";
|
|
187
187
|
} | {
|
|
188
188
|
readonly source: "manual-setup.mdx";
|
|
189
|
-
readonly slug: "docs/
|
|
189
|
+
readonly slug: "docs/manual-setup";
|
|
190
190
|
readonly section: "Getting Started";
|
|
191
191
|
readonly order: 3;
|
|
192
192
|
readonly navLabel: "Manual setup & first video";
|
|
193
193
|
readonly title: "Manual Setup & First Video";
|
|
194
194
|
readonly description: "Wire ScreenCI up by hand: initialize a project, run the starter video locally, and record your first final video.";
|
|
195
195
|
readonly prev: "docs/agent-integration";
|
|
196
|
-
readonly next: "docs/
|
|
196
|
+
readonly next: "docs/video-script-basics";
|
|
197
197
|
} | {
|
|
198
|
-
readonly source: "
|
|
199
|
-
readonly slug: "docs/
|
|
198
|
+
readonly source: "video-script-basics.md";
|
|
199
|
+
readonly slug: "docs/video-script-basics";
|
|
200
200
|
readonly section: "Getting Started";
|
|
201
201
|
readonly order: 4;
|
|
202
202
|
readonly navLabel: "Video script basics";
|
|
203
203
|
readonly title: "Video Script Basics";
|
|
204
204
|
readonly description: "Author .screenci.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.";
|
|
205
|
-
readonly prev: "docs/
|
|
205
|
+
readonly prev: "docs/manual-setup";
|
|
206
206
|
readonly next: "docs/ci-setup";
|
|
207
207
|
} | {
|
|
208
208
|
readonly source: "ci-setup.md";
|
|
@@ -212,7 +212,7 @@ export declare function getDocBySlug(slug: string): {
|
|
|
212
212
|
readonly navLabel: "CI setup";
|
|
213
213
|
readonly title: "CI Setup";
|
|
214
214
|
readonly description: "Understand the generated GitHub Actions workflow, required secrets, and how to keep CI recordings deterministic.";
|
|
215
|
-
readonly prev: "docs/
|
|
215
|
+
readonly prev: "docs/video-script-basics";
|
|
216
216
|
readonly next: "docs/guides/page-instrumentation";
|
|
217
217
|
} | {
|
|
218
218
|
readonly source: "page-instrumentation.md";
|
|
@@ -243,10 +243,10 @@ export declare function getDocBySlug(slug: string): {
|
|
|
243
243
|
readonly title: "Camera and Zooming";
|
|
244
244
|
readonly description: "Choose between autoZoom and manual framing, and use camera direction to guide attention without making the video frantic.";
|
|
245
245
|
readonly prev: "docs/guides/narration-and-localization";
|
|
246
|
-
readonly next: "docs/guides/
|
|
246
|
+
readonly next: "docs/guides/overlays";
|
|
247
247
|
} | {
|
|
248
248
|
readonly source: "overlays.md";
|
|
249
|
-
readonly slug: "docs/guides/
|
|
249
|
+
readonly slug: "docs/guides/overlays";
|
|
250
250
|
readonly section: "Guides";
|
|
251
251
|
readonly order: 4;
|
|
252
252
|
readonly navLabel: "Overlays";
|
|
@@ -262,7 +262,7 @@ export declare function getDocBySlug(slug: string): {
|
|
|
262
262
|
readonly navLabel: "Screenshots";
|
|
263
263
|
readonly title: "Screenshots";
|
|
264
264
|
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.";
|
|
265
|
-
readonly prev: "docs/guides/
|
|
265
|
+
readonly prev: "docs/guides/overlays";
|
|
266
266
|
readonly next: "docs/guides/studio";
|
|
267
267
|
} | {
|
|
268
268
|
readonly source: "studio.md";
|
|
@@ -347,28 +347,28 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
347
347
|
title: "Agent Integration";
|
|
348
348
|
description: "The recommended path: point a coding agent at the integration brief so it scaffolds ScreenCI, authors a video for your flow, and records it.";
|
|
349
349
|
prev: "docs";
|
|
350
|
-
next: "docs/
|
|
350
|
+
next: "docs/manual-setup";
|
|
351
351
|
} | {
|
|
352
352
|
outputPath: string;
|
|
353
353
|
source: "manual-setup.mdx";
|
|
354
|
-
slug: "docs/
|
|
354
|
+
slug: "docs/manual-setup";
|
|
355
355
|
section: "Getting Started";
|
|
356
356
|
order: 3;
|
|
357
357
|
navLabel: "Manual setup & first video";
|
|
358
358
|
title: "Manual Setup & First Video";
|
|
359
359
|
description: "Wire ScreenCI up by hand: initialize a project, run the starter video locally, and record your first final video.";
|
|
360
360
|
prev: "docs/agent-integration";
|
|
361
|
-
next: "docs/
|
|
361
|
+
next: "docs/video-script-basics";
|
|
362
362
|
} | {
|
|
363
363
|
outputPath: string;
|
|
364
|
-
source: "
|
|
365
|
-
slug: "docs/
|
|
364
|
+
source: "video-script-basics.md";
|
|
365
|
+
slug: "docs/video-script-basics";
|
|
366
366
|
section: "Getting Started";
|
|
367
367
|
order: 4;
|
|
368
368
|
navLabel: "Video script basics";
|
|
369
369
|
title: "Video Script Basics";
|
|
370
370
|
description: "Author .screenci.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.";
|
|
371
|
-
prev: "docs/
|
|
371
|
+
prev: "docs/manual-setup";
|
|
372
372
|
next: "docs/ci-setup";
|
|
373
373
|
} | {
|
|
374
374
|
outputPath: string;
|
|
@@ -379,7 +379,7 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
379
379
|
navLabel: "CI setup";
|
|
380
380
|
title: "CI Setup";
|
|
381
381
|
description: "Understand the generated GitHub Actions workflow, required secrets, and how to keep CI recordings deterministic.";
|
|
382
|
-
prev: "docs/
|
|
382
|
+
prev: "docs/video-script-basics";
|
|
383
383
|
next: "docs/guides/page-instrumentation";
|
|
384
384
|
} | {
|
|
385
385
|
outputPath: string;
|
|
@@ -413,11 +413,11 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
413
413
|
title: "Camera and Zooming";
|
|
414
414
|
description: "Choose between autoZoom and manual framing, and use camera direction to guide attention without making the video frantic.";
|
|
415
415
|
prev: "docs/guides/narration-and-localization";
|
|
416
|
-
next: "docs/guides/
|
|
416
|
+
next: "docs/guides/overlays";
|
|
417
417
|
} | {
|
|
418
418
|
outputPath: string;
|
|
419
419
|
source: "overlays.md";
|
|
420
|
-
slug: "docs/guides/
|
|
420
|
+
slug: "docs/guides/overlays";
|
|
421
421
|
section: "Guides";
|
|
422
422
|
order: 4;
|
|
423
423
|
navLabel: "Overlays";
|
|
@@ -434,7 +434,7 @@ export declare function getGeneratedDocsManifest(): ({
|
|
|
434
434
|
navLabel: "Screenshots";
|
|
435
435
|
title: "Screenshots";
|
|
436
436
|
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.";
|
|
437
|
-
prev: "docs/guides/
|
|
437
|
+
prev: "docs/guides/overlays";
|
|
438
438
|
next: "docs/guides/studio";
|
|
439
439
|
} | {
|
|
440
440
|
outputPath: string;
|
|
@@ -516,7 +516,7 @@ export declare function getDocsSidebarConfig(typedocSidebarGroup?: TypedocSideba
|
|
|
516
516
|
collapsed: boolean;
|
|
517
517
|
items: ({
|
|
518
518
|
label: "Overview" | "Agent integration" | "Manual setup & first video" | "Video script basics" | "CI setup" | "Page instrumentation" | "Narration and localization" | "Camera and zooming" | "Overlays" | "Screenshots" | "Studio" | "Public URLs and embeds" | "Update ScreenCI" | "CLI" | "Configuration" | "Public delivery API";
|
|
519
|
-
slug: "docs" | "docs/
|
|
519
|
+
slug: "docs/manual-setup" | "docs/guides/overlays" | "docs/guides/screenshots" | "docs" | "docs/agent-integration" | "docs/video-script-basics" | "docs/ci-setup" | "docs/guides/page-instrumentation" | "docs/guides/narration-and-localization" | "docs/guides/camera-and-zooming" | "docs/guides/studio" | "docs/guides/public-urls-and-embeds" | "docs/guides/update-screenci" | "docs/reference/cli" | "docs/reference/configuration" | "docs/reference/public-delivery-api";
|
|
520
520
|
translations: {};
|
|
521
521
|
attrs: {};
|
|
522
522
|
} | TypedocSidebarItem)[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"AAAA;;;GAGG;
|
|
1
|
+
{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiMf,CAAA;AAEV,eAAO,MAAM,YAAY,qDAAsD,CAAA;AAE/E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAExC;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,UAejD;AAED,wBAAgB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAKvC;AAYD,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAChC,CAAA;AAED,wBAAgB,oBAAoB,CAClC,mBAAmB,CAAC,EAAE,kBAAkB,GAAG,IAAI;;;;;;;;;;IAmBhD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;;;EAkBxD"}
|
package/dist/docs/manifest.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* Source of truth for ScreenCI docs information architecture.
|
|
3
3
|
* Slugs are web-facing and stable even if source filenames change.
|
|
4
4
|
*/
|
|
5
|
+
import { getDocVideo, hasPublicId } from './videos';
|
|
5
6
|
export const docsManifest = [
|
|
6
7
|
{
|
|
7
8
|
source: 'overview.mdx',
|
|
@@ -23,28 +24,28 @@ export const docsManifest = [
|
|
|
23
24
|
title: 'Agent Integration',
|
|
24
25
|
description: 'The recommended path: point a coding agent at the integration brief so it scaffolds ScreenCI, authors a video for your flow, and records it.',
|
|
25
26
|
prev: 'docs',
|
|
26
|
-
next: 'docs/
|
|
27
|
+
next: 'docs/manual-setup',
|
|
27
28
|
},
|
|
28
29
|
{
|
|
29
30
|
source: 'manual-setup.mdx',
|
|
30
|
-
slug: 'docs/
|
|
31
|
+
slug: 'docs/manual-setup',
|
|
31
32
|
section: 'Getting Started',
|
|
32
33
|
order: 3,
|
|
33
34
|
navLabel: 'Manual setup & first video',
|
|
34
35
|
title: 'Manual Setup & First Video',
|
|
35
36
|
description: 'Wire ScreenCI up by hand: initialize a project, run the starter video locally, and record your first final video.',
|
|
36
37
|
prev: 'docs/agent-integration',
|
|
37
|
-
next: 'docs/
|
|
38
|
+
next: 'docs/video-script-basics',
|
|
38
39
|
},
|
|
39
40
|
{
|
|
40
|
-
source: '
|
|
41
|
-
slug: 'docs/
|
|
41
|
+
source: 'video-script-basics.md',
|
|
42
|
+
slug: 'docs/video-script-basics',
|
|
42
43
|
section: 'Getting Started',
|
|
43
44
|
order: 4,
|
|
44
45
|
navLabel: 'Video script basics',
|
|
45
46
|
title: 'Video Script Basics',
|
|
46
47
|
description: 'Author .screenci.ts files with Playwright-like APIs, ScreenCI narration and camera helpers, and workflow-aware pacing.',
|
|
47
|
-
prev: 'docs/
|
|
48
|
+
prev: 'docs/manual-setup',
|
|
48
49
|
next: 'docs/ci-setup',
|
|
49
50
|
},
|
|
50
51
|
{
|
|
@@ -55,7 +56,7 @@ export const docsManifest = [
|
|
|
55
56
|
navLabel: 'CI setup',
|
|
56
57
|
title: 'CI Setup',
|
|
57
58
|
description: 'Understand the generated GitHub Actions workflow, required secrets, and how to keep CI recordings deterministic.',
|
|
58
|
-
prev: 'docs/
|
|
59
|
+
prev: 'docs/video-script-basics',
|
|
59
60
|
next: 'docs/guides/page-instrumentation',
|
|
60
61
|
},
|
|
61
62
|
{
|
|
@@ -89,11 +90,11 @@ export const docsManifest = [
|
|
|
89
90
|
title: 'Camera and Zooming',
|
|
90
91
|
description: 'Choose between autoZoom and manual framing, and use camera direction to guide attention without making the video frantic.',
|
|
91
92
|
prev: 'docs/guides/narration-and-localization',
|
|
92
|
-
next: 'docs/guides/
|
|
93
|
+
next: 'docs/guides/overlays',
|
|
93
94
|
},
|
|
94
95
|
{
|
|
95
96
|
source: 'overlays.md',
|
|
96
|
-
slug: 'docs/guides/
|
|
97
|
+
slug: 'docs/guides/overlays',
|
|
97
98
|
section: 'Guides',
|
|
98
99
|
order: 4,
|
|
99
100
|
navLabel: 'Overlays',
|
|
@@ -110,7 +111,7 @@ export const docsManifest = [
|
|
|
110
111
|
navLabel: 'Screenshots',
|
|
111
112
|
title: 'Screenshots',
|
|
112
113
|
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.',
|
|
113
|
-
prev: 'docs/guides/
|
|
114
|
+
prev: 'docs/guides/overlays',
|
|
114
115
|
next: 'docs/guides/studio',
|
|
115
116
|
},
|
|
116
117
|
{
|
|
@@ -186,7 +187,14 @@ export function getDocBySlug(slug) {
|
|
|
186
187
|
}
|
|
187
188
|
export function getOutputPathFromSlug(slug) {
|
|
188
189
|
const entry = getDocBySlug(slug);
|
|
189
|
-
const
|
|
190
|
+
const video = getDocVideo(slug);
|
|
191
|
+
// A page that embeds a published video or screenshot injects a React
|
|
192
|
+
// component (DocVideoPlayer / DocScreenshot). Astro only renders component
|
|
193
|
+
// imports and JSX in .mdx, so such a page must be emitted as .mdx even when
|
|
194
|
+
// its source is plain .md. Without this, the embed silently renders as inert
|
|
195
|
+
// text. Pages without a published embed stay .md (matching their source).
|
|
196
|
+
const embedsComponent = video !== null && hasPublicId(video);
|
|
197
|
+
const extension = entry?.source.endsWith('.mdx') || embedsComponent ? '.mdx' : '.md';
|
|
190
198
|
if (slug === 'docs')
|
|
191
199
|
return `index${extension}`;
|
|
192
200
|
return `${slug.replace(/^docs\//, '')}${extension}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,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,kCAAkC;KACzC;IACD;QACE,MAAM,EAAE,yBAAyB;QACjC,IAAI,EAAE,kCAAkC;QACxC,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,sBAAsB;QAChC,KAAK,EAAE,sBAAsB;QAC7B,WAAW,EACT,6IAA6I;QAC/I,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,wCAAwC;KAC/C;IACD;QACE,MAAM,EAAE,+BAA+B;QACvC,IAAI,EAAE,wCAAwC;QAC9C,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,4BAA4B;QACtC,KAAK,EAAE,4BAA4B;QACnC,WAAW,EACT,0HAA0H;QAC5H,IAAI,EAAE,kCAAkC;QACxC,IAAI,EAAE,gCAAgC;KACvC;IACD;QACE,MAAM,EAAE,uBAAuB;QAC/B,IAAI,EAAE,gCAAgC;QACtC,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EACT,2HAA2H;QAC7H,IAAI,EAAE,wCAAwC;QAC9C,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../../docs/manifest.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +1,29 @@
|
|
|
1
1
|
import { createOverlays, video } from 'screenci';
|
|
2
|
-
//
|
|
3
|
-
//
|
|
4
|
-
//
|
|
5
|
-
//
|
|
2
|
+
// Animates the same ring as the Screenshots still: it pulses while the page is
|
|
3
|
+
// driven underneath, then closes before the recording stops. An opacity-only
|
|
4
|
+
// pulse keeps the ring landed exactly on the element (no scale, so no capture
|
|
5
|
+
// padding is needed).
|
|
6
6
|
const overlays = createOverlays({
|
|
7
|
-
// Sized to the element's box (plus the margin); the ring fills it and pulses
|
|
8
|
-
// via a CSS animation. capturePadding gives the scale-up room so it is not
|
|
9
|
-
// clipped at the box edge.
|
|
10
7
|
ring: (target) => ({
|
|
11
|
-
html: '<div class="
|
|
8
|
+
html: '<div class="ring"></div>',
|
|
12
9
|
css: `
|
|
13
|
-
.
|
|
10
|
+
.ring {
|
|
14
11
|
width: 100%;
|
|
15
12
|
height: 100%;
|
|
13
|
+
box-sizing: border-box;
|
|
16
14
|
border: 4px solid #ec4899;
|
|
17
15
|
border-radius: 14px;
|
|
18
|
-
|
|
19
|
-
animation: screenci-ring-pulse 1.2s ease-in-out infinite;
|
|
16
|
+
animation: ring-pulse 2s ease-in-out infinite;
|
|
20
17
|
}
|
|
21
|
-
@keyframes
|
|
22
|
-
0%,
|
|
23
|
-
|
|
24
|
-
opacity: 1;
|
|
25
|
-
transform: scale(1);
|
|
26
|
-
}
|
|
27
|
-
50% {
|
|
28
|
-
opacity: 0.45;
|
|
29
|
-
transform: scale(1.04);
|
|
30
|
-
}
|
|
18
|
+
@keyframes ring-pulse {
|
|
19
|
+
0%, 100% { opacity: 1; }
|
|
20
|
+
50% { opacity: 0.3; }
|
|
31
21
|
}
|
|
32
22
|
`,
|
|
33
23
|
over: target,
|
|
34
|
-
margin:
|
|
24
|
+
margin: 6,
|
|
35
25
|
animate: true,
|
|
36
26
|
durationMs: 2400,
|
|
37
|
-
capturePadding: 24,
|
|
38
27
|
}),
|
|
39
28
|
});
|
|
40
29
|
video('Locator highlight (animated)', async ({ page }) => {
|
|
@@ -42,9 +31,8 @@ video('Locator highlight (animated)', async ({ page }) => {
|
|
|
42
31
|
await page.waitForLoadState('networkidle');
|
|
43
32
|
const cta = page.getByRole('link', { name: 'View Documentation' });
|
|
44
33
|
await cta.scrollIntoViewIfNeeded();
|
|
45
|
-
// The ring pulses while the page stays live
|
|
46
|
-
//
|
|
47
|
-
// locator appears once.
|
|
34
|
+
// The ring pulses while the page stays live. Every start() must be ended
|
|
35
|
+
// before the video function returns.
|
|
48
36
|
const ring = overlays.ring(cta);
|
|
49
37
|
await ring.start();
|
|
50
38
|
await cta.hover();
|
|
@@ -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,cAAc,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhD
|
|
1
|
+
{"version":3,"file":"locator-highlight-animated.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-animated.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhD,+EAA+E;AAC/E,6EAA6E;AAC7E,8EAA8E;AAC9E,sBAAsB;AACtB,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,0BAA0B;QAChC,GAAG,EAAE;;;;;;;;;;;;;KAaJ;QACD,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,CAAC;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KACjB,CAAC;CACH,CAAC,CAAA;AAEF,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACvD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE1C,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"}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
1
|
import { createOverlays, screenshot } from 'screenci';
|
|
2
|
-
//
|
|
3
|
-
//
|
|
4
|
-
// it, then captures a branded still. The Overlays guide animates the same
|
|
5
|
-
// example (locator-highlight-animated.screenci.ts).
|
|
2
|
+
// Rings a single element on the marketing site, then captures a branded still.
|
|
3
|
+
// The Overlays guide animates the same example.
|
|
6
4
|
const overlays = createOverlays({
|
|
7
|
-
// The overlay is sized to the element's box (plus the margin) and the ring
|
|
8
|
-
// fills it, so it lands exactly around the locator with breathing room.
|
|
9
5
|
ring: (target) => ({
|
|
10
|
-
html: '<div style="width:100%;height:100%;border:4px solid #ec4899;border-radius:14px
|
|
6
|
+
html: '<div style="width:100%;height:100%;box-sizing:border-box;border:4px solid #ec4899;border-radius:14px"></div>',
|
|
11
7
|
over: target,
|
|
12
|
-
margin:
|
|
8
|
+
margin: 6,
|
|
13
9
|
}),
|
|
14
10
|
});
|
|
15
11
|
screenshot('Locator highlight', async ({ page }) => {
|
|
@@ -17,8 +13,7 @@ screenshot('Locator highlight', async ({ page }) => {
|
|
|
17
13
|
await page.waitForLoadState('networkidle');
|
|
18
14
|
const cta = page.getByRole('link', { name: 'View Documentation' });
|
|
19
15
|
await cta.scrollIntoViewIfNeeded();
|
|
20
|
-
// In a still, start the overlay and leave it open: it stays in the image
|
|
21
|
-
// with no matching end() needed.
|
|
16
|
+
// In a still, start the overlay and leave it open: it stays in the image.
|
|
22
17
|
await overlays.ring(cta).start();
|
|
23
18
|
});
|
|
24
19
|
//# sourceMappingURL=locator-highlight-still.screenci.js.map
|
|
@@ -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,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErD
|
|
1
|
+
{"version":3,"file":"locator-highlight-still.screenci.js","sourceRoot":"","sources":["../../../docs/video-sources/locator-highlight-still.screenci.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErD,+EAA+E;AAC/E,gDAAgD;AAChD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,IAAI,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,8GAA8G;QACpH,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,CAAC;KACV,CAAC;CACH,CAAC,CAAA;AAEF,UAAU,CAAC,mBAAmB,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,MAAM,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAA;IACxC,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE1C,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"}
|
package/dist/docs/videos.d.ts
CHANGED
|
@@ -19,28 +19,17 @@ export type PublishedDocVideo = DocMediaCommon & {
|
|
|
19
19
|
export type UnpublishedDocVideo = DocMediaCommon;
|
|
20
20
|
export type DocVideo = PublishedDocVideo | UnpublishedDocVideo;
|
|
21
21
|
export declare const docsVideoRegistry: {
|
|
22
|
-
readonly 'docs/
|
|
22
|
+
readonly 'docs/manual-setup': {
|
|
23
23
|
readonly publicId: "kh7ccy03njvxjm0daef5g50zv587hrbd";
|
|
24
24
|
readonly sourcePath: "screenci/docs/video-sources/installation.screenci.ts";
|
|
25
25
|
readonly showSource: false;
|
|
26
26
|
};
|
|
27
|
-
readonly 'docs/
|
|
28
|
-
readonly publicId: "
|
|
29
|
-
readonly sourcePath: "screenci/docs/video-sources/cli.screenci.ts";
|
|
30
|
-
};
|
|
31
|
-
readonly 'docs/guides/public-urls-and-embeds': {
|
|
32
|
-
readonly publicId: "kh7aj5s49s6wgfb86jgd0zht59890f17";
|
|
33
|
-
readonly sourcePath: "screenci/docs/video-sources/public-urls.screenci.ts";
|
|
34
|
-
readonly showSource: false;
|
|
35
|
-
};
|
|
36
|
-
readonly 'docs/guides/studio': {
|
|
37
|
-
readonly sourcePath: "screenci/docs/video-sources/studio.screenci.ts";
|
|
38
|
-
readonly showSource: false;
|
|
39
|
-
};
|
|
40
|
-
readonly 'docs/guides/assets-and-overlays': {
|
|
27
|
+
readonly 'docs/guides/overlays': {
|
|
28
|
+
readonly publicId: "kh71x1021zsq1h8ja72c147yr5893q69";
|
|
41
29
|
readonly sourcePath: "screenci/docs/video-sources/locator-highlight-animated.screenci.ts";
|
|
42
30
|
};
|
|
43
31
|
readonly 'docs/guides/screenshots': {
|
|
32
|
+
readonly publicId: "kh7405zt507ht1qr1mg5hgxxpx892amb";
|
|
44
33
|
readonly kind: "screenshot";
|
|
45
34
|
readonly alt: "A marketing-site link highlighted by a pink ring with margin around it, framed as a branded still";
|
|
46
35
|
readonly sourcePath: "screenci/docs/video-sources/locator-highlight-still.screenci.ts";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"videos.d.ts","sourceRoot":"","sources":["../../docs/videos.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,YAAY,CAAA;AAEjD,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAE9D,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"videos.d.ts","sourceRoot":"","sources":["../../docs/videos.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,YAAY,CAAA;AAEjD,KAAK,cAAc,GAAG;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG;IAC/C,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;AAE9D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;CAqBe,CAAA;AAE7C,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAEzD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,iBAAiB,CAEvE"}
|
package/dist/docs/videos.js
CHANGED
|
@@ -1,34 +1,18 @@
|
|
|
1
1
|
export const docsVideoRegistry = {
|
|
2
|
-
'docs/
|
|
2
|
+
'docs/manual-setup': {
|
|
3
3
|
publicId: 'kh7ccy03njvxjm0daef5g50zv587hrbd',
|
|
4
4
|
sourcePath: 'screenci/docs/video-sources/installation.screenci.ts',
|
|
5
5
|
showSource: false,
|
|
6
6
|
},
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
// Recorded locally via apps/demo-saas/videos/pitch-embed.screenci.ts, then
|
|
12
|
-
// published with `screenci make-public`.
|
|
13
|
-
'docs/guides/public-urls-and-embeds': {
|
|
14
|
-
publicId: 'kh7aj5s49s6wgfb86jgd0zht59890f17',
|
|
15
|
-
sourcePath: 'screenci/docs/video-sources/public-urls.screenci.ts',
|
|
16
|
-
showSource: false,
|
|
17
|
-
},
|
|
18
|
-
// Add a publicId after publishing. The Studio video needs a logged-in app
|
|
19
|
-
// session (SCREENCI_APP_STORAGE_STATE) to record against app.screenci.com.
|
|
20
|
-
'docs/guides/studio': {
|
|
21
|
-
sourcePath: 'screenci/docs/video-sources/studio.screenci.ts',
|
|
22
|
-
showSource: false,
|
|
23
|
-
},
|
|
24
|
-
// The animated locator-highlight overlay in the Overlays guide. Add a
|
|
25
|
-
// publicId after publishing the source.
|
|
26
|
-
'docs/guides/assets-and-overlays': {
|
|
7
|
+
// The animated locator-highlight overlay in the Overlays guide.
|
|
8
|
+
'docs/guides/overlays': {
|
|
9
|
+
publicId: 'kh71x1021zsq1h8ja72c147yr5893q69',
|
|
27
10
|
sourcePath: 'screenci/docs/video-sources/locator-highlight-animated.screenci.ts',
|
|
28
11
|
},
|
|
29
12
|
// The locator-highlight still in the Screenshots guide. Published as a
|
|
30
|
-
// screenshot recording
|
|
13
|
+
// screenshot recording.
|
|
31
14
|
'docs/guides/screenshots': {
|
|
15
|
+
publicId: 'kh7405zt507ht1qr1mg5hgxxpx892amb',
|
|
32
16
|
kind: 'screenshot',
|
|
33
17
|
alt: 'A marketing-site link highlighted by a pink ring with margin around it, framed as a branded still',
|
|
34
18
|
sourcePath: 'screenci/docs/video-sources/locator-highlight-still.screenci.ts',
|
package/dist/docs/videos.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"videos.js","sourceRoot":"","sources":["../../docs/videos.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,mBAAmB,EAAE;QACnB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,sDAAsD;QAClE,UAAU,EAAE,KAAK;KAClB;IACD,
|
|
1
|
+
{"version":3,"file":"videos.js","sourceRoot":"","sources":["../../docs/videos.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,mBAAmB,EAAE;QACnB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EAAE,sDAAsD;QAClE,UAAU,EAAE,KAAK;KAClB;IACD,gEAAgE;IAChE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,kCAAkC;QAC5C,UAAU,EACR,oEAAoE;KACvE;IACD,uEAAuE;IACvE,wBAAwB;IACxB,yBAAyB,EAAE;QACzB,QAAQ,EAAE,kCAAkC;QAC5C,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,mGAAmG;QACxG,UAAU,EACR,iEAAiE;KACpE;CAC0C,CAAA;AAE7C,MAAM,UAAU,WAAW,CAAC,IAAY;IACtC,OAAO,iBAAiB,CAAC,IAAsC,CAAC,IAAI,IAAI,CAAA;AAC1E,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAe;IACzC,OAAO,UAAU,IAAI,KAAK,CAAA;AAC5B,CAAC"}
|
package/dist/src/init.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/init.ts"],"names":[],"mappings":"AA2BA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,OAAO,CAAA;IACZ,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAKD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EACF,WAAW,GACX,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EACF,WAAW,GACX,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,CAAA;CACtB,CAAA;AAED,wBAAgB,gCAAgC,CAC9C,GAAG,EAAE,MAAM,GACV,cAAc,GAAG,IAAI,CAUvB;AAED,wBAAgB,mCAAmC,CACjD,GAAG,EAAE,MAAM,GACV,cAAc,GAAG,IAAI,CAavB;AAED,wBAAgB,uBAAuB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,CAwBpE;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CASxD;AAmSD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,GAAG,CAAC,EAAE,MAAM,GACX,cAAc,CAUhB;AAoID;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAS/D;AAoBD,wBAAgB,sBAAsB,CAAC,SAAS,UAAQ,GAAG,MAAM,CA6BhE;AAiCD,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,cAAc,GAC7B,MAAM,CAiBR;AA4DD,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,GACpB,kBAAkB,CA6BpB;AA0ED,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,GACpB,kBAAkB,CAapB;AA0MD;;;;;;;;;;GAUG;AACH,wBAAsB,qBAAqB,CACzC,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC,UAAU,CAAA;CAAO,GACxC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA2BxB;
|
|
1
|
+
{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/init.ts"],"names":[],"mappings":"AA2BA,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,GAAG,EAAE,OAAO,CAAA;IACZ,cAAc,EAAE,cAAc,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAKD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EACF,WAAW,GACX,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,EACF,WAAW,GACX,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,CAAA;CACtB,CAAA;AAED,wBAAgB,gCAAgC,CAC9C,GAAG,EAAE,MAAM,GACV,cAAc,GAAG,IAAI,CAUvB;AAED,wBAAgB,mCAAmC,CACjD,GAAG,EAAE,MAAM,GACV,cAAc,GAAG,IAAI,CAavB;AAED,wBAAgB,uBAAuB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,cAAc,CAwBpE;AAED,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CASxD;AAmSD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,GAAG,CAAC,EAAE,MAAM,GACX,cAAc,CAUhB;AAoID;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAS/D;AAoBD,wBAAgB,sBAAsB,CAAC,SAAS,UAAQ,GAAG,MAAM,CA6BhE;AAiCD,wBAAgB,oBAAoB,CAClC,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,cAAc,GAC7B,MAAM,CAiBR;AA4DD,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,GACpB,kBAAkB,CA6BpB;AA0ED,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,GACpB,kBAAkB,CAapB;AA0MD;;;;;;;;;;GAUG;AACH,wBAAsB,qBAAqB,CACzC,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC,UAAU,CAAA;CAAO,GACxC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA2BxB;AA0ID,wBAAgB,oBAAoB,IAAI,MAAM,CA+B7C;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CA0ClD;AAyGD,wBAAsB,OAAO,CAC3B,cAAc,EAAE,MAAM,GAAG,SAAS,EAClC,OAAO,EAAE,WAAW,GACnB,OAAO,CAAC,IAAI,CAAC,CAwPf;AAeD,wBAAsB,oBAAoB,CACxC,IAAI,GAAE,MAAM,EAAiB,GAC5B,OAAO,CAAC,IAAI,CAAC,CAqCf;AAED,wBAAgB,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAgC1D"}
|
package/dist/src/init.js
CHANGED
|
@@ -923,6 +923,11 @@ on:
|
|
|
923
923
|
push:
|
|
924
924
|
branches: [main]
|
|
925
925
|
workflow_dispatch:
|
|
926
|
+
inputs:
|
|
927
|
+
grep:
|
|
928
|
+
description: Only record videos whose title matches this pattern (optional)
|
|
929
|
+
required: false
|
|
930
|
+
type: string
|
|
926
931
|
|
|
927
932
|
jobs:
|
|
928
933
|
record:
|
|
@@ -964,7 +969,13 @@ jobs:
|
|
|
964
969
|
working-directory: ${islandWorkflowPath}
|
|
965
970
|
env:
|
|
966
971
|
SCREENCI_SECRET: \${{ secrets.SCREENCI_SECRET }}
|
|
967
|
-
|
|
972
|
+
SCREENCI_GREP: \${{ inputs.grep }}
|
|
973
|
+
run: |
|
|
974
|
+
if [ -n "$SCREENCI_GREP" ]; then
|
|
975
|
+
${commands.screenciRun} record --grep "$SCREENCI_GREP"
|
|
976
|
+
else
|
|
977
|
+
${commands.screenciRun} record
|
|
978
|
+
fi
|
|
968
979
|
`;
|
|
969
980
|
}
|
|
970
981
|
export function generateExampleVideo() {
|