@hanzogui/kitchen-sink 3.0.5

package/plugins/expo-modules-core-swift6.js

@@ -0,0 +1,76 @@
+// workaround: expo-modules-core 55.x ships Swift 6 strict concurrency
+// which requires SWIFT_VERSION=6 to compile (uses @MainActor in conformance clauses).
+// SWIFT_STRICT_CONCURRENCY=minimal suppresses the resulting concurrency warnings
+// that would otherwise become errors in swift 6 mode.
+// tracking issue: https://github.com/expo/expo/issues/42525
+// remove this plugin once expo-modules-core ships a fix or expo SDK 56+ resolves it.
+const { withDangerousMod } = require('@expo/config-plugins')
+const fs = require('fs')
+const path = require('path')
+
+module.exports = function withExpoModulesCoreSwift6(config) {
+  return withDangerousMod(config, [
+    'ios',
+    async (config) => {
+      const podfilePath = path.join(config.modRequest.platformProjectRoot, 'Podfile')
+
+      // the Podfile may not exist yet during early prebuild phases - skip if so
+      if (!fs.existsSync(podfilePath)) {
+        return config
+      }
+
+      let podfile = fs.readFileSync(podfilePath, 'utf8')
+
+      // avoid double-injection
+      if (podfile.includes('# workaround: expo-modules-core 55.x')) {
+        return config
+      }
+
+      const workaround = `
+    # workaround: expo-modules-core 55.x requires Swift 6 mode with isolated
+    # conformances (SE-0470) for @MainActor in protocol conformance syntax.
+    # SWIFT_STRICT_CONCURRENCY=minimal suppresses concurrency warnings/errors.
+    installer.pods_project.targets.each do |target|
+      if target.name == 'ExpoModulesCore'
+        target.build_configurations.each do |build_config|
+          build_config.build_settings['SWIFT_VERSION'] = '6'
+          build_config.build_settings['SWIFT_STRICT_CONCURRENCY'] = 'minimal'
+          flags = build_config.build_settings['OTHER_SWIFT_FLAGS'] || '$(inherited)'
+          unless flags.include?('IsolatedConformances')
+            build_config.build_settings['OTHER_SWIFT_FLAGS'] = "#{flags} -enable-upcoming-feature IsolatedConformances"
+          end
+        end
+      end
+      # workaround: ContextMenuAuxiliaryPreview uses deprecated transform: .default
+      # which is an error in Xcode 26 / Swift 6.2 strict mode.
+      if target.name == 'ContextMenuAuxiliaryPreview'
+        target.build_configurations.each do |build_config|
+          build_config.build_settings['SWIFT_TREAT_WARNINGS_AS_ERRORS'] = 'NO'
+          build_config.build_settings['GCC_TREAT_WARNINGS_AS_ERRORS'] = 'NO'
+        end
+      end
+    end
+`
+      // insert before the closing `end` of post_install block
+      const updated = podfile.replace(
+        /(post_install do \|installer\|.*?)(^\s+end\s*\nend)/ms,
+        `$1${workaround}$2`
+      )
+
+      if (updated === podfile) {
+        console.warn(
+          '[expo-modules-core-swift6] WARNING: could not find post_install block in Podfile - workaround not applied'
+        )
+      } else {
+        console.log(
+          '[expo-modules-core-swift6] applied ExpoModulesCore Swift 6 workaround to Podfile'
+        )
+      }
+
+      if (updated !== podfile) {
+        fs.writeFileSync(podfilePath, updated)
+      }
+      return config
+    },
+  ])
+}

package/pod-install.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+# ensure it doesnt complain
+# we moved this out of the repo
+# rm -r ../../starters/next-expo-solito/node_modules/react-native-gesture-handler
+
+npx pod-install

