Add Playwright (#3)

Author: rmcdaniel

.devcontainer/devcontainer.json

@@ -19,7 +19,7 @@
         "CoenraadS.bracket-pair-colorizer"
 	],
 	"remoteUser": "sail",
-    "postCreateCommand": "chown -R 1000:1000 /var/www/html && composer install && php artisan key:generate && echo \"ASSET_URL=https://${CODESPACE_NAME}-80.${GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN}\" >> .env",
+    "postCreateCommand": "chown -R 1000:1000 /var/www/html && npm install && npx playwright install && composer install && php artisan key:generate && echo \"ASSET_URL=https://${CODESPACE_NAME}-80.${GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN}\" >> .env",
 	"forwardPorts": [80]
 	// "runServices": [],
 	// "shutdownAction": "none",

app/Console/Commands/Playwright.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Console\Commands;
+
+use App\Workflows\Playwright\CheckConsoleErrorsWorkflow;
+use Illuminate\Console\Command;
+use Workflow\WorkflowStub;
+
+class Playwright extends Command
+{
+    /**
+     * The name and signature of the console command.
+     *
+     * @var string
+     */
+    protected $signature = 'app:playwright';
+
+    /**
+     * The console command description.
+     *
+     * @var string
+     */
+    protected $description = 'Runs a workflow';
+
+    /**
+     * Execute the console command.
+     */
+    public function handle()
+    {
+        $workflow = WorkflowStub::make(CheckConsoleErrorsWorkflow::class);
+        $workflow->start('https://example.com');
+        while ($workflow->running());
+        $this->info($workflow->output()['mp4']);
+    }
+}

app/Workflows/Playwright/CheckConsoleErrorsActivity.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Workflows\Playwright;
+
+use Workflow\Activity;
+use Illuminate\Support\Facades\Log;
+use Symfony\Component\Process\Process;
+use Symfony\Component\Process\Exception\ProcessFailedException;
+
+class CheckConsoleErrorsActivity extends Activity
+{
+    public function execute(string $url)
+    {
+        $process = new Process(['node', base_path('playwright-script.js'), $url]);
+        $process->run();
+
+        if (! $process->isSuccessful()) {
+            throw new ProcessFailedException($process);
+        }
+
+        return json_decode($process->getOutput(), true);
+    }
+}

app/Workflows/Playwright/CheckConsoleErrorsWorkflow.php

@@ -0,0 +1,22 @@
+<?php
+
+namespace App\Workflows\Playwright;
+
+use Exceoption;
+use Workflow\ActivityStub;
+use Workflow\Workflow;
+
+class CheckConsoleErrorsWorkflow extends Workflow
+{
+    public function execute(string $url)
+    {
+        $result = yield ActivityStub::make(CheckConsoleErrorsActivity::class, $url);
+
+        $mp4 = yield ActivityStub::make(ConvertVideoActivity::class, $result['video']);
+
+        return [
+            'errors' => $result['errors'],
+            'mp4' => $mp4,
+        ];
+    }
+}

app/Workflows/Playwright/ConvertVideoActivity.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Workflows\Playwright;
+
+use Workflow\Activity;
+use Illuminate\Support\Facades\Log;
+use Symfony\Component\Process\Process;
+use Symfony\Component\Process\Exception\ProcessFailedException;
+
+class ConvertVideoActivity extends Activity
+{
+    public function execute(string $webm)
+    {
+        $mp4 = str_replace('.webm', '.mp4', $webm);
+
+        $process = new Process(['ffmpeg', '-i', $webm, '-c:v', 'libx264', '-preset', 'fast', '-crf', '23', '-c:a', 'aac', '-b:a', '128k', $mp4]);
+        $process->run();
+
+        if (! $process->isSuccessful()) {
+            throw new ProcessFailedException($process);
+        }
+
+        unlink($webm);
+
+        return $mp4;
+    }
+}

docker/Dockerfile

@@ -39,6 +39,7 @@ RUN apt-get update \
     && apt-get install -y yarn \
     && apt-get install -y mysql-client \
     && apt-get install -y postgresql-client-$POSTGRES_VERSION \
+    && npx playwright install --with-deps \
     && apt-get -y autoremove \
     && apt-get clean \
     && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*