waveform-analysis 0.1.70 → 0.1.72

package/src/components/core/useWaveformMeasurements.ts

@@ -0,0 +1,63 @@
+import { nextTick, watch, onMounted, onBeforeUnmount } from 'vue'
+import type { LifecycleContext } from './useWaveformChartLifecycle'
+
+export function useWaveformMeasurements(
+  context: Pick<
+    LifecycleContext,
+    | 'container'
+    | 'titleMeasureElement'
+    | 'resizeObserver'
+    | 'observedWidth'
+    | 'observedHeight'
+    | 'measuredTitleWidth'
+    | 'measuredTitleHeight'
+    | 'resolvedTitleText'
+    | 'titleAreaReserved'
+    | 'titleMeasureStyle'
+  >,
+) {
+  const {
+    container,
+    titleMeasureElement,
+    resizeObserver,
+    observedWidth,
+    observedHeight,
+    measuredTitleWidth,
+    measuredTitleHeight,
+    resolvedTitleText,
+    titleAreaReserved,
+    titleMeasureStyle,
+  } = context
+  function measureTitle() {
+    if (!titleAreaReserved.value || !titleMeasureElement.value) {
+      measuredTitleWidth.value = 0
+      measuredTitleHeight.value = 0
+      return
+    }
+    const bounds = titleMeasureElement.value.getBoundingClientRect()
+    measuredTitleWidth.value = titleMeasureElement.value.scrollWidth || bounds.width
+    measuredTitleHeight.value = titleMeasureElement.value.scrollHeight || bounds.height
+  }
+
+  watch(
+    [resolvedTitleText, titleAreaReserved, titleMeasureStyle],
+    async () => {
+      measuredTitleWidth.value = 0
+      measuredTitleHeight.value = 0
+      await nextTick()
+      measureTitle()
+    },
+    { immediate: true },
+  )
+
+  onMounted(() => {
+    if (!container.value) return
+    resizeObserver.value = new ResizeObserver(([entry]) => {
+      observedWidth.value = Math.max(0, entry?.contentRect.width ?? 0)
+      observedHeight.value = Math.max(0, entry?.contentRect.height ?? 0)
+      void nextTick(measureTitle)
+    })
+    resizeObserver.value.observe(container.value)
+  })
+  onBeforeUnmount(() => resizeObserver.value?.disconnect())
+}

package/src/components/core/useWaveformRenderSampling.ts

@@ -1,3 +1,5 @@
+import { createWaveformSamplingSession } from './waveformSamplingSession'
+import { lineBoundaryIndexes, withLineBoundaries } from '../../core/lineBoundary'
 import { computed, onScopeDispose, shallowRef, watch, type ComputedRef, type ShallowRef } from 'vue'
 
 import {
@@ -11,12 +13,8 @@ import { pointSourceFromPoints, type WaveformPointSource } from '../../core/wave
 import type { PreparedWaveformSeries } from './useWaveformData'
 import type { DisplaySeries, TrackLayout } from './types'
 import type { ResolvedWaveformChartProps, WaveformChartEmit } from './waveformChartTypes'
-import { createLatestTaskScheduler, resolveAutoSelectedMode } from './latestTaskScheduler'
-import {
-  createWorkerSamplingClient,
-  isDatasetResponse,
-  type WorkerSamplingClient,
-} from './workerSamplingClient'
+import { resolveAutoSelectedMode } from './latestTaskScheduler'
+import { isDatasetResponse, type WorkerSamplingClient } from './workerSamplingClient'
 
 interface SamplingTarget {
   series: DisplaySeries
@@ -62,7 +60,8 @@ function rawDiagnostics(target: SamplingTarget, requestId: number): WorkerSampli
     strategy: sampling.strategy === 'auto' ? 'peak' : sampling.strategy,
     sourcePointCount: target.source.length,
     visiblePointCount,
-    renderedPointCount: visiblePointCount,
+    renderedPointCount:
+      visiblePointCount + lineBoundaryIndexes(target.visibleRange, target.source.length).length,
     durationMs: 0,
     cacheHit: false,
     requestId,
@@ -75,7 +74,7 @@ function rawDiagnostics(target: SamplingTarget, requestId: number): WorkerSampli
   }
 }
 