package/public/favicon.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <style>
+    rect {
+      fill: #444;
+    }
+    @media (prefers-color-scheme: dark) {
+      rect {
+        fill: #777;
+      }
+    }
+</style>
+
+    <g id="favicon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="tamagui-icon-copy" transform="translate(16.000000, 16.000000) scale(-1, 1) translate(-16.000000, -16.000000) translate(1.000000, 2.000000)" fill="#141414">
+            <g id="guy">
+                <rect x="10" y="0" width="2" height="2"></rect>
+                <rect x="12" y="0" width="2" height="2"></rect>
+                <rect x="14" y="0" width="2" height="2"></rect>
+                <rect x="16" y="0" width="2" height="2"></rect>
+                <rect x="18" y="0" width="2" height="2"></rect>
+                <rect x="20" y="0" width="2" height="2"></rect>
+                <rect x="22" y="2" width="2" height="2"></rect>
+                <rect x="24" y="4" width="2" height="2"></rect>
+                <rect x="26" y="6" width="2" height="2"></rect>
+                <rect x="26" y="8" width="2" height="2"></rect>
+                <rect x="26" y="10" width="2" height="2"></rect>
+                <rect x="26" y="12" width="2" height="2"></rect>
+                <rect x="28" y="14" width="2" height="2"></rect>
+                <rect x="28" y="16" width="2" height="2"></rect>
+                <rect x="28" y="18" width="2" height="2"></rect>
+                <rect x="26" y="20" width="2" height="2"></rect>
+                <rect x="24" y="22" width="2" height="2"></rect>
+                <rect x="22" y="24" width="2" height="2"></rect>
+                <rect x="20" y="26" width="2" height="2"></rect>
+                <rect x="18" y="26" width="2" height="2"></rect>
+                <rect x="16" y="24" width="2" height="2"></rect>
+                <rect x="14" y="24" width="2" height="2"></rect>
+                <rect x="14" y="26" width="2" height="2"></rect>
+                <rect x="12" y="26" width="2" height="2"></rect>
+                <rect x="10" y="24" width="2" height="2"></rect>
+                <rect x="10" y="22" width="2" height="2"></rect>
+                <rect x="8" y="20" width="2" height="2"></rect>
+                <rect x="6" y="16" width="2" height="2"></rect>
+                <rect x="6" y="18" width="2" height="2"></rect>
+                <rect x="6" y="14" width="2" height="2"></rect>
+                <rect x="4" y="12" width="2" height="2"></rect>
+                <rect x="2" y="12" width="2" height="2"></rect>
+                <rect x="0" y="10" width="2" height="2"></rect>
+                <rect x="2" y="8" width="2" height="2"></rect>
+                <rect x="4" y="8" width="2" height="2"></rect>
+                <rect x="6" y="8" width="2" height="2"></rect>
+                <rect x="0" y="6" width="2" height="2"></rect>
+                <rect x="0" y="8" width="2" height="2"></rect>
+                <rect x="2" y="4" width="2" height="2"></rect>
+                <rect x="2" y="4" width="2" height="2"></rect>
+                <rect x="4" y="4" width="2" height="2"></rect>
+                <rect x="8" y="2" width="2" height="2"></rect>
+                <rect x="10" y="4" width="2" height="2"></rect>
+                <rect x="16" y="6" width="2" height="2"></rect>
+                <rect x="16" y="14" width="2" height="2"></rect>
+                <rect x="16" y="16" width="2" height="2"></rect>
+                <rect x="18" y="18" width="2" height="2"></rect>
+                <rect x="20" y="16" width="2" height="2"></rect>
+                <rect x="20" y="14" width="2" height="2"></rect>
+                <rect x="6" y="4" width="2" height="2"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

package/public/fonts/inter.css

@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'Inter';
+  src: url('Medium.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: url('ExtraBold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}

package/public/gui-icon.svg

