Devtools

vue-worker-kit/devtools — самостоятельная отладочная панель, без зависимости от @vue/devtools-api (сохраняет пакет свободным от зависимостей).

import { createWorkerActivityMonitor, WorkerActivityPanel } from 'vue-worker-kit/devtools'

const monitor = createWorkerActivityMonitor(pool) // или один экземпляр useWorker()/useSharedWorker()

<WorkerActivityPanel :monitor="monitor" />

Показывает количество занятых/свободных воркеров, длину очереди, среднее время задачи и последние N ошибок — реактивно, на основе внутренней подписки (без опроса).

createWorkerActivityMonitor(source)

(source: WorkerPool | UseWorkerReturn | UseSharedWorkerReturn) => WorkerActivityMonitor

Оборачивает пул воркеров, экземпляр useWorker() или экземпляр useSharedWorker() и предоставляет реактивную статистику, которую отображает WorkerActivityPanel.

<WorkerActivityPanel>

Компонент Vue. Принимает монитор через проп monitor и отображает количество занятых/свободных воркеров, длину очереди, среднее время задачи и последние ошибки.