-function fallbackPoints(target: SamplingTarget) {
+function fallbackInteriorPoints(target: SamplingTarget) {
   const { source } = target
   const { start, end } = target.visibleRange
   const count = end - start
@@ -104,18 +103,17 @@ function errorPayload(
 }
 
 export function useWaveformRenderSampling(context: SamplingContext) {
+  const settledSignature = shallowRef<string>()
   const dataEpoch = shallowRef(0)
-  let client: WorkerSamplingClient | undefined
-  let requestId = 0
-  const revisions = new Map<string, number>()
-  const backendBySeries = new Map<string, WorkerSamplingDiagnostics['backend']>()
-  const selectedModeBySeries = new Map<string, 'raw' | 'sampled'>()
-  const emittedErrors = new Set<string>()
-  const pendingDiagnostics = new Map<string, WorkerSamplingDiagnostics>()
-  const samplingScheduler = createLatestTaskScheduler()
-  let diagnosticsTimer: ReturnType<typeof setTimeout> | undefined
-  let autoModeSettleTimer: ReturnType<typeof setTimeout> | undefined
-  let hasInitialSamplingRun = false
+  const session = createWaveformSamplingSession()
+  const {
+    revisions,
+    backendBySeries,
+    selectedModeBySeries,
+    emittedErrors,
+    pendingDiagnostics,
+    scheduler: samplingScheduler,
+  } = session
 
   const targets = computed(() => {
     const sampling = context.renderingOptions.value.sampling
@@ -169,7 +167,7 @@ export function useWaveformRenderSampling(context: SamplingContext) {
   )
 
   const flushDiagnostics = () => {
-    diagnosticsTimer = undefined
+    session.diagnosticsTimer = undefined
     pendingDiagnostics.forEach((diagnostic) => {
       const previousBackend = backendBySeries.get(diagnostic.seriesId)
       if (previousBackend && previousBackend !== diagnostic.backend) {
@@ -193,7 +191,7 @@ export function useWaveformRenderSampling(context: SamplingContext) {
         maxPendingRequestCount: samplingScheduler.metrics.maxPending,
       }),
     )
-    if (!diagnosticsTimer) diagnosticsTimer = setTimeout(flushDiagnostics, 100)
+    if (!session.diagnosticsTimer) session.diagnosticsTimer = setTimeout(flushDiagnostics, 100)
   }
 
   const emitErrorOnce = (payload: WaveformSamplingError) => {
@@ -213,7 +211,7 @@ export function useWaveformRenderSampling(context: SamplingContext) {
         if (revisions.has(target.request.datasetId)) return
         const response = await workerClient.send({
           type: 'register-dataset',
-          requestId: ++requestId,
+          requestId: ++session.requestId,
           datasetId: target.request.datasetId,
           revision: 0,
           dataset: target.source.toWorkerDataset(),
@@ -249,15 +247,22 @@ export function useWaveformRenderSampling(context: SamplingContext) {
           previousSelectedMode,
         ) === 'raw'
       if (target.request.mode === 'raw' || autoRaw) {
-        nextOverrides[target.series.id] = target.source.pointsInRange(
-          target.visibleRange.start,
-          target.visibleRange.end,
+        nextOverrides[target.series.id] = withLineBoundaries(
+          target.source.pointsInRange(target.visibleRange.start, target.visibleRange.end),
+          target.visibleRange,
+          target.source.length,
+          (index) => target.source.pointAt(index)!,
         )
         selectedModeBySeries.set(target.series.id, 'raw')
         diagnostics.push(rawDiagnostics(target, token))
       } else {
         if (!nextOverrides[target.series.id]?.length) {
-          nextOverrides[target.series.id] = fallbackPoints(target)
+          nextOverrides[target.series.id] = withLineBoundaries(
+            fallbackInteriorPoints(target),
+            target.visibleRange,
+            target.source.length,
+            (index) => target.source.pointAt(index)!,
+          )
         }
         sampledTargets.push({
           ...target,
@@ -273,18 +278,18 @@ export function useWaveformRenderSampling(context: SamplingContext) {
     }
 
     context.linePointOverrides.value = nextOverrides
-    client ??= createWorkerSamplingClient()
-    await registerTargets(client, sampledTargets, token)
-    if (!samplingScheduler.isCurrent(token)) return
-    const batch = sampledTargets.map((target) => ({
-      ...target.request,
-      revision: revisions.get(target.request.datasetId) ?? 1,
-    }))
+    const client = session.getClient()
     let response: SampleViewportResponse
     try {
+      await registerTargets(client, sampledTargets, token)
+      if (!samplingScheduler.isCurrent(token)) return
+      const batch = sampledTargets.map((target) => ({
+        ...target.request,
+        revision: revisions.get(target.request.datasetId) ?? 1,
+      }))
       const result = await client.send({
         type: 'sample-viewport',
-        requestId: ++requestId,
+        requestId: ++session.requestId,
         series: batch,
       })
       if (result.type !== 'sample-viewport-response') return
@@ -295,7 +300,10 @@ export function useWaveformRenderSampling(context: SamplingContext) {
         errorPayload(
           error instanceof Error ? error.message : String(error),
           context.renderingOptions.value.sampling.mode,
-          'javascript',
+          context.renderingOptions.value.sampling.mode === 'wasm' &&
+            context.renderingOptions.value.sampling.wasmFailureFallback === 'error'
+            ? 'none'
+            : 'javascript',
           sampledTargets.map((target) => target.series.id),
         ),
       )
@@ -322,12 +330,18 @@ export function useWaveformRenderSampling(context: SamplingContext) {
         )
       }
     })
-    if (response.workerError) {
+    if (
+      response.workerError &&
+      response.results.every((result) => result.status !== 'wasm-unavailable')
+    ) {
       emitErrorOnce(
         errorPayload(
           response.workerError,
           context.renderingOptions.value.sampling.mode,
-          'javascript',
+          context.renderingOptions.value.sampling.mode === 'wasm' &&
+            context.renderingOptions.value.sampling.wasmFailureFallback === 'error'
+            ? 'none'
+            : 'javascript',
           sampledTargets.map((target) => target.series.id),
         ),
       )
@@ -340,7 +354,10 @@ export function useWaveformRenderSampling(context: SamplingContext) {
         errorPayload(
           client.workerFailureReason,
           context.renderingOptions.value.sampling.mode,
-          'javascript',
+          context.renderingOptions.value.sampling.mode === 'wasm' &&
+            context.renderingOptions.value.sampling.wasmFailureFallback === 'error'
+            ? 'none'
+            : 'javascript',
           sampledTargets.map((target) => target.series.id),
         ),
       )
@@ -349,21 +366,33 @@ export function useWaveformRenderSampling(context: SamplingContext) {
     emitDiagnostics(diagnostics)
   }
 
+  const scheduleSampling = (hysteresis: boolean) => {
+    settledSignature.value = undefined
+    const signature = targetSignature.value
+    samplingScheduler.schedule(async (token) => {
+      try {
+        await runSampling(token, hysteresis)
+      } finally {
+        if (samplingScheduler.isCurrent(token)) settledSignature.value = signature
+      }
+    })
+  }
+
   watch(
     targetSignature,
     () => {
-      if (autoModeSettleTimer) clearTimeout(autoModeSettleTimer)
-      const useAutoHysteresis = hasInitialSamplingRun
-      hasInitialSamplingRun = true
-      samplingScheduler.schedule((token) => runSampling(token, useAutoHysteresis))
+      if (session.autoModeSettleTimer) clearTimeout(session.autoModeSettleTimer)
+      const useAutoHysteresis = session.hasInitialSamplingRun
+      session.hasInitialSamplingRun = true
+      scheduleSampling(useAutoHysteresis)
       if (
         useAutoHysteresis &&
         context.renderingOptions.value.sampling.mode === 'auto' &&
         context.renderingOptions.value.sampling.autoHysteresis > 0
       ) {
-        autoModeSettleTimer = setTimeout(() => {
-          autoModeSettleTimer = undefined
-          samplingScheduler.schedule((token) => runSampling(token, false))
+        session.autoModeSettleTimer = setTimeout(() => {
+          session.autoModeSettleTimer = undefined
+          scheduleSampling(false)
         }, AUTO_MODE_SETTLE_DELAY_MS)
       }
     },
@@ -372,24 +401,16 @@ export function useWaveformRenderSampling(context: SamplingContext) {
   watch(
     context.preparedSeries,
     () => {
-      samplingScheduler.cancelPending()
+      session.invalidate()
       dataEpoch.value += 1
       context.linePointOverrides.value = {}
-      revisions.clear()
-      backendBySeries.clear()
-      selectedModeBySeries.clear()
-      emittedErrors.clear()
-      client?.dispose()
-      client = undefined
     },
     { flush: 'sync' },
   )
-  onScopeDispose(() => {
-    if (diagnosticsTimer) clearTimeout(diagnosticsTimer)
-    if (autoModeSettleTimer) clearTimeout(autoModeSettleTimer)
-    samplingScheduler.dispose()
-    client?.dispose()
-  })
+  onScopeDispose(() => session.dispose())
 
-  return { linePointOverrides: context.linePointOverrides }
+  return {
+    linePointOverrides: context.linePointOverrides,
+    ready: () => settledSignature.value === targetSignature.value && !session.autoModeSettleTimer,
+  }
 }

package/src/components/core/useWaveformViewportRestore.ts

@@ -0,0 +1,105 @@
+import { remotePanBoundary, restoreViewportDomain } from '../interaction/remoteViewport'
+import { nextTick } from 'vue'
+import { zoomIdentity } from 'd3'
+import { transformForDomain } from '../interaction/zoomConstraints'
+import { seriesIdentity } from '../interaction/zoomEventPayload'
+import type { LifecycleContext } from './useWaveformChartLifecycle'
+
+export function useWaveformViewportRestore(
+  context: Pick<
+    LifecycleContext,
+    | 'preserveFullViewport'
+    | 'props'
+    | 'trackLayouts'
+    | 'resolveInitialTrackDomain'
+    | 'sharedZoomDomain'
+    | 'initialXDomain'
+    | 'independentTransforms'
+    | 'chartTracks'
+    | 'clearHover'
+    | 'editorSeriesOptions'
+    | 'sharedTransform'
+    | 'innerWidth'
+    | 'configureZoom'
+  >,
+) {
+  const {
+    props,
+    trackLayouts,
+    resolveInitialTrackDomain,
+    sharedZoomDomain,
+    initialXDomain,
+    independentTransforms,
+    chartTracks,
+    clearHover,
+    editorSeriesOptions,
+    sharedTransform,
+    innerWidth,
+    configureZoom,
+  } = context
+  let pendingSharedXDomain: [number, number] | undefined
+  let pendingIndependentXDomains: Map<string, [number, number]> | undefined
+
+  function handleBeforeDataReferenceChange() {
+    if (props.displayMode === 'independent') {
+      pendingSharedXDomain = undefined
+      pendingIndependentXDomains = new Map(
+        trackLayouts.value.flatMap((track) => {
+          const current = track.xScale.domain() as [number, number]
+          const boundary = resolveInitialTrackDomain(track)
+          return context.preserveFullViewport?.() || remotePanBoundary(props) ||
+            current[1] - current[0] < boundary[1] - boundary[0] - 1e-12
+            ? [[seriesIdentity(track.seriesList.map((series) => series.id)), current]]
+            : []
+        }),
+      )
+      return
+    }
+    pendingIndependentXDomains = undefined
+    const current = sharedZoomDomain.value
+    const boundary = initialXDomain.value
+    pendingSharedXDomain =
+      context.preserveFullViewport?.() || remotePanBoundary(props) ||
+      current[1] - current[0] < boundary[1] - boundary[0] - 1e-12
+        ? [...current]
+        : undefined
+  }
+
+  function handleDataReferenceChange() {
+    if (props.displayMode === 'independent') {
+      const currentTransforms = independentTransforms.value
+      independentTransforms.value = chartTracks.value.map(
+        (_track, index) => currentTransforms[index] ?? zoomIdentity,
+      )
+    }
+    clearHover()
+    editorSeriesOptions.value = []
+    void nextTick(() => {
+      if (props.displayMode === 'independent' && pendingIndependentXDomains) {
+        const nextTransforms = chartTracks.value.map(() => zoomIdentity)
+        trackLayouts.value.forEach((track) => {
+          const previousDomain = pendingIndependentXDomains?.get(
+            seriesIdentity(track.seriesList.map((series) => series.id)),
+          )
+          if (!previousDomain) return
+          const boundary = resolveInitialTrackDomain(track)
+          const domain = restoreViewportDomain(previousDomain, boundary, [track.seriesList], props)
+          nextTransforms[track.index] = transformForDomain(domain, boundary, track.width)
+        })
+        independentTransforms.value = nextTransforms
+        pendingIndependentXDomains = undefined
+      } else if (props.displayMode !== 'independent' && pendingSharedXDomain) {
+        const boundary = initialXDomain.value
+        const groups = trackLayouts.value
+          .filter((track) => track.hasVisibleSeries)
+          .map((track) => track.seriesList)
+        const domain = restoreViewportDomain(pendingSharedXDomain, boundary, groups, props)
+        sharedTransform.value = transformForDomain(domain, boundary, innerWidth.value)
+        pendingSharedXDomain = undefined
+      }
+      configureZoom()
+    })
+  }
+
+  return { handleBeforeDataReferenceChange, handleDataReferenceChange }
+}

package/src/components/core/useWaveformYAxisLayout.ts

@@ -32,6 +32,7 @@ export function useWaveformYAxisLayout(context: YAxisLayoutContext) {
   const isEdgeCompact = computed(() => props.layoutPreset === 'edge-compact')
   const showUnits = computed(
     () =>
+      props.unitDisplayMode !== 'channel-label' &&
       props.unitDisplayMode !== 'channel-label-or-legend' &&
       (!isEdgeCompact.value || props.unitDisplayMode === 'axis'),
   )
@@ -45,7 +46,7 @@ export function useWaveformYAxisLayout(context: YAxisLayoutContext) {
       props.axes?.y?.nice !== false,
       yAxisTickCount.value,
       props.displayMode === 'compact',
-      props.axes?.y?.upperPaddingRatio,
+      props.axes?.y,
       showUnits.value,
       isEdgeCompact.value ? measureYAxisTextWidth : undefined,
     ),
@@ -80,7 +81,7 @@ export function useWaveformYAxisLayout(context: YAxisLayoutContext) {
       props.axes?.y?.nice !== false,
       props.displayMode === 'compact',
       viewportYDomains.value,
-      props.axes?.y?.upperPaddingRatio,
+      props.axes?.y,
       showUnits.value,
       isEdgeCompact.value ? measureYAxisTextWidth : undefined,
     ),

package/src/components/core/waveformChartTypes.ts

@@ -1,3 +1,4 @@
+import type { WaveformToolbarOptions, WaveformControlState } from '../../types/controls'
 import type {
   WaveformAnnotation,
   WaveformAxesOptions,
@@ -26,6 +27,7 @@ import type {
 import type { WaveformGridOptions } from './grid'
 
 export interface WaveformChartProps {
+  toolbar?: boolean | WaveformToolbarOptions
   data: WaveformData
   displayMode?: WaveformDisplayMode
   overlayMode?: WaveformOverlayMode
@@ -104,6 +106,9 @@ export type ResolvedWaveformChartProps = Readonly<
 >
 
 export interface WaveformChartEmit {
+  (event: 'update:interactionMode', mode: WaveformInteractionMode): void
+  (event: 'interaction-mode-change', mode: WaveformInteractionMode): void
+  (event: 'control-state-change', state: WaveformControlState): void
   (event: 'point-hover', point: WaveformPoint | null): void
   (event: 'zoom-intent', payload: WaveformZoomIntentPayload): void
   (event: 'zoom-change', domain: [number, number]): void

package/src/components/core/waveformSamplingSession.ts

@@ -0,0 +1,49 @@
+import { createLatestTaskScheduler } from './latestTaskScheduler'
+import { createWorkerSamplingClient, type WorkerSamplingClient } from './workerSamplingClient'
+import type { WorkerSamplingDiagnostics } from '../../core/workerSampling'
+
+/** Owns resources for one immutable data reference. Invalidation cancels old work before reuse. */
+export function createWaveformSamplingSession() {
+  const scheduler = createLatestTaskScheduler()
+  const revisions = new Map<string, number>()
+  const backendBySeries = new Map<string, WorkerSamplingDiagnostics['backend']>()
+  const selectedModeBySeries = new Map<string, 'raw' | 'sampled'>()
+  const emittedErrors = new Set<string>()
+  const pendingDiagnostics = new Map<string, WorkerSamplingDiagnostics>()
+  const session = {
+    scheduler,
+    revisions,
+    backendBySeries,
+    selectedModeBySeries,
+    emittedErrors,
+    pendingDiagnostics,
+    client: undefined as WorkerSamplingClient | undefined,
+    requestId: 0,
+    diagnosticsTimer: undefined as ReturnType<typeof setTimeout> | undefined,
+    autoModeSettleTimer: undefined as ReturnType<typeof setTimeout> | undefined,
+    hasInitialSamplingRun: false,
+    getClient() {
+      return (session.client ??= createWorkerSamplingClient())
+    },
+    invalidate() {
+      scheduler.cancelPending()
+      clearTimeout(session.diagnosticsTimer)
+      clearTimeout(session.autoModeSettleTimer)
+      session.diagnosticsTimer = undefined
+      session.autoModeSettleTimer = undefined
+      session.hasInitialSamplingRun = false
+      pendingDiagnostics.clear()
+      revisions.clear()
+      backendBySeries.clear()
+      selectedModeBySeries.clear()
+      emittedErrors.clear()
+      session.client?.dispose()
+      session.client = undefined
+    },
+    dispose() {
+      session.invalidate()
+      scheduler.dispose()
+    },
+  }
+  return session
+}

package/src/components/core/workerSamplingClient.ts

@@ -30,6 +30,7 @@ function workerFailureMessage(event?: ErrorEvent) {
 }
 
 export function createWorkerSamplingClient(): WorkerSamplingClient {
+  let disposed = false
   let worker: Worker | undefined
   let fallback: WorkerSamplingRepository | undefined
   let workerFailureReason: string | undefined
@@ -37,7 +38,8 @@ export function createWorkerSamplingClient(): WorkerSamplingClient {
   const datasets = new Map<string, StoredDataset>()
 
   const fallbackRepository = () => {
-    fallback ??= new WorkerSamplingRepository()
+    if (fallback) return fallback
+    fallback = new WorkerSamplingRepository()
     for (const [datasetId, dataset] of datasets) {
       fallback.handle({
         type: 'register-dataset',
@@ -83,12 +85,26 @@ export function createWorkerSamplingClient(): WorkerSamplingClient {
   const resolveFallbackRequests = () => {
     const outstanding = [...pending.values()]
     pending.clear()
-    const repository = fallbackRepository()
-    outstanding.forEach(({ request, resolve }) => resolve(repository.handle(request)))
+    let repository: WorkerSamplingRepository
+    try {
+      repository = fallbackRepository()
+    } catch (error) {
+      outstanding.forEach(({ reject }) =>
+        reject(error instanceof Error ? error : new Error(String(error))),
+      )
+      return
+    }
+    outstanding.forEach(({ request, resolve, reject }) => {
+      try {
+        resolve(repository.handle(request))
+      } catch (error) {
+        reject(error instanceof Error ? error : new Error(String(error)))
+      }
+    })
   }
 
   const fallBackToJavascript = (event?: ErrorEvent) => {
-    if (fallback) return
+    if (disposed || fallback) return
     workerFailureReason = workerFailureMessage(event)
     worker?.terminate()
     worker = undefined
@@ -101,9 +117,17 @@ export function createWorkerSamplingClient(): WorkerSamplingClient {
       worker = new Worker(new URL('../../core/workerSampling/workerRuntime.ts', import.meta.url), {
         type: 'module',
       })
-      worker.onmessage = (event: MessageEvent<WorkerSamplingResponse>) => {
+      worker.onmessage = (
+        event: MessageEvent<
+          WorkerSamplingResponse | { type: 'request-error'; requestId: number; message: string }
+        >,
+      ) => {
         const request = pending.get(event.data.requestId)
         if (!request) return
+        if (event.data.type === 'request-error') {
+          fallBackToJavascript({ message: event.data.message } as ErrorEvent)
+          return
+        }
         pending.delete(event.data.requestId)
         request.resolve(event.data)
       }
@@ -119,8 +143,9 @@ export function createWorkerSamplingClient(): WorkerSamplingClient {
       return workerFailureReason
     },
     send(request) {
+      if (disposed) return Promise.reject(new Error('Sampling client was disposed.'))
       recordDatasetRequest(request)
-      if (fallback) return Promise.resolve(fallbackRepository().handle(request))
+      if (fallback) return Promise.resolve().then(() => fallback!.handle(request))
       return new Promise<WorkerSamplingResponse>((resolve, reject) => {
         pending.set(request.requestId, { request, resolve, reject })
         try {
@@ -133,6 +158,13 @@ export function createWorkerSamplingClient(): WorkerSamplingClient {
       })
     },
     dispose() {
+      disposed = true
+      if (worker) {
+        worker.onmessage = null
+        worker.onerror = null
+        worker.onmessageerror = null
+      }
+      fallback?.handle({ type: 'dispose-all', requestId: 0 })
       worker?.terminate()
       worker = undefined
       pending.forEach(({ reject }) => reject(new Error('Sampling client was disposed.')))

package/src/components/core/yAxisLabelStyle.ts

@@ -0,0 +1,10 @@
+import type { WaveformYAxisLabelTextStyle } from '../../types'
+
+export function resolveYAxisLabelFontSize(style?: WaveformYAxisLabelTextStyle): number {
+  const size = style?.fontSize
+  return typeof size === 'number' && Number.isFinite(size) && size > 0 ? size : 12
+}
+
+export function resolveYAxisLabelBandWidth(style?: WaveformYAxisLabelTextStyle): number {
+  return resolveYAxisLabelFontSize(style) + 8
+}