@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="424px" height="394px" viewBox="0 0 424 394" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-156.000000, -164.000000)">
+            <g transform="translate(155.000000, 164.000000)">
+                <g transform="translate(22.500000, 30.000000)" opacity="0.267275856">
+                    <g>
+                        <path d="M289.285714,0 L289.285714,28.75 L351,28.75 L350.999,57.5 L405,57.5 L405,143.75 L350.999,143.75 L351,172.5 L289.285714,172.5 L289.285714,287.5 L260.357,287.5 L260.357143,345 L57.8571429,345 L57.857,287.5 L0,287.5 L0,57.5 L57.857,57.5 L57.8571429,0 L289.285714,0 Z"></path>
+                    </g>
+                </g>
+                <g transform="translate(212.500000, 197.000000) scale(-1, 1) translate(-212.500000, -197.000000) translate(0.500000, 0.000000)" fill="#000">
+                    <g>
+                        <rect x="144" y="0" width="20" height="20"></rect>
+                        <rect x="172.8" y="0" width="20" height="20"></rect>
+                        <rect x="201.6" y="0" width="20" height="20"></rect>
+                        <rect x="230.4" y="0" width="20" height="20"></rect>
+                        <rect x="259.2" y="0" width="20" height="20"></rect>
+                        <rect x="288" y="0" width="20" height="20"></rect>
+                        <rect x="316.8" y="28.7142857" width="20" height="20"></rect>
+                        <rect x="345.6" y="57.4285714" width="20" height="20"></rect>
+                        <rect x="374.4" y="86.1428571" width="20" height="20"></rect>
+                        <rect x="374.4" y="114.857143" width="20" height="20"></rect>
+                        <rect x="374.4" y="143.571429" width="20" height="20"></rect>
+                        <rect x="374.4" y="172.285714" width="20" height="20"></rect>
+                        <rect x="403.2" y="201" width="20" height="20"></rect>
+                        <rect x="403.2" y="229.714286" width="20" height="20"></rect>
+                        <rect x="403.2" y="258.428571" width="20" height="20"></rect>
+                        <rect x="374.4" y="287.142857" width="20" height="20"></rect>
+                        <rect x="345.6" y="315.857143" width="20" height="20"></rect>
+                        <rect x="316.8" y="344.571429" width="20" height="20"></rect>
+                        <rect x="288" y="373.285714" width="20" height="20"></rect>
+                        <rect x="259.2" y="373.285714" width="20" height="20"></rect>
+                        <rect x="230.4" y="344.571429" width="20" height="20"></rect>
+                        <rect x="201.6" y="344.571429" width="20" height="20"></rect>
+                        <rect x="201.6" y="373.285714" width="20" height="20"></rect>
+                        <rect x="172.8" y="373.285714" width="20" height="20"></rect>
+                        <rect x="144" y="344.571429" width="20" height="20"></rect>
+                        <rect x="144" y="315.857143" width="20" height="20"></rect>
+                        <rect x="115.2" y="287.142857" width="20" height="20"></rect>
+                        <rect x="86.4" y="229.714286" width="20" height="20"></rect>
+                        <rect x="86.4" y="258.428571" width="20" height="20"></rect>
+                        <rect x="86.4" y="201" width="20" height="20"></rect>
+                        <rect x="57.6" y="172.285714" width="20" height="20"></rect>
+                        <rect x="28.8" y="172.285714" width="20" height="20"></rect>
+                        <rect x="0" y="143.571429" width="20" height="20"></rect>
+                        <rect x="28.8" y="114.857143" width="20" height="20"></rect>
+                        <rect x="57.6" y="114.857143" width="20" height="20"></rect>
+                        <rect x="86.4" y="114.857143" width="20" height="20"></rect>
+                        <rect x="0" y="86.1428571" width="20" height="20"></rect>
+                        <rect x="0" y="114.857143" width="20" height="20"></rect>
+                        <rect x="28.8" y="57.4285714" width="20" height="20"></rect>
+                        <rect x="28.8" y="57.4285714" width="20" height="20"></rect>
+                        <rect x="57.6" y="57.4285714" width="20" height="20"></rect>
+                        <rect x="115.2" y="28.7142857" width="20" height="20"></rect>
+                        <rect x="144" y="57.4285714" width="20" height="20"></rect>
+                        <rect x="230.4" y="86.1428571" width="20" height="20"></rect>
+                        <rect x="230.4" y="201" width="20" height="20"></rect>
+                        <rect x="230.4" y="229.714286" width="20" height="20"></rect>
+                        <rect x="259.2" y="258.428571" width="20" height="20"></rect>
+                        <rect x="288" y="229.714286" width="20" height="20"></rect>
+                        <rect x="288" y="201" width="20" height="20"></rect>
+                        <rect x="86.4" y="57.4285714" width="20" height="20"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/run-detox.sh

@@ -0,0 +1,230 @@
+#!/bin/bash
+#
+# run-detox.sh - Complete Detox E2E test runner
+#
+# Usage:
+#   bun run detox:run:ios                     # run all iOS tests
+#   bun run detox:run:ios "Sheet"             # run tests matching "Sheet"
+#   bun run detox:run:android                 # run all Android tests
+#   bun run detox:run:android "Select"        # run tests matching "Select"
+#
+# This script handles the full workflow:
+#   1. Checks if pods need installing (iOS only)
+#   2. Detects if app needs rebuilding (compares sources vs binary)
+#   3. Builds if needed
+#   4. Starts Metro if not running
+#   5. Runs Detox tests
+#   6. Cleans up Metro if we started it
+#
+# Environment variables:
+#   FORCE_BUILD=1       - Force rebuild even if app exists
+#   SKIP_BUILD=1        - Skip build check entirely
+#   SKIP_METRO=1        - Don't start Metro (assume it's running)
+#   DETOX_DEVICE=name   - iOS simulator device type (default: iPhone 15)
+#
+
+set -e
+
+PLATFORM="${1:-ios}"  # ios or android
+
+# --- Prerequisites check ---
+check_prerequisites() {
+  local missing=false
+
+  if ! command -v detox &> /dev/null; then
+    echo "detox-cli not found. Install with: npm install -g detox-cli"
+    missing=true
+  fi
+
+  if [ "$PLATFORM" = "ios" ] && ! command -v applesimutils &> /dev/null; then
+    echo "applesimutils not found. Install with: brew tap wix/brew && brew install applesimutils"
+    missing=true
+  fi
+
+  if [ "$missing" = true ]; then
+    echo ""
+    echo "Install missing dependencies and try again."
+    exit 1
+  fi
+
+  # Detox framework cache (needed after Xcode updates)
+  if [ "$PLATFORM" = "ios" ] && [ ! -d "$HOME/Library/Detox/ios/framework" ]; then
+    echo "Detox framework cache not found. Building..."
+    npx detox clean-framework-cache && npx detox build-framework-cache
+    echo ""
+  fi
+
+  # iOS directory (expo prebuild)
+  if [ "$PLATFORM" = "ios" ] && [ ! -d "ios" ]; then
+    echo "No ios/ directory found. Running expo prebuild..."
+    npx expo prebuild --platform ios
+    echo ""
+  fi
+}
+TEST_FILTER="${2:-}"  # optional test name filter
+
+CONFIG=""
+APP_PATH=""
+BUILD_CMD=""
+
+case "$PLATFORM" in
+  ios)
+    CONFIG="ios.sim.debug"
+    APP_PATH="ios/build/Build/Products/Debug-iphonesimulator/guikitchensink.app"
+    BUILD_CMD="bun run detox:build:ios"
+    ;;
+  android)
+    CONFIG="android.emu.debug"
+    APP_PATH="android/app/build/outputs/apk/debug/app-debug.apk"
+    BUILD_CMD="bun run detox:build:android"
+    ;;
+  *)
+    echo "Unknown platform: $PLATFORM"
+    echo "Usage: $0 [ios|android] [test-filter]"
+    exit 1
+    ;;
+esac
+
+METRO_PID=""
+STARTED_METRO=false
+
+cleanup() {
+  if [ "$STARTED_METRO" = true ] && [ -n "$METRO_PID" ]; then
+    echo ""
+    echo "=== Cleanup: Stopping Metro (PID: $METRO_PID) ==="
+    kill "$METRO_PID" 2>/dev/null || true
+    # also kill child processes
+    pkill -P "$METRO_PID" 2>/dev/null || true
+  fi
+}
+trap cleanup EXIT
+
+is_metro_running() {
+  curl -s http://localhost:8081/status > /dev/null 2>&1
+}
+
+DID_BUILD=false
+
+needs_rebuild() {
+  # if app doesn't exist, needs build
+  if [ ! -e "$APP_PATH" ]; then
+    echo "App not found at $APP_PATH"
+    return 0
+  fi
+
+  # if FORCE_BUILD is set, needs build
+  if [ "$FORCE_BUILD" = "1" ]; then
+    echo "FORCE_BUILD=1 set"
+    return 0
+  fi
+
+  # check if Podfile.lock is newer than app (pods changed)
+  if [ "$PLATFORM" = "ios" ]; then
+    if [ "ios/Podfile.lock" -nt "$APP_PATH" ]; then
+      echo "Podfile.lock is newer than app"
+      return 0
+    fi
+  fi
+
+  # check if package.json is newer (deps changed)
+  if [ "package.json" -nt "$APP_PATH" ]; then
+    echo "package.json is newer than app"
+    return 0
+  fi
+
+  return 1
+}
+
+echo "========================================"
+echo "  Detox Test Runner"
+echo "========================================"
+echo "Platform:    $PLATFORM"
+echo "Config:      $CONFIG"
+echo "Device:      ${DETOX_DEVICE:-iPhone 15}"
+echo "Test filter: ${TEST_FILTER:-<all tests>}"
+echo ""
+
+# step 0: check prerequisites
+echo "=== Step 0: Checking prerequisites ==="
+check_prerequisites
+echo ""
+
+# step 1: check if build needed
+if [ "$SKIP_BUILD" != "1" ]; then
+  echo "=== Step 1: Checking if build needed ==="
+  if needs_rebuild; then
+    echo "Building app..."
+    $BUILD_CMD
+    DID_BUILD=true
+  else
+    echo "App is up to date, skipping build"
+  fi
+  echo ""
+fi
+
+# step 2: start metro if needed
+if [ "$SKIP_METRO" != "1" ]; then
+  echo "=== Step 2: Metro bundler ==="
+  if is_metro_running; then
+    echo "Metro already running on port 8081"
+  else
+    echo "Starting Metro..."
+    bun run start > /tmp/metro-detox.log 2>&1 &
+    METRO_PID=$!
+    STARTED_METRO=true
+
+    # wait for metro to be ready (up to 60s)
+    echo -n "Waiting for Metro to start"
+    for i in {1..60}; do
+      if is_metro_running; then
+        echo " ready!"
+        break
+      fi
+      echo -n "."
+      sleep 1
+    done
+
+    if ! is_metro_running; then
+      echo " FAILED"
+      echo "Metro failed to start. Check /tmp/metro-detox.log:"
+      tail -20 /tmp/metro-detox.log
+      exit 1
+    fi
+  fi
+  echo ""
+fi
+
+# step 3: run detox tests
+echo "=== Step 3: Running Detox tests ==="
+
+# use --reuse only if we didn't build (to reinstall after build)
+if [ "$DID_BUILD" = true ]; then
+  echo "Fresh build detected, will reinstall app on simulator"
+  DETOX_ARGS="-c $CONFIG --maxWorkers 1"
+else
+  DETOX_ARGS="-c $CONFIG --reuse --maxWorkers 1"
+fi
+
+# add headless flag if requested
+if [ "$HEADLESS" = "1" ]; then
+  DETOX_ARGS="$DETOX_ARGS --headless"
+fi
+
+if [ -n "$TEST_FILTER" ]; then
+  DETOX_ARGS="$DETOX_ARGS -t \"$TEST_FILTER\""
+fi
+
+# run with eval to handle quoted test filter
+eval "npx detox test $DETOX_ARGS"
+EXIT_CODE=$?
+
+echo ""
+echo "========================================"
+if [ $EXIT_CODE -eq 0 ]; then
+  echo "  Tests passed!"
+else
+  echo "  Tests failed (exit code: $EXIT_CODE)"
+fi
+echo "========================================"
+
+exit $EXIT_CODE

