screenci 0.0.24 → 0.0.26

package/dist/Dockerfile

@@ -10,15 +10,23 @@ RUN apt-get update && apt-get install -y --no-install-recommends \
     && rm -rf /var/lib/apt/lists/*
 
 # ── Dependency layer (cached until package.json changes) ──────────────────────
-# Install screenci as a workspace package so npm creates the bin link.
+# Install through a workspace to keep dependency resolution unchanged, then
+# replace the workspace symlink with a real package under node_modules. Playwright
+# skips transforms for node_modules packages, but follows workspace symlinks to
+# /app/screenci and can rewrite compiled ESM as CJS while loading TS configs.
 COPY package.json ./screenci/
-RUN printf '{"private":true,"workspaces":["screenci"]}' > package.json && npm install
+RUN printf '{"private":true,"workspaces":["screenci"]}' > package.json && \
+    npm install && \
+    rm /app/node_modules/screenci && \
+    mkdir -p /app/node_modules/screenci
 
 # Playwright browser download: only re-runs when the playwright version changes.
 RUN npx playwright install chromium --with-deps
 
 # ── screenci build output ─────────────────────────────────────────────────────
 COPY dist ./screenci/dist/
+COPY package.json ./node_modules/screenci/package.json
+COPY dist ./node_modules/screenci/dist/
 
 # Explicit bin wrapper — no npm bin-linking magic needed.
 RUN printf '#!/bin/sh\nexec node /app/screenci/dist/cli.js "$@"\n' > /app/node_modules/.bin/screenci && \

package/dist/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../cli.ts"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EACV,uBAAuB,EACvB,aAAa,EAEd,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AA4D/C,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAiBD,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC,EACtD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,KAAK,IAAI,GACxC,MAAM,IAAI,CAiBZ;AAuED,QAAA,MAAM,mCAAmC;;;CAG/B,CAAA;AAEV,KAAK,oBAAoB,GAAG,MAAM,OAAO,mCAAmC,CAAA;AAmc5E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,QAAQ,GAAG,uBAAuB,GACxC,QAAQ,GAAG,uBAAuB,CAKpC;AAED,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,mBAAmB,EAAE,GAC5B,aAAa,CAqEf;AAQD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,MAAM,CAeR;AAED,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,IAAI,CAcN;AAgRD,wBAAgB,gBAAgB,IAAI,MAAM,CAKzC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C;AA0FD,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,aAAa,GAAG,SAAS,GAClC,MAAM,GAAG,SAAS,CAepB;AAqjBD,wBAAsB,IAAI,kBAkPzB;AAoJD,wBAAgB,sBAAsB,CACpC,aAAa,CAAC,EAAE,oBAAoB,GACnC,oBAAoB,CAoBtB"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../cli.ts"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EACV,uBAAuB,EACvB,aAAa,EAEd,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AA4D/C,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAiBD,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,IAAI,GAAG,KAAK,GAAG,OAAO,CAAC,EACtD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,KAAK,IAAI,GACxC,MAAM,IAAI,CAiBZ;AAuED,QAAA,MAAM,mCAAmC;;;CAG/B,CAAA;AAEV,KAAK,oBAAoB,GAAG,MAAM,OAAO,mCAAmC,CAAA;AAmc5E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,QAAQ,GAAG,uBAAuB,GACxC,QAAQ,GAAG,uBAAuB,CAKpC;AAED,wBAAgB,oCAAoC,CAClD,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,mBAAmB,EAAE,GAC5B,aAAa,CAqEf;AAQD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,MAAM,CAeR;AAED,wBAAgB,8BAA8B,CAC5C,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,MAAM,GACb,IAAI,CAcN;AAgRD,wBAAgB,gBAAgB,IAAI,MAAM,CAKzC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAK1C;AA0FD,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,aAAa,GAAG,SAAS,GAClC,MAAM,GAAG,SAAS,CAepB;AAuvBD,wBAAsB,IAAI,kBAoQzB;AAoJD,wBAAgB,sBAAsB,CACpC,aAAa,CAAC,EAAE,oBAAoB,GACnC,oBAAoB,CAoBtB"}

package/dist/cli.js

@@ -982,11 +982,10 @@ export default defineConfig({
 })
 `;
 }
-function generatePackageJson(projectName, includePlaywrightCli = false) {
+function generatePackageJson(projectName, includePlaywrightCli = false, screenciDependency = 'latest') {
     const npmName = projectName.toLowerCase().replace(/[^a-z0-9-]/g, '-');
     const devDependencies = {
         '@types/node': '^25.0.0',
-        tsx: '^4.21.0',
     };
     if (includePlaywrightCli) {
         devDependencies['@playwright/cli'] = 'latest';
@@ -1002,7 +1001,7 @@ function generatePackageJson(projectName, includePlaywrightCli = false) {
             test: 'screenci test',
         },
         dependencies: {
-            screenci: 'latest',
+            screenci: screenciDependency,
         },
         devDependencies,
     }, null, 2) + '\n');
@@ -1020,13 +1019,17 @@ Learn more: https://screenci.com/docs/intro/
 
 ## Quick start
 
-1. Run tests in UI mode:
+1. Create your own videos in \`videos/*.video.ts\`, either manually or with an AI agent using your source code or a URL.
 
-   \`npx screenci test\` or \`npx screenci test --ui\`
+2. Run videos locally to test the script working:
 
-2. Record and upload videos:
+   \`npx screenci test\` or with UI mode: \`npx screenci test --ui\`
+
+3. Record videos:
 
    \`npx screenci record\`
+
+4. View results on screenci.com and optionally enable a public URL to embed the video on your site.
 `;
 }
 function generateDockerfile() {
@@ -1062,25 +1065,23 @@ jobs:
           SCREENCI_SECRET: \${{ secrets.SCREENCI_SECRET }}
         run: |
           if [ -z "$SCREENCI_SECRET" ]; then
-            echo "::error::SCREENCI_SECRET is not set. Add it under Settings → Secrets and variables → Actions."
+            echo "::error::SCREENCI_SECRET is not set. Copy it from https://app.screenci.com/secrets and add it under Settings → Secrets and variables → Actions → Repository secrets."
             exit 1
           fi
 
       - uses: actions/checkout@v4
 
-      - name: Build Docker image
-        run: docker build -t screenci-project .
+      - uses: actions/setup-node@v6
+        with:
+          node-version: latest
+
+      - name: Install dependencies
+        run: npm install
 
       - name: Record
         env:
           SCREENCI_SECRET: \${{ secrets.SCREENCI_SECRET }}
-        run: |
-          docker run --rm \\
-            -e SCREENCI_SECRET \\
-            -e SCREENCI_IN_CONTAINER=true \\
-            -e SCREENCI_RECORD=true \\
-            screenci-project \\
-            npm run record
+        run: npm run record
 `;
 }
 function openBrowser(url) {
@@ -1134,23 +1135,110 @@ async function performBrowserLogin(appUrl) {
     });
 }
 function generateExampleVideo() {
-    return `import { video } from 'screenci'
+    return `import { createNarration, hide, video, voices } from 'screenci'
+
+const narration = createNarration({
+  voice: { name: voices.Sophie, style: 'Clear, friendly product walkthrough' },
+  languages: {
+    en: {
+      cues: {
+        intro:
+          'Here is how to find instructions for starting to create your own ScreenCI [pronounce: screen see eye] videos. [short pause] Start on the homepage, then open the documentation from the hero section.',
+        docs: 'The documentation opens with the guide sidebar on the left. In the Guides group, choose AI-Supported Editing.',
+      },
+    },
+    es: {
+      cues: {
+        intro:
+          'Aqui se muestra como encontrar instrucciones para empezar a crear tus propios videos de ScreenCI [pronounce: screen see eye]. [short pause] Comienza en la pagina principal y abre la documentacion desde la seccion principal.',
+        docs: 'La documentacion se abre con la barra lateral de guias a la izquierda. En el grupo Guias, elige Edicion asistida por IA.',
+      },
+    },
+  },
+})
 
-video('Example video', async ({ page }) => {
-  await page.goto('https://example.com')
-  await page.waitForTimeout(3000)
+video('Navigate to AI editing documentation', async ({ page }) => {
+  await hide(async () => {
+    await page.goto('https://screenci.com/')
+    await page.getByText('ScreenCI', { exact: true }).first().waitFor()
+  })
+
+  await narration.intro
+  await page.getByRole('link', { name: 'View Documentation' }).click()
+
+  await narration.docs
+  await page
+    .getByRole('link', { name: 'AI-Supported Editing', exact: true })
+    .click()
 })
 `;
 }
 async function promptProjectName() {
     return input({ message: 'Project name:' });
 }
+async function promptInitGitRepository() {
+    return confirm({
+        message: 'Initialize a git repository? (Y/n)',
+        default: true,
+    });
+}
+async function promptInitDependencies() {
+    return confirm({
+        message: 'Install dependencies now, including Chromium for Playwright? (Y/n)',
+        default: true,
+    });
+}
+async function promptInitAiAuthoring() {
+    return confirm({
+        message: 'Do you want to write videos with an AI agent based on a URL and not just source code? If yes, playwright-cli will be also installed.',
+        default: true,
+    });
+}
+async function promptInitGithubActionCi() {
+    return confirm({
+        message: 'Do you want to add Github Action CI? (Y/n)',
+        default: true,
+    });
+}
 function getProjectDirName(name) {
     return name.toLowerCase().replace(/\s+/g, '-');
 }
 function getInitProjectRoot() {
     return process.env['SCREENCI_INIT_CWD'] ?? process.cwd();
 }
+function isSourceCliEntrypoint(entrypoint) {
+    return (entrypoint?.endsWith('/cli.ts') === true ||
+        entrypoint?.endsWith('\\cli.ts') === true);
+}
+function getDevScreenciPackageRoot() {
+    const explicitRoot = process.env.SCREENCI_DEV_PACKAGE_ROOT?.trim();
+    if (explicitRoot)
+        return resolve(explicitRoot);
+    if (!isSourceCliEntrypoint(process.argv[1]))
+        return undefined;
+    return dirname(fileURLToPath(import.meta.url));
+}
+function getLocalScreenciDependency(packageRoot, projectDir) {
+    const relativePath = pathRelative(projectDir, packageRoot) || '.';
+    const normalizedPath = relativePath.replace(/\\/g, '/');
+    return `file:${normalizedPath.startsWith('.') ? normalizedPath : `./${normalizedPath}`}`;
+}
+async function buildLocalScreenciPackage(packageRoot) {
+    logger.info(`Using local screenci package: ${packageRoot}`);
+    logger.info("Running 'npm run build' for local screenci package...");
+    await spawnInherited('npm', ['run', 'build'], packageRoot, 'screenci dev build');
+}
+async function installLocalScreenciPackage(projectDir, packageRoot) {
+    const packageJsonPath = resolve(projectDir, 'package.json');
+    const packageJson = JSON.parse(await readFile(packageJsonPath, 'utf-8'));
+    packageJson.dependencies = {
+        ...packageJson.dependencies,
+        screenci: getLocalScreenciDependency(packageRoot, projectDir),
+    };
+    await writeFile(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`);
+    logger.info('Installing local screenci package into this project...');
+    await spawnInherited('npm', ['install', '--install-links'], projectDir, 'screenci dev install');
+}
 function buildChildEnv() {
     const { PATH, HOME, USER, LOGNAME, TMPDIR, TEMP, TMP } = process.env;
     return {
@@ -1169,6 +1257,7 @@ function buildChildEnv() {
         SCREENCI_IN_CONTAINER: process.env.SCREENCI_IN_CONTAINER,
         SCREENCI_RECORD: process.env.SCREENCI_RECORD,
         SCREENCI_SIGNAL_LOGGING: process.env.SCREENCI_SIGNAL_LOGGING,
+        SCREENCI_DEV_PACKAGE_ROOT: process.env.SCREENCI_DEV_PACKAGE_ROOT,
     };
 }
 function requireContainerRuntime() {
@@ -1220,7 +1309,8 @@ function checkNodeVersion() {
         process.exit(1);
     }
 }
-async function runInit(projectNameArg, verbose = false) {
+async function runInit(projectNameArg, options) {
+    const { verbose, git, install, yes, skill, ci } = options;
     checkNodeVersion();
     checkContainerRuntimeForInit();
     const initCwd = getInitProjectRoot();
@@ -1238,10 +1328,26 @@ async function runInit(projectNameArg, verbose = false) {
         logger.error(`Error: Directory "${dirName}" already exists`);
         process.exit(1);
     }
-    const shouldAddPlaywrightCli = await confirm({
-        message: 'Do you want to write videos with an AI agent based on a URL and not just source code? If yes, playwright-cli will be also installed.',
-        default: true,
-    });
+    const shouldInitializeGitRepository = yes
+        ? true
+        : git
+            ? true
+            : await promptInitGitRepository();
+    const shouldInstallDependencies = yes
+        ? true
+        : install
+            ? true
+            : await promptInitDependencies();
+    const shouldAddPlaywrightCli = yes
+        ? true
+        : skill
+            ? true
+            : await promptInitAiAuthoring();
+    const shouldAddGithubActionCi = yes
+        ? true
+        : ci
+            ? true
+            : await promptInitGithubActionCi();
     const skillsArgs = [
         '--yes',
         'skills',
@@ -1253,15 +1359,28 @@ async function runInit(projectNameArg, verbose = false) {
         '-y',
     ];
     const skillsCommand = `npx ${skillsArgs.join(' ')}`;
+    const devScreenciPackageRoot = getDevScreenciPackageRoot();
+    const screenciDependency = devScreenciPackageRoot
+        ? getLocalScreenciDependency(devScreenciPackageRoot, projectDir)
+        : 'latest';
+    if (devScreenciPackageRoot) {
+        await buildLocalScreenciPackage(devScreenciPackageRoot);
+    }
     await mkdir(resolve(projectDir, 'videos'), { recursive: true });
-    await mkdir(resolve(projectDir, '.github', 'workflows'), { recursive: true });
+    if (shouldAddGithubActionCi) {
+        await mkdir(resolve(projectDir, '.github', 'workflows'), {
+            recursive: true,
+        });
+    }
     await writeFile(resolve(projectDir, 'screenci.config.ts'), generateConfig(projectName));
-    await writeFile(resolve(projectDir, 'package.json'), generatePackageJson(dirName, shouldAddPlaywrightCli));
+    await writeFile(resolve(projectDir, 'package.json'), generatePackageJson(dirName, shouldAddPlaywrightCli, screenciDependency));
     await writeFile(resolve(projectDir, 'README.md'), generateReadme(projectName));
     await writeFile(resolve(projectDir, 'Dockerfile'), generateDockerfile());
     await writeFile(resolve(projectDir, '.gitignore'), generateGitignore());
     await writeFile(resolve(projectDir, 'videos', 'example.video.ts'), generateExampleVideo());
-    await writeFile(resolve(projectDir, '.github', 'workflows', 'record.yml'), generateGithubAction());
+    if (shouldAddGithubActionCi) {
+        await writeFile(resolve(projectDir, '.github', 'workflows', 'record.yml'), generateGithubAction());
+    }
     await writeFile(resolve(projectDir, '.env'), '');
     logger.info(`Initialized screenci project "${projectName}" in ${projectDir}/`);
     logger.info('Files created:');
@@ -1271,44 +1390,77 @@ async function runInit(projectNameArg, verbose = false) {
     logger.info('  Dockerfile');
     logger.info('  .gitignore');
     logger.info('  videos/example.video.ts');
-    logger.info('  .github/workflows/record.yml');
+    if (shouldAddGithubActionCi) {
+        logger.info('  .github/workflows/record.yml');
+    }
     logger.info('  .env  (empty placeholder)');
     logger.info('');
-    logger.info('screenci requires dependencies to be installed.');
-    if (verbose) {
-        logger.info(`Running '${skillsCommand}'...`);
-        await spawnInherited('npx', skillsArgs, projectDir, 'screenci init');
-    }
-    else {
-        const spinner = ora('Adding ScreenCI skills...').start();
-        try {
-            await spawnSilent('npx', skillsArgs, projectDir);
-            spinner.succeed('ScreenCI skills added');
+    if (shouldInitializeGitRepository) {
+        if (verbose) {
+            logger.info("Running 'git init'...");
+            await spawnInherited('git', ['init'], projectDir, 'screenci init');
         }
-        catch (err) {
-            spinner.fail('ScreenCI skills install failed');
-            throw err;
+        else {
+            const spinner = ora('Initializing git repository...').start();
+            try {
+                await spawnSilent('git', ['init'], projectDir);
+                spinner.succeed('Git repository initialized');
+            }
+            catch (err) {
+                spinner.fail('git init failed');
+                throw err;
+            }
         }
     }
-    if (verbose) {
-        logger.info("Running 'npm install'...");
-        await spawnInherited('npm', ['install'], projectDir, 'screenci init');
-    }
-    else {
-        const spinner = ora('Running npm install...').start();
-        try {
-            await spawnSilent('npm', ['install', '--prefix', projectDir]);
-            spinner.succeed('npm install complete');
+    if (shouldInstallDependencies) {
+        logger.info('screenci requires dependencies to be installed.');
+        if (verbose) {
+            logger.info(`Running '${skillsCommand}'...`);
+            await spawnInherited('npx', skillsArgs, projectDir, 'screenci init');
         }
-        catch (err) {
-            spinner.fail('npm install failed');
-            throw err;
+        else {
+            const spinner = ora('Adding ScreenCI skills...').start();
+            try {
+                await spawnSilent('npx', skillsArgs, projectDir);
+                spinner.succeed('ScreenCI skills added');
+            }
+            catch (err) {
+                spinner.fail('ScreenCI skills install failed');
+                throw err;
+            }
+        }
+        if (verbose) {
+            const installArgs = devScreenciPackageRoot
+                ? ['install', '--install-links']
+                : ['install'];
+            logger.info(`Running 'npm ${installArgs.join(' ')}'...`);
+            await spawnInherited('npm', installArgs, projectDir, 'screenci init');
+        }
+        else {
+            const spinner = ora('Running npm install...').start();
+            try {
+                const installArgs = devScreenciPackageRoot
+                    ? ['install', '--install-links', '--prefix', projectDir]
+                    : ['install', '--prefix', projectDir];
+                await spawnSilent('npm', installArgs);
+                spinner.succeed('npm install complete');
+            }
+            catch (err) {
+                spinner.fail('npm install failed');
+                throw err;
+            }
         }
+        logger.info("Local development requires Chromium for Playwright, running 'npx playwright install chromium --with-deps'...");
+        await spawnInherited('npx', ['playwright', 'install', 'chromium', '--with-deps'], projectDir, 'screenci init');
+        logger.info(`${pc.green('✔')} Playwright installed successfully`);
+    }
+    else {
+        logger.info('Dependencies were not installed automatically.');
+        logger.info('Run these commands when you are ready:');
+        logger.info(`  ${skillsCommand}`);
+        logger.info('  npm install');
+        logger.info('  npx playwright install chromium --with-deps');
     }
-    logger.info('Local development requires Chromium for Playwright.');
-    logger.info("Running 'npx playwright install chromium --with-deps'...");
-    await spawnInherited('npx', ['playwright', 'install', 'chromium', '--with-deps'], projectDir, 'screenci init');
-    logger.info(`${pc.green('ok')} Playwright installed successfully`);
     const cliDir = dirname(fileURLToPath(import.meta.url));
     await buildRecordImages(requireContainerRuntime(), cliDir, resolve(projectDir, 'Dockerfile'), projectDir, verbose);
     logger.info('');
@@ -1428,6 +1580,9 @@ export async function main() {
         .action(async () => {
         const parsed = parseConfigCliArgs(getSubcommandArgv('test'));
         await run('test', parsed.otherArgs, parsed.configPath);
+        if (process.env.SCREENCI_IN_CONTAINER === 'true')
+            return;
+        logger.info('Tests passed. Run `npx screenci record` to render the videos.');
     });
     program
         .command('info')
@@ -1463,13 +1618,25 @@ export async function main() {
     program
         .command('init [name]')
         .description('Initialize a new screenci project')
+        .option('--git', 'initialize a git repository without prompting')
+        .option('--install', 'install skills, dependencies, and Chromium without prompting')
+        .option('--ci', 'add GitHub Action CI without prompting')
+        .option('--skill', 'enable playwright-cli without prompting')
+        .option('-y, --yes', 'answer yes to all init prompts')
         .option('-v, --verbose', 'verbose output')
         .action(async (name, options) => {
         if (name === 'auth') {
             await runInitAuth();
         }
         else {
-            await runInit(name, options['verbose'] ?? false);
+            await runInit(name, {
+                verbose: options['verbose'] ?? false,
+                git: options['git'] ?? false,
+                install: options['install'] ?? false,
+                yes: options['yes'] ?? false,
+                skill: options['skill'] ?? false,
+                ci: options['ci'] ?? false,
+            });
         }
     });
     try {
@@ -1834,6 +2001,12 @@ async function run(command, additionalArgs, customConfigPath) {
         logger.info(`Running ScreenCI ${mode} with npx...`);
         logger.info(`Using config: ${configPath}`);
     }
+    const devScreenciPackageRoot = getDevScreenciPackageRoot();
+    if (devScreenciPackageRoot) {
+        const configDir = dirname(configPath);
+        await buildLocalScreenciPackage(devScreenciPackageRoot);
+        await installLocalScreenciPackage(configDir, devScreenciPackageRoot);
+    }
     const playwrightArgs = [
         'playwright',
         'test',