@morscherlab/mint-sdk 1.1.24 → 1.2.0-beta.1

package/src/composables/useJobsStatusTray.ts

@@ -5,7 +5,6 @@ import {
   ref,
   shallowRef,
   toValue,
-  watch,
   type ComputedRef,
   type MaybeRefOrGetter,
   type Ref,
@@ -17,12 +16,7 @@ import type {
   JobListPayload,
   JobState,
   JobStateInput,
-  JobStreamData,
 } from '../types/jobs'
-import type {
-  PluginEventStreamMessage,
-  UsePluginEventStreamReturn,
-} from './usePluginClient'
 
 export type JobsStatusTrayTab = 'active' | 'history'
 
@@ -146,32 +140,11 @@ function duplicatePluginJobId(jobId: string): Error {
   return new Error(`Duplicate plugin job id across combined sources: ${jobId}`)
 }
 
-/** @deprecated Prefer a {@link PluginJobCenterSource}. */
-export interface JobsStatusTrayAdapter {
-  listJobs?: () => Promise<JobListPayload | readonly JobStateInput[]>
-  cancelJob?: (job: JobState) => Promise<JobStateInput | void>
-  deleteJob?: (job: JobState) => Promise<boolean | void>
-  clearFinishedJobs?: (jobs: readonly JobState[]) => Promise<number | void>
-}
-
 export interface UsePluginJobCenterOptions {
   source?: MaybeRefOrGetter<PluginJobCenterSource | undefined>
-  /** @deprecated Pass a source with its canonical jobs ref. */
-  jobs?: MaybeRefOrGetter<readonly JobStateInput[] | undefined>
-  /** @deprecated Pass source actions instead. */
-  adapter?: MaybeRefOrGetter<JobsStatusTrayAdapter | undefined>
-  /** @deprecated Event handling belongs to the source runtime. */
-  eventStream?: MaybeRefOrGetter<UsePluginEventStreamReturn<JobStreamData> | undefined>
   loadOnMount?: boolean
 }
 
-export interface UseJobsStatusTrayOptions extends UsePluginJobCenterOptions {}
-
-export interface JobStreamMessage {
-  event: string
-  data: JobStreamData
-}
-
 export interface UsePluginJobCenterReturn {
   jobs: ComputedRef<JobState[]>
   activeJobs: ComputedRef<JobState[]>
@@ -191,30 +164,12 @@ export interface UsePluginJobCenterReturn {
   close: () => void
   toggle: () => void
   refresh: () => Promise<boolean>
-  applyStreamMessage: (message: JobStreamMessage) => void
   cancelJob: (job: JobState) => Promise<boolean>
   deleteJob: (job: JobState) => Promise<boolean>
   clearFinished: () => Promise<boolean>
   isPending: (job: JobState) => boolean
 }
 
-export type UseJobsStatusTrayReturn = UsePluginJobCenterReturn
-
-interface LegacyJobsOverride {
-  readonly input: readonly JobStateInput[] | undefined
-  readonly jobs: JobState[]
-}
-
-function responseJobs(
-  response: JobListPayload | readonly JobStateInput[],
-): readonly JobStateInput[] {
-  return 'jobs' in response ? response.jobs : response
-}
-
-function isSnapshotPayload(data: JobStreamData): data is { jobs: JobStateInput[] } {
-  return 'jobs' in data && Array.isArray(data.jobs)
-}
-
 function errorMessage(error: unknown, fallback: string): string {
   return error instanceof Error ? error.message : fallback
 }
@@ -228,84 +183,30 @@ function errorMessage(error: unknown, fallback: string): string {
 export function usePluginJobCenter(
   options: UsePluginJobCenterOptions = {},
 ): UsePluginJobCenterReturn {
-  const legacyOverride = shallowRef<LegacyJobsOverride | null>(null)
   const isOpen = ref(false)
   const activeTab = ref<JobsStatusTrayTab>('active')
   const isLoading = ref(false)
   const error = shallowRef<string | null>(null)
   const pendingJobIds = ref(new Set<string>())
-  const jobRevisions = new Map<string, number>()
-  let stateRevision = 0
   let requestGeneration = 0
   let active = true
   const source = computed(() => toValue(options.source))
-  const adapter = computed(() => toValue(options.adapter))
 
-  const jobs = computed<JobState[]>(() => {
-    const currentSource = source.value
-    if (currentSource) {
-      return [...toValue(currentSource.jobs)].map(normalizeJobState)
-    }
-    const input = toValue(options.jobs)
-    const override = legacyOverride.value
-    if (override && override.input === input) return override.jobs
-    return input ? [...input].map(normalizeJobState) : []
-  })
+  const jobs = computed<JobState[]>(() => (
+    source.value ? [...toValue(source.value.jobs)].map(normalizeJobState) : []
+  ))
   const activeJobs = computed(() => jobs.value.filter(job => isActiveJobStatus(job.status)))
   const historyJobs = computed(() => jobs.value.filter(job => !isActiveJobStatus(job.status)))
   const deletableJobs = computed(() => historyJobs.value.filter(job => job.can_delete))
   const featuredJob = computed(() => activeJobs.value[0] ?? historyJobs.value[0] ?? null)
-  const canRefresh = computed(() => Boolean(source.value?.refreshJobs || adapter.value?.listJobs))
-  const canCancel = computed(() => Boolean(source.value?.cancelJob || adapter.value?.cancelJob))
-  const canDelete = computed(() => Boolean(source.value?.deleteJob || adapter.value?.deleteJob))
+  const canRefresh = computed(() => Boolean(source.value?.refreshJobs))
+  const canCancel = computed(() => Boolean(source.value?.cancelJob))
+  const canDelete = computed(() => Boolean(source.value?.deleteJob))
   const canClearFinished = computed(() => Boolean(
     source.value?.clearFinishedJobs
     || source.value?.deleteJob
-    || adapter.value?.clearFinishedJobs
-    || adapter.value?.deleteJob,
   ))
 
-  function bumpJobRevision(jobId: string): void {
-    jobRevisions.set(jobId, (jobRevisions.get(jobId) ?? 0) + 1)
-  }
-
-  function replaceLegacyJobs(nextJobs: readonly JobStateInput[]): void {
-    const normalized = nextJobs.map(normalizeJobState)
-    const touchedJobIds = new Set([
-      ...jobs.value.map(job => job.job_id),
-      ...normalized.map(job => job.job_id),
-    ])
-    touchedJobIds.forEach(bumpJobRevision)
-    legacyOverride.value = {
-      input: toValue(options.jobs),
-      jobs: normalized,
-    }
-    stateRevision += 1
-  }
-
-  function upsertLegacyJob(nextJob: JobStateInput): void {
-    const normalized = normalizeJobState(nextJob)
-    const existingIndex = jobs.value.findIndex(job => job.job_id === normalized.job_id)
-    const nextJobs = [...jobs.value]
-    if (existingIndex === -1) nextJobs.unshift(normalized)
-    else nextJobs[existingIndex] = normalized
-    legacyOverride.value = {
-      input: toValue(options.jobs),
-      jobs: nextJobs,
-    }
-    bumpJobRevision(normalized.job_id)
-    stateRevision += 1
-  }
-
-  function removeLegacyJobs(jobIds: Set<string>): void {
-    legacyOverride.value = {
-      input: toValue(options.jobs),
-      jobs: jobs.value.filter(job => !jobIds.has(job.job_id)),
-    }
-    jobIds.forEach(bumpJobRevision)
-    stateRevision += 1
-  }
-
   function setPending(jobId: string, pending: boolean): void {
     const next = new Set(pendingJobIds.value)
     if (pending) next.add(jobId)
@@ -313,35 +214,15 @@ export function usePluginJobCenter(
     pendingJobIds.value = next
   }
 
-  function applyStreamMessage(message: JobStreamMessage): void {
-    if (!active || source.value) return
-    if (message.event === 'snapshot' && isSnapshotPayload(message.data)) {
-      replaceLegacyJobs(message.data.jobs)
-      return
-    }
-    if (
-      (message.event === 'job' || message.event === 'terminal')
-      && !isSnapshotPayload(message.data)
-    ) {
-      upsertLegacyJob(message.data)
-    }
-  }
-
   async function refresh(): Promise<boolean> {
-    const currentSource = source.value
-    const listJobs = currentSource?.refreshJobs ?? adapter.value?.listJobs
-    if (!listJobs) return false
+    const refreshJobs = source.value?.refreshJobs
+    if (!refreshJobs) return false
     const generation = ++requestGeneration
-    const revision = stateRevision
     isLoading.value = true
     error.value = null
     try {
-      const response = await listJobs()
-      if (!active || generation !== requestGeneration || revision !== stateRevision) {
-        return false
-      }
-      if (!currentSource && response) replaceLegacyJobs(responseJobs(response))
-      return true
+      await refreshJobs()
+      return active && generation === requestGeneration
     } catch (cause) {
       if (active && generation === requestGeneration) {
         error.value = errorMessage(cause, 'Failed to load jobs')
@@ -354,23 +235,14 @@ export function usePluginJobCenter(
 
   async function cancelJob(job: JobState): Promise<boolean> {
     const sourceCancel = source.value?.cancelJob
-    const adapterCancel = adapter.value?.cancelJob
-    if (!job.can_cancel || (!sourceCancel && !adapterCancel) || pendingJobIds.value.has(job.job_id)) {
+    if (!job.can_cancel || !sourceCancel || pendingJobIds.value.has(job.job_id)) {
       return false
     }
-    const revision = jobRevisions.get(job.job_id) ?? 0
     setPending(job.job_id, true)
     error.value = null
     try {
-      const updated = sourceCancel
-        ? await sourceCancel(job.job_id)
-        : await adapterCancel!(job)
-      if (!active) return false
-      if (!sourceCancel && revision === (jobRevisions.get(job.job_id) ?? 0)) {
-        if (updated) upsertLegacyJob(updated)
-        else await refresh()
-      }
-      return true
+      await sourceCancel(job.job_id)
+      return active
     } catch (cause) {
       if (active) error.value = errorMessage(cause, 'Failed to cancel job')
       return false
@@ -381,22 +253,14 @@ export function usePluginJobCenter(
 
   async function deleteJob(job: JobState): Promise<boolean> {
     const sourceDelete = source.value?.deleteJob
-    const adapterDelete = adapter.value?.deleteJob
-    if (!job.can_delete || (!sourceDelete && !adapterDelete) || pendingJobIds.value.has(job.job_id)) {
+    if (!job.can_delete || !sourceDelete || pendingJobIds.value.has(job.job_id)) {
       return false
     }
     setPending(job.job_id, true)
     error.value = null
     try {
-      const deleted = sourceDelete
-        ? await sourceDelete(job.job_id)
-        : await adapterDelete!(job)
-      if (!active) return false
-      if (!sourceDelete) {
-        if (deleted === false) await refresh()
-        else removeLegacyJobs(new Set([job.job_id]))
-      }
-      return deleted !== false
+      const deleted = await sourceDelete(job.job_id)
+      return active && deleted !== false
     } catch (cause) {
       if (active) error.value = errorMessage(cause, 'Failed to delete job')
       return false
@@ -420,36 +284,13 @@ export function usePluginJobCenter(
         const results = await Promise.all(targets.map(job => deleteJob(job)))
         return results.every(Boolean)
       }
-      const currentAdapter = adapter.value
-      if (currentAdapter?.clearFinishedJobs) {
-        const deleted = await currentAdapter.clearFinishedJobs(targets)
-        if (!active) return false
-        if (typeof deleted === 'number' && deleted !== targets.length) {
-          await refresh()
-          return false
-        }
-        removeLegacyJobs(new Set(targets.map(job => job.job_id)))
-        return true
-      }
-      if (!currentAdapter?.deleteJob) return false
-      const results = await Promise.all(targets.map(job => deleteJob(job)))
-      return results.every(Boolean)
+      return false
     } catch (cause) {
       if (active) error.value = errorMessage(cause, 'Failed to clear jobs')
       return false
     }
   }
 
-  if (options.eventStream !== undefined) {
-    watch(
-      () => toValue(options.eventStream)?.lastMessage.value ?? null,
-      (message: PluginEventStreamMessage<JobStreamData> | null) => {
-        if (message) applyStreamMessage(message)
-      },
-      { immediate: true },
-    )
-  }
-
   onMounted(() => {
     if (options.loadOnMount !== false) void refresh()
   })
@@ -477,17 +318,9 @@ export function usePluginJobCenter(
     close: () => { isOpen.value = false },
     toggle: () => { isOpen.value = !isOpen.value },
     refresh,
-    applyStreamMessage,
     cancelJob,
     deleteJob,
     clearFinished,
     isPending: job => pendingJobIds.value.has(job.job_id),
   }
 }
-
-/** Backward-compatible name for the plugin job-center controller. */
-export function useJobsStatusTray(
-  options: UseJobsStatusTrayOptions = {},
-): UseJobsStatusTrayReturn {
-  return usePluginJobCenter(options)
-}

package/src/composables/usePluginClient.ts

@@ -1,8 +1,6 @@
 import {
   computed,
-  getCurrentInstance,
   onMounted,
-  onUnmounted,
   ref,
   shallowRef,
   watch,
@@ -28,6 +26,12 @@ import {
   pluginEndpointRequestParts,
   requestBodyFromPayload,
 } from './pluginEndpointBuilder'
+import {
+  useEventStream,
+  type EventStreamMessage,
+  type EventStreamTransport,
+  type UseEventStreamReturn,
+} from './useEventStream'
 import type {
   ExperimentSummary,
   GeneratedJobDefinition,
@@ -204,13 +208,7 @@ export interface UsePluginSettingsReturn<TSettings = Record<string, unknown>> {
   reset: () => void
 }
 
-export interface PluginEventStreamMessage<TData = string> {
-  event: string
-  data: TData
-  id?: string
-  retry?: number
-  raw: string
-}
+export type PluginEventStreamMessage<TData = string> = EventStreamMessage<TData>
 
 export interface PluginEventStreamOptions<TData = string> {
   /** Override the generated or platform-injected API base URL. */
@@ -232,15 +230,7 @@ export interface PluginEventStreamOptions<TData = string> {
   onError?: (error: unknown) => void
 }
 
-export interface UsePluginEventStreamReturn<TData = string> {
-  isConnected: Ref<boolean>
-  isConnecting: Ref<boolean>
-  error: Ref<string | null>
-  lastMessage: Ref<PluginEventStreamMessage<TData> | null>
-  lastEventId: Ref<string | null>
-  start: () => void
-  stop: () => void
-}
+export type UsePluginEventStreamReturn<TData = string> = UseEventStreamReturn<TData>
 
 export type PluginFormDataValue =
   | string
@@ -544,11 +534,6 @@ export async function downloadPluginEndpoint(
   return blob
 }
 
-/** Return a generated plugin client from setup code with a stable typed identity. */
-export function usePluginClient<TClient>(client: TClient): TClient {
-  return client
-}
-
 function normalizePluginSettingsOptions(options: UsePluginSettingsOptions | string = {}): UsePluginSettingsOptions {
   return typeof options === 'string' ? { pluginName: options } : options
 }
@@ -797,13 +782,13 @@ export function usePluginSettings<TSettings = Record<string, unknown>>(
 }
 
 function streamRequestAuth(
-  options: PluginEventStreamOptions<unknown>,
+  requestHeaders: HeadersInit | undefined,
   policy: { requiresAuth: boolean },
 ): {
   headers: Headers
   token?: string
 } {
-  const headers = new Headers(options.headers)
+  const headers = new Headers(requestHeaders)
   const authStore = useAuthStore()
   if (!authStore.isInitialized) {
     authStore.initialize()
@@ -811,7 +796,6 @@ function streamRequestAuth(
   if (policy.requiresAuth && authStore.token && !headers.has('Authorization')) {
     headers.set('Authorization', `Bearer ${authStore.token}`)
   }
-  headers.set('Accept', 'text/event-stream')
   const token = policy.requiresAuth ? authStore.token : undefined
   return {
     headers,
@@ -819,40 +803,22 @@ function streamRequestAuth(
   }
 }
 
-function parseSseEvent<TData>(
-  block: string,
-  parseJson: boolean,
-): PluginEventStreamMessage<TData> | null {
-  let event = 'message'
-  let id: string | undefined
-  let retry: number | undefined
-  const dataLines: string[] = []
-
-  for (const line of block.split(/\r?\n/)) {
-    if (!line || line.startsWith(':')) continue
-    const separator = line.indexOf(':')
-    const field = separator === -1 ? line : line.slice(0, separator)
-    const value = separator === -1
-      ? ''
-      : line.slice(separator + 1).replace(/^ /, '')
-
-    if (field === 'event') event = value || 'message'
-    if (field === 'data') dataLines.push(value)
-    if (field === 'id') id = value
-    if (field === 'retry') {
-      const parsed = Number(value)
-      if (Number.isFinite(parsed)) retry = parsed
+function pluginEventStreamTransport(
+  endpoint: PluginEndpointDefinition,
+): EventStreamTransport {
+  return async (url, init = {}) => {
+    if (typeof fetch !== 'function') {
+      throw new Error('[MINT SDK] fetch is required for plugin event streams.')
     }
-  }
-
-  if (!dataLines.length && !id && retry === undefined) return null
-  const data = dataLines.join('\n')
-  return {
-    event,
-    data: (parseJson && data ? JSON.parse(data) : data) as TData,
-    id,
-    retry,
-    raw: block,
+    const requestAuth = streamRequestAuth(
+      init.headers,
+      { requiresAuth: endpoint.requiresAuth !== false },
+    )
+    const response = await fetch(url, { ...init, headers: requestAuth.headers })
+    if (response.status === 401) {
+      throw authenticationRequiredError(response, requestAuth.token)
+    }
+    return response
   }
 }
 
@@ -891,6 +857,9 @@ export function usePluginEventStream<TData = string>(
   payloadOrOptions?: unknown,
   maybeOptions?: PluginEventStreamOptions<TData>,
 ): UsePluginEventStreamReturn<TData> {
+  if (endpoint.method !== 'get') {
+    throw new Error(`[MINT SDK] Plugin event streams must use GET; got ${endpoint.method}`)
+  }
   const payload = maybeOptions === undefined && looksLikeEventStreamOptions(payloadOrOptions)
     ? undefined
     : payloadOrOptions
@@ -899,198 +868,25 @@ export function usePluginEventStream<TData = string>(
       ? payloadOrOptions
       : maybeOptions ?? {}
   ) as PluginEventStreamOptions<TData>
-  const isConnected = ref(false)
-  const isConnecting = ref(false)
-  const error = ref<string | null>(null)
-  const lastMessage = shallowRef<PluginEventStreamMessage<TData> | null>(null)
-  const lastEventId = ref<string | null>(null)
   const responseType = endpoint.responseType?.trim()
   const parseJson = options.parseJson ?? Boolean(responseType && responseType !== 'string')
-  let controller: AbortController | null = null
-  let reconnectTimer: ReturnType<typeof setTimeout> | null = null
-  let stopped = true
-  let generation = 0
-
-  function clearReconnectTimer(): void {
-    if (reconnectTimer !== null) {
-      clearTimeout(reconnectTimer)
-      reconnectTimer = null
-    }
-  }
-
-  function ownsConnection(
-    connectionGeneration: number,
-    connectionController: AbortController,
-  ): boolean {
-    return !stopped
-      && generation === connectionGeneration
-      && controller === connectionController
-  }
-
-  function scheduleReconnect(connectionGeneration: number): void {
-    if (
-      stopped
-      || generation !== connectionGeneration
-      || options.reconnect === false
-    ) return
-    clearReconnectTimer()
-    reconnectTimer = setTimeout(() => {
-      reconnectTimer = null
-      if (stopped || generation !== connectionGeneration) return
-      void connect(connectionGeneration)
-    }, options.reconnectDelayMs ?? 2000)
-  }
-
-  async function connect(connectionGeneration: number): Promise<void> {
-    if (stopped || generation !== connectionGeneration) return
-    if (endpoint.method !== 'get') {
-      throw new Error(`[MINT SDK] Plugin event streams must use GET; got ${endpoint.method}`)
-    }
-    if (typeof fetch !== 'function') {
-      throw new Error('[MINT SDK] fetch is required for plugin event streams.')
-    }
-
-    controller?.abort()
-    const connectionController = new AbortController()
-    controller = connectionController
-    isConnecting.value = true
-    if (!ownsConnection(connectionGeneration, connectionController)) return
-    error.value = null
-    if (!ownsConnection(connectionGeneration, connectionController)) return
-
-    let authenticationFailed = false
-    try {
-      const url = buildPluginEndpointUrl(contract, endpoint, payload, {
-        baseUrl: options.baseUrl,
-      })
-      const requestAuth = streamRequestAuth(
-        options as PluginEventStreamOptions<unknown>,
-        { requiresAuth: endpoint.requiresAuth !== false },
-      )
-      const response = await fetch(url, {
-        method: 'GET',
-        headers: requestAuth.headers,
-        credentials: options.credentials ?? 'same-origin',
-        signal: connectionController.signal,
-      })
-
-      if (!ownsConnection(connectionGeneration, connectionController)) return
-
-      if (!response.ok) {
-        if (response.status === 401) {
-          authenticationFailed = true
-          throw authenticationRequiredError(response, requestAuth.token)
-        }
-        throw new Error(`Plugin event stream failed with HTTP ${response.status}`)
-      }
-      if (!response.body) {
-        throw new Error('Plugin event stream response did not include a readable body.')
-      }
-
-      isConnected.value = true
-      if (!ownsConnection(connectionGeneration, connectionController)) return
-      options.onOpen?.()
-      if (!ownsConnection(connectionGeneration, connectionController)) return
-      const reader = response.body.getReader()
-      const decoder = new TextDecoder()
-      let buffer = ''
-
-      for (;;) {
-        const { value, done } = await reader.read()
-        if (!ownsConnection(connectionGeneration, connectionController)) return
-        if (done) break
-        buffer += decoder.decode(value, { stream: true })
-
-        let boundary = buffer.search(/\r?\n\r?\n/)
-        while (boundary !== -1) {
-          const block = buffer.slice(0, boundary)
-          buffer = buffer.slice(buffer[boundary] === '\r' ? boundary + 4 : boundary + 2)
-          const message = parseSseEvent<TData>(block, parseJson)
-          if (message) {
-            lastMessage.value = message
-            if (!ownsConnection(connectionGeneration, connectionController)) return
-            if (message.id !== undefined) {
-              lastEventId.value = message.id
-              if (!ownsConnection(connectionGeneration, connectionController)) return
-            }
-            if (message.retry !== undefined) {
-              options.reconnectDelayMs = message.retry
-            }
-            if (!ownsConnection(connectionGeneration, connectionController)) return
-            options.onMessage?.(message)
-            if (!ownsConnection(connectionGeneration, connectionController)) return
-          }
-          boundary = buffer.search(/\r?\n\r?\n/)
-        }
-      }
-    } catch (err) {
-      if (err instanceof AuthenticationRequiredError) authenticationFailed = true
-      if (
-        ownsConnection(connectionGeneration, connectionController)
-        && !(err instanceof DOMException && err.name === 'AbortError')
-      ) {
-        const message = err instanceof Error ? err.message : 'Plugin event stream failed'
-        error.value = message
-        if (ownsConnection(connectionGeneration, connectionController)) {
-          options.onError?.(err)
-        }
-      }
-    } finally {
-      if (ownsConnection(connectionGeneration, connectionController)) {
-        isConnecting.value = false
-        if (ownsConnection(connectionGeneration, connectionController)) {
-          isConnected.value = false
-          if (ownsConnection(connectionGeneration, connectionController)) {
-            controller = null
-            if (authenticationFailed) {
-              stopped = true
-            } else {
-              scheduleReconnect(connectionGeneration)
-            }
-          }
-        }
-      }
-    }
-  }
-
-  function start(): void {
-    if (!stopped) return
-    stopped = false
-    clearReconnectTimer()
-    generation += 1
-    void connect(generation)
-  }
-
-  function stop(): void {
-    if (stopped) return
-    stopped = true
-    generation += 1
-    clearReconnectTimer()
-    controller?.abort()
-    controller = null
-    isConnecting.value = false
-    isConnected.value = false
-  }
-
-  const currentInstance = getCurrentInstance()
-  if (currentInstance && options.immediate !== false && typeof window === 'undefined') {
-    onMounted(start)
-  }
-  if (currentInstance) onUnmounted(stop)
-
-  if (options.immediate !== false && (typeof window !== 'undefined' || !currentInstance)) {
-    start()
-  }
-
-  return {
-    isConnected,
-    isConnecting,
-    error,
-    lastMessage,
-    lastEventId,
-    start,
-    stop,
-  }
+  return useEventStream<TData>(
+    () => buildPluginEndpointUrl(contract, endpoint, payload, { baseUrl: options.baseUrl }),
+    {
+      transport: pluginEventStreamTransport(endpoint),
+      immediate: options.immediate,
+      reconnect: options.reconnect,
+      reconnectDelayMs: options.reconnectDelayMs,
+      parseJson,
+      credentials: options.credentials,
+      headers: options.headers,
+      shouldReconnect: cause => !(cause instanceof AuthenticationRequiredError),
+      onOpen: options.onOpen,
+      onMessage: options.onMessage,
+      onError: options.onError,
+      errorLabel: 'Plugin event stream',
+    },
+  )
 }
 
 /** Read and optionally load the current platform experiment for integrated plugin views. */