package/run-native-tests.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+if [ -z "$SKIP_NATIVE_TESTS" ]; then
+  bun run test:native
+fi

package/run-tests-parallel.ts

@@ -0,0 +1,195 @@
+#!/usr/bin/env bun
+import { spawn, type Subprocess } from 'bun'
+
+const DRIVERS = ['css', 'native', 'reanimated', 'motion'] as const
+const PORT = process.env.PORT || '9000'
+const COLORS = {
+  css: '\x1b[36m', // cyan
+  native: '\x1b[33m', // yellow
+  reanimated: '\x1b[35m', // magenta
+  motion: '\x1b[32m', // green
+  reset: '\x1b[0m',
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  dim: '\x1b[2m',
+}
+
+async function waitForServer(port: string, timeoutMs = 120_000) {
+  const start = Date.now()
+  const url = `http://localhost:${port}`
+  while (Date.now() - start < timeoutMs) {
+    try {
+      const res = await fetch(url)
+      if (res.ok) return
+    } catch {}
+    await new Promise((r) => setTimeout(r, 500))
+  }
+  throw new Error(`Server on port ${port} did not start within ${timeoutMs}ms`)
+}
+
+function startServer(port: string): Subprocess {
+  return spawn({
+    cmd: ['bun', 'run', 'start:web'],
+    cwd: import.meta.dir,
+    env: {
+      ...process.env,
+      PORT: port,
+      NODE_ENV: 'development',
+      DISABLE_EXTRACTION: 'true',
+    },
+    stdout: 'ignore',
+    stderr: 'ignore',
+  })
+}
+
+async function runPlaywright(args: string[], env?: Record<string, string>) {
+  const proc = spawn({
+    cmd: [
+      'node',
+      '-r',
+      'esbuild-register',
+      '../../node_modules/.bin/playwright',
+      'test',
+      ...args,
+    ],
+    cwd: import.meta.dir,
+    env: {
+      ...process.env,
+      NODE_ENV: 'test',
+      PORT,
+      REUSE_SERVER: 'true',
+      ...env,
+    },
+    stdout: 'inherit',
+    stderr: 'inherit',
+  })
+  return proc.exited
+}
+
+async function runDriver(
+  driver: string
+): Promise<{ driver: string; code: number; output: string[] }> {
+  const output: string[] = []
+  const color = COLORS[driver as keyof typeof COLORS] || ''
+
+  const proc = spawn({
+    cmd: [
+      'node',
+      '-r',
+      'esbuild-register',
+      '../../node_modules/.bin/playwright',
+      'test',
+      `--project=animated-${driver}`,
+    ],
+    cwd: import.meta.dir,
+    env: {
+      ...process.env,
+      NODE_ENV: 'test',
+      PORT,
+      REUSE_SERVER: 'true',
+      HANZO_GUI_TEST_ANIMATION_DRIVER: driver,
+    },
+    stdout: 'pipe',
+    stderr: 'pipe',
+  })
+
+  // stream stdout with prefix
+  const streamWithPrefix = async (
+    stream: ReadableStream<Uint8Array>,
+    isError = false
+  ) => {
+    const reader = stream.getReader()
+    const decoder = new TextDecoder()
+    let buffer = ''
+
+    while (true) {
+      const { done, value } = await reader.read()
+      if (done) break
+
+      buffer += decoder.decode(value, { stream: true })
+      const lines = buffer.split('\n')
+      buffer = lines.pop() || ''
+
+      for (const line of lines) {
+        if (line.trim()) {
+          const prefixed = isError
+            ? `${color}[${driver}]${COLORS.reset} ${COLORS.red}${line}${COLORS.reset}`
+            : `${color}[${driver}]${COLORS.reset} ${line}`
+          console.log(prefixed)
+          output.push(line)
+        }
+      }
+    }
+
+    // flush remaining buffer
+    if (buffer.trim()) {
+      output.push(buffer)
+      console.log(`${color}[${driver}]${COLORS.reset} ${buffer}`)
+    }
+  }
+
+  const stdoutDone = streamWithPrefix(proc.stdout)
+  const stderrDone = streamWithPrefix(proc.stderr, true)
+
+  const [code] = await Promise.all([proc.exited, stdoutDone, stderrDone])
+  return { driver, code, output }
+}
+
+async function main() {
+  // start a single shared webpack dev server
+  console.log(
+    `${COLORS.dim}Starting shared webpack dev server on port ${PORT}...${COLORS.reset}`
+  )
+  const server = startServer(PORT)
+
+  try {
+    await waitForServer(PORT)
+    console.log(`${COLORS.green}Server ready on port ${PORT}${COLORS.reset}\n`)
+
+    console.log(`${COLORS.dim}Running default + webkit tests...${COLORS.reset}\n`)
+
+    // run default and webkit first, reusing the shared server
+    const defaultCode = await runPlaywright(['--project=default', '--project=webkit'])
+    if (defaultCode !== 0) {
+      console.error(`\n${COLORS.red}Default/webkit tests failed${COLORS.reset}`)
+      process.exit(1)
+    }
+
+    console.log(
+      `\n${COLORS.dim}Running animated tests in parallel (${DRIVERS.join(', ')})...${COLORS.reset}\n`
+    )
+
+    // run all animated driver tests in parallel, all sharing the same server
+    const results = await Promise.all(DRIVERS.map(runDriver))
+
+    // summary
+    console.log(`\n${COLORS.dim}${'─'.repeat(60)}${COLORS.reset}`)
+    console.log('Summary:')
+
+    let failed = false
+    for (const { driver, code } of results) {
+      const color = COLORS[driver as keyof typeof COLORS] || ''
+      const status =
+        code === 0
+          ? `${COLORS.green}✓ passed${COLORS.reset}`
+          : `${COLORS.red}✗ failed (exit ${code})${COLORS.reset}`
+      console.log(`  ${color}${driver}${COLORS.reset}: ${status}`)
+      if (code !== 0) failed = true
+    }
+
+    if (failed) {
+      console.error(`\n${COLORS.red}Some tests failed${COLORS.reset}`)
+      process.exit(1)
+    }
+
+    console.log(`\n${COLORS.green}All tests passed${COLORS.reset}`)
+  } finally {
+    // always clean up the server
+    server.kill()
+  }
+}
+
+main().catch((err) => {
+  console.error(err)
+  process.exit(1)
+})