react-native-audio-browser 0.2.0-next.1 → 0.2.0-next.11

package/src/features/sleepTimer.test.ts

@@ -0,0 +1,172 @@
+/** @vitest-environment happy-dom */
+
+import { renderHook, act, cleanup } from '@testing-library/react'
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
+import type { SleepTimer } from './sleepTimer'
+
+const native = vi.hoisted(() => ({
+  getSleepTimer: vi.fn<() => SleepTimer>(() => null),
+  // The single callback slot `NativeUpdatedValue` claims at module load.
+  onSleepTimerChanged: undefined as ((timer: SleepTimer) => void) | undefined
+}))
+
+vi.mock('../native', () => ({ nativeBrowser: native }))
+
+const { onSleepTimerChanged, useSleepTimer, useSleepTimerActive } =
+  await import('./sleepTimer')
+
+/** Push a value the way native would. */
+const fire = (timer: SleepTimer) =>
+  act(() => native.onSleepTimerChanged?.(timer))
+
+/**
+ * The emitter is a module-level singleton, so `lastValue` outlives each test.
+ * `undefined` is its pre-native state and distinct from `null`, which is a real
+ * value meaning "no timer" — the distinction the re-sync gate turns on.
+ */
+beforeEach(() => {
+  onSleepTimerChanged.lastValue = undefined
+  native.getSleepTimer.mockReturnValue(null)
+})
+afterEach(cleanup)
+
+describe('useSleepTimerActive', () => {
+  it('reads the getter when nothing has fired yet', () => {
+    native.getSleepTimer.mockReturnValue({ time: Date.now() + 60_000 })
+    const { result } = renderHook(() => useSleepTimerActive())
+    expect(result.current).toBe(true)
+  })
+
+  it('tracks timers being set and cleared', () => {
+    const { result } = renderHook(() => useSleepTimerActive())
+    expect(result.current).toBe(false)
+    fire({ time: Date.now() + 60_000 })
+    expect(result.current).toBe(true)
+    fire(null)
+    expect(result.current).toBe(false)
+  })
+
+  it('treats an end-of-track timer as active', () => {
+    const { result } = renderHook(() => useSleepTimerActive())
+    fire({ sleepWhenPlayedToEnd: true })
+    expect(result.current).toBe(true)
+  })
+
+  // The regression from f7a25040. The getter ran during render and saw a live
+  // timer; the clear landed before the effect subscribed. Without the re-sync
+  // the UI shows a running timer that is already gone — permanently, since
+  // nothing reads it again until the next native event.
+  it('re-syncs a clear that landed between the render read and the effect', () => {
+    native.getSleepTimer.mockReturnValue({ time: Date.now() + 60_000 })
+    onSleepTimerChanged.lastValue = null
+    const { result } = renderHook(() => useSleepTimerActive())
+    expect(result.current).toBe(false)
+  })
+
+  // The gate is `!== undefined`, not truthiness: `undefined` means native has
+  // never spoken, so the getter's answer must stand.
+  it('keeps the getter value when native has not fired at all', () => {
+    native.getSleepTimer.mockReturnValue({ time: Date.now() + 60_000 })
+    const { result } = renderHook(() => useSleepTimerActive())
+    expect(result.current).toBe(true)
+  })
+
+  it('stops tracking after unmount', () => {
+    const { result, unmount } = renderHook(() => useSleepTimerActive())
+    unmount()
+    fire({ time: Date.now() + 60_000 })
+    expect(result.current).toBe(false)
+  })
+})
+
+describe('useSleepTimer', () => {
+  it('is undefined when no timer is set', () => {
+    const { result } = renderHook(() => useSleepTimer())
+    expect(result.current).toBeUndefined()
+  })
+
+  it('reports secondsLeft for a time-based timer', () => {
+    vi.useFakeTimers()
+    try {
+      vi.setSystemTime(1_000_000_000_000)
+      native.getSleepTimer.mockReturnValue({ time: Date.now() + 30_000 })
+      const { result } = renderHook(() => useSleepTimer())
+      expect(result.current).toEqual({
+        time: 1_000_000_030_000,
+        secondsLeft: 30
+      })
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('passes an end-of-track timer through without secondsLeft', () => {
+    const { result } = renderHook(() => useSleepTimer())
+    fire({ sleepWhenPlayedToEnd: true })
+    expect(result.current).toEqual({ sleepWhenPlayedToEnd: true })
+  })
+
+  it('counts down as time passes', () => {
+    vi.useFakeTimers()
+    try {
+      vi.setSystemTime(1_000_000_000_000)
+      native.getSleepTimer.mockReturnValue({ time: Date.now() + 5_000 })
+      const { result } = renderHook(() => useSleepTimer())
+      expect(result.current).toMatchObject({ secondsLeft: 5 })
+      act(() => {
+        vi.advanceTimersByTime(2_000)
+      })
+      expect(result.current).toMatchObject({ secondsLeft: 3 })
+      act(() => {
+        vi.advanceTimersByTime(3_000)
+      })
+      expect(result.current).toMatchObject({ secondsLeft: 0 })
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('stops the countdown once it reaches zero', () => {
+    vi.useFakeTimers()
+    try {
+      vi.setSystemTime(1_000_000_000_000)
+      native.getSleepTimer.mockReturnValue({ time: Date.now() + 2_000 })
+      const { result } = renderHook(() => useSleepTimer())
+      act(() => {
+        vi.advanceTimersByTime(2_000)
+      })
+      expect(result.current).toMatchObject({ secondsLeft: 0 })
+      // Clamped at zero rather than running negative.
+      act(() => {
+        vi.advanceTimersByTime(10_000)
+      })
+      expect(result.current).toMatchObject({ secondsLeft: 0 })
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  it('does not tick while inactive', () => {
+    vi.useFakeTimers()
+    try {
+      vi.setSystemTime(1_000_000_000_000)
+      native.getSleepTimer.mockReturnValue({ time: Date.now() + 60_000 })
+      const { result } = renderHook(() => useSleepTimer({ inactive: true }))
+      expect(result.current).toMatchObject({ secondsLeft: 60 })
+      act(() => {
+        vi.advanceTimersByTime(10_000)
+      })
+      expect(result.current).toMatchObject({ secondsLeft: 60 })
+    } finally {
+      vi.useRealTimers()
+    }
+  })
+
+  // Same race as useSleepTimerActive, and the reason both hooks carry the gate.
+  it('re-syncs a clear that landed between the render read and the effect', () => {
+    native.getSleepTimer.mockReturnValue({ time: Date.now() + 60_000 })
+    onSleepTimerChanged.lastValue = null
+    const { result } = renderHook(() => useSleepTimer())
+    expect(result.current).toBeUndefined()
+  })
+})

package/src/features/sleepTimer.ts

@@ -86,7 +86,7 @@ export function clearSleepTimer(): boolean {
 /**
  * Subscribes to sleep timer changes.
  * @param callback - Called when the sleep timer state changes
- * @returns Cleanup function to unsubscribe
+ * @returns An emitter — subscribe with `addListener(callback)`, which returns a cleanup function
  */
 export const onSleepTimerChanged = NativeUpdatedValue.emitterize<SleepTimer>(
   (cb) => (nativeBrowser.onSleepTimerChanged = cb)
@@ -104,6 +104,11 @@ export function useSleepTimerActive(): boolean {
   const [isActive, setIsActive] = useState(() => getSleepTimer() !== null)
 
   useEffect(() => {
+    // Re-sync before subscribing: a change between the initial read above and this effect would
+    // otherwise be missed for good. `undefined` means nothing has fired yet, whereas `null` is a
+    // real value — the timer being cleared — so it has to re-sync too.
+    const { lastValue } = onSleepTimerChanged
+    if (lastValue !== undefined) setIsActive(lastValue !== null)
     return onSleepTimerChanged.addListener((timer) => {
       setIsActive(timer !== null)
     })
@@ -137,6 +142,9 @@ export function useSleepTimer(params?: {
   const time = state && 'time' in state ? state.time : undefined
 
   useEffect(() => {
+    // Re-sync before subscribing — see useSleepTimerActive.
+    const { lastValue } = onSleepTimerChanged
+    if (lastValue !== undefined) setState(addSecondsLeft(lastValue))
     return onSleepTimerChanged.addListener((event) => {
       setState(addSecondsLeft(event))
     })

package/src/nitro-stub-drift.test.ts

@@ -0,0 +1,237 @@
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+import { describe, it, expect } from 'vitest'
+
+/**
+ * Drift guard for `ios/Model/NitroTypeStubs.swift`.
+ *
+ * The generated Nitro Swift types are `typealias`es onto C++ structs
+ * (`margelo.nitro.audiobrowser.*`), so SwiftPM cannot compile them without the
+ * whole Nitro C++ core — which is why the SPM test target substitutes
+ * hand-written stubs behind `#if !canImport(NitroModules)`. The cost of that
+ * trick is that the stubs can disagree with the real types, and when they do
+ * `swift test` still passes while the app build breaks. That has already
+ * happened once (1d2edade, "restore the SPM test-stub build after the artwork
+ * variants change").
+ *
+ * Neither native CI job can catch it: the Swift job only ever sees the stubs,
+ * and the app build only ever sees the generated types. This test is the one
+ * place both files are readable at once, so the check lives here.
+ *
+ * The rule is subset-with-exact-types. A stub may declare FEWER properties than
+ * the real type — shared `ios/` sources can only use what the stub declares, so
+ * an omission is safe. What is not safe is a property the real type spells
+ * differently: `var id: String` against a generated `id: String?` compiles under
+ * test and fails to compile in the app.
+ */
+const ROOT = process.cwd()
+const STUBS = join(ROOT, 'ios', 'Model', 'NitroTypeStubs.swift')
+const GENERATED = join(ROOT, 'nitrogen', 'generated', 'ios', 'swift')
+
+/**
+ * Stubbed types with no generated counterpart, and why. Anything else missing
+ * from `nitrogen/generated/ios/swift/` is a stub for a type that no longer
+ * exists — the loudest kind of drift.
+ */
+const NOT_GENERATED: Record<string, string> = {
+  // Nitro core type (`nitro::NullType`), shipped by NitroModules rather than
+  // emitted per-project, so there is no file of ours to compare against.
+  NullType: 'provided by NitroModules core'
+}
+
+type Struct = { kind: 'struct'; members: Map<string, string> }
+type Enum = { kind: 'enum'; members: Map<string, string> }
+type Shape = Struct | Enum
+
+/** Splits a parameter/case list on top-level commas, ignoring `[]`, `()`, `<>`. */
+function splitTopLevel(text: string): string[] {
+  const parts: string[] = []
+  let depth = 0
+  let current = ''
+  for (const char of text) {
+    if (char === '[' || char === '(' || char === '<') depth++
+    else if (char === ']' || char === ')' || char === '>') depth--
+    if (char === ',' && depth === 0) {
+      parts.push(current)
+      current = ''
+    } else current += char
+  }
+  if (current.trim()) parts.push(current)
+  return parts.map((part) => part.trim()).filter(Boolean)
+}
+
+/** `label: Type` → [label, Type]. Splits on the FIRST colon (`[String: String]`). */
+function splitLabelled(part: string): [string, string] | null {
+  const colon = part.indexOf(':')
+  if (colon < 0) return null
+  const label = part.slice(0, colon).trim()
+  // A generated init can carry both an argument label and a parameter name
+  // (`for value: String`); the property name is the last word before the colon.
+  const name = label.split(/\s+/).pop()!
+  return [name, part.slice(colon + 1).trim()]
+}
+
+const DECL =
+  /^\s*(?:(?:public|@frozen|indirect|final)\s+)*(struct|enum)\s+([A-Za-z_]\w*)\s*(?::[^{]*)?\{/
+
+/** Parses every top-level `struct`/`enum` in a Swift file into its member map. */
+function parseSwiftDecls(source: string): Map<string, Shape> {
+  const shapes = new Map<string, Shape>()
+  const lines = source.split('\n')
+
+  for (let i = 0; i < lines.length; i++) {
+    const decl = DECL.exec(lines[i]!)
+    if (!decl) continue
+    const keyword = decl[1]!
+    const name = decl[2]!
+    const members = new Map<string, string>()
+    let depth = 1
+
+    for (let j = i + 1; j < lines.length && depth > 0; j++) {
+      const body = lines[j]!.replace(/\/\/.*$/, '')
+
+      if (depth === 1) {
+        // Stored property: `var name: Type`, but not a computed one (`{` after).
+        const prop =
+          /^\s*(?:public\s+)?var\s+([A-Za-z_]\w*)\s*:\s*([^={]+?)\s*(?:=|$)/.exec(
+            body
+          )
+        if (prop && !/\{\s*$/.test(body)) members.set(prop[1]!, prop[2]!.trim())
+
+        // `case a`, `case a(T)`, `case a, b`
+        const enumCase = /^\s*case\s+(.+)$/.exec(body)
+        if (enumCase && keyword === 'enum') {
+          for (const one of splitTopLevel(enumCase[1]!)) {
+            const withPayload = /^([A-Za-z_]\w*)\s*\((.*)\)$/.exec(one)
+            if (withPayload)
+              members.set(withPayload[1]!, withPayload[2]!.trim())
+            else if (/^[A-Za-z_]\w*$/.test(one)) members.set(one, '')
+          }
+        }
+      }
+
+      for (const char of body) {
+        if (char === '{') depth++
+        else if (char === '}') depth--
+      }
+    }
+
+    shapes.set(name, {
+      kind: keyword === 'struct' ? 'struct' : 'enum',
+      members
+    } as Shape)
+  }
+  return shapes
+}
+
+/**
+ * Reads the real shape of a generated type. Nitro emits three forms: a struct
+ * (memberwise `init`), a string-backed enum (`init?(fromString:)`), and a
+ * variant (a plain `enum` with `first`/`second`/… payload cases).
+ */
+function parseGenerated(name: string): Shape | null {
+  let source: string
+  try {
+    source = readFileSync(join(GENERATED, `${name}.swift`), 'utf8')
+  } catch {
+    return null
+  }
+
+  // Variant enums are declared outright, so the generic parser sees them.
+  const declared = parseSwiftDecls(source).get(name)
+  if (declared && declared.members.size > 0) return declared
+
+  // String-backed enum. Read the case names off the `stringValue` switch, which
+  // spells them out (`case .get: return "GET"`), rather than deriving them from
+  // the JS values — nitrogen's casing rule is not ours to reimplement.
+  if (source.includes('var stringValue: String')) {
+    const members = new Map<string, string>()
+    for (const match of source.matchAll(/case\s+\.(\w+)\s*:/g))
+      members.set(match[1]!, '')
+    return { kind: 'enum', members }
+  }
+
+  const init = /^\s*init\((.*)\)\s*\{/m.exec(source)
+  if (init) {
+    const members = new Map<string, string>()
+    for (const part of splitTopLevel(init[1]!)) {
+      const labelled = splitLabelled(part)
+      if (labelled) members.set(labelled[0], labelled[1])
+    }
+    return { kind: 'struct', members }
+  }
+
+  return null
+}
+
+/**
+ * Sugared and desugared spellings are the same Swift type — nitrogen emits
+ * `Dictionary<String, String>` where the stubs write `[String: String]`.
+ */
+function normalizeType(type: string): string {
+  let previous: string
+  let current = type.replace(/\s+/g, ' ').trim()
+  do {
+    previous = current
+    current = current
+      .replace(/\bDictionary<([^<>]+),\s*([^<>]+)>/g, '[$1: $2]')
+      .replace(/\bArray<([^<>]+)>/g, '[$1]')
+      .replace(/\bOptional<([^<>]+)>/g, '$1?')
+  } while (current !== previous)
+  return current
+}
+
+describe('NitroTypeStubs mirror the generated Nitro types', () => {
+  const stubs = parseSwiftDecls(readFileSync(STUBS, 'utf8'))
+
+  it('parses the stub file', () => {
+    // A parser that silently matches nothing would make every check below pass.
+    expect(stubs.size).toBeGreaterThan(20)
+    expect(stubs.get('Track')?.members.get('src')).toBe('String?')
+  })
+
+  it('stubs only types that Nitro actually generates', () => {
+    const orphans = [...stubs.keys()].filter(
+      (name) => !(name in NOT_GENERATED) && parseGenerated(name) == null
+    )
+    expect(
+      orphans,
+      `Stubbed with no generated counterpart in nitrogen/generated/ios/swift — the type was ` +
+        `renamed or removed from the Nitro spec, so the stub is standing in for nothing:\n` +
+        orphans.join('\n')
+    ).toEqual([])
+  })
+
+  it('declares every stubbed property with the generated type', () => {
+    const drift: string[] = []
+
+    for (const [name, stub] of stubs) {
+      if (name in NOT_GENERATED) continue
+      const real = parseGenerated(name)
+      if (real == null) continue // reported by the previous test
+
+      for (const [member, stubType] of stub.members) {
+        const realType = real.members.get(member)
+        const what = real.kind === 'enum' ? 'case' : 'property'
+        if (realType == null) {
+          drift.push(
+            `${name}.${member}: stub declares a ${what} the generated type does not have`
+          )
+        } else if (normalizeType(realType) !== normalizeType(stubType)) {
+          drift.push(
+            `${name}.${member}: stub \`${stubType || '(no payload)'}\`, ` +
+              `generated \`${realType || '(no payload)'}\``
+          )
+        }
+      }
+    }
+
+    expect(
+      drift,
+      `ios/Model/NitroTypeStubs.swift disagrees with nitrogen/generated/ios/swift. ` +
+        `\`swift test\` compiles against the stub and will not catch this; the app build ` +
+        `compiles against the generated type and will fail. Fix the stub to match:\n` +
+        drift.join('\n')
+    ).toEqual([])
+  })
+})

package/src/public-surface.test.ts

@@ -0,0 +1,107 @@
+import { existsSync, readFileSync } from 'node:fs'
+import { dirname, join, relative, resolve } from 'node:path'
+import { describe, it, expect } from 'vitest'
+
+/**
+ * Guard on what `import { … } from 'react-native-audio-browser'` can reach.
+ *
+ * `@internal` hides a value from the published types but not from the bundle:
+ * Metro resolves `"react-native": "src/index"` and compiles the source, where
+ * `stripInternal` never ran. Types are exempt — they have no runtime form.
+ * `CLAUDE.md` in this directory has the full rule.
+ */
+const SRC = join(process.cwd(), 'src')
+const ENTRY = join(SRC, 'index.ts')
+
+const VALUE_KINDS = new Set([
+  'const',
+  'let',
+  'var',
+  'function',
+  'class',
+  'enum'
+])
+
+function resolveModule(fromFile: string, spec: string): string | undefined {
+  const base = resolve(dirname(fromFile), spec.replace(/\.tsx?$/, ''))
+  return [`${base}.ts`, `${base}.tsx`, join(base, 'index.ts')].find(existsSync)
+}
+
+interface Export {
+  name: string
+  file: string
+  internal: boolean
+}
+
+/** Walks the `export *` graph from `entry`, collecting every reachable value export. */
+function collectValueExports(entry: string): Export[] {
+  const found: Export[] = []
+  const seen = new Set<string>()
+
+  const visit = (file: string) => {
+    if (seen.has(file)) return
+    seen.add(file)
+    const source = readFileSync(file, 'utf8')
+
+    for (const [, spec] of source.matchAll(/^export \* from ['"](.+?)['"]/gm)) {
+      const target = resolveModule(file, spec!)
+      if (target) visit(target)
+    }
+
+    const declaration =
+      /^export (?:declare )?(?:async )?(?:abstract )?(const|let|var|function|class|enum) (\w+)/gm
+    for (const match of source.matchAll(declaration)) {
+      if (!VALUE_KINDS.has(match[1]!)) continue
+      // The JSDoc block, if any, is whatever sits directly above the export.
+      const preceding = source.slice(0, match.index)
+      const doc = /\/\*\*(?:(?!\*\/)[\s\S])*\*\/\s*$/.exec(preceding)?.[0] ?? ''
+      found.push({
+        name: match[2]!,
+        file: relative(SRC, file),
+        internal: /@internal\b/.test(doc)
+      })
+    }
+  }
+
+  visit(entry)
+  return found
+}
+
+describe('public surface', () => {
+  const exports = collectValueExports(ENTRY)
+
+  it('reaches the feature modules at all (the walker still works)', () => {
+    // Cheap canary: if the barrel structure changes shape and the walker stops
+    // resolving, every other assertion here would pass vacuously.
+    expect(exports.map((e) => e.name)).toContain('trackPlaybackTime')
+    expect(exports.length).toBeGreaterThan(100)
+  })
+
+  it('exposes no value marked @internal', () => {
+    const leaked = exports
+      .filter((e) => e.internal)
+      .map((e) => `${e.name}  (${e.file})`)
+    expect(
+      leaked,
+      'Reachable from the package root at runtime despite @internal. Move each ' +
+        'to a module the barrels skip, and import it directly:\n' +
+        leaked.join('\n')
+    ).toEqual([])
+  })
+
+  it('exposes no __-prefixed test hook', () => {
+    const hooks = exports
+      .filter((e) => e.name.startsWith('__'))
+      .map((e) => `${e.name}  (${e.file})`)
+    expect(
+      hooks,
+      'Test-only exports ship to consumers. Drive the unit through a seam it ' +
+        'already has — a mocked native slot, say:\n' +
+        hooks.join('\n')
+    ).toEqual([])
+  })
+
+  it('does not re-export the raw Nitro object', () => {
+    expect(exports.map((e) => e.name)).not.toContain('nativeBrowser')
+  })
+})

package/src/specs/audio-browser.nitro.ts

@@ -115,7 +115,7 @@ export interface AudioBrowser extends HybridObject<{
   tabs: Track[] | undefined
   navigatePath(path: string): void
   navigateTrack(track: Track): void
-  onSearch(query: string): Promise<Track[]>
+  search(query: string): Promise<Track[]>
   getContent(): ResolvedTrack | undefined
   onPathChanged: (path: string) => void
   onContentChanged: (content: ResolvedTrack | undefined) => void

package/src/test-utils/reactNativeStub.ts

@@ -0,0 +1,60 @@
+/**
+ * Stands in for `react-native` under vitest, via the alias in `vitest.config.ts`.
+ *
+ * Not a convenience: `react-native/index.js` is Flow-typed (`import typeof ...`)
+ * and Rollup cannot parse it, so any test that reaches a module importing from
+ * `'react-native'` fails to load at all. Jest consumers get this from
+ * `@react-native/jest-preset`; vitest has no equivalent.
+ *
+ * Keep it to the surface the library actually touches. Two symbols so far —
+ * `AppState` (usePolledProgress) and `Image.resolveAssetSource`. Anything a test
+ * needs to drive should get an explicit control here rather than a cast at the
+ * call site.
+ *
+ * @internal — never imported by production code, only aliased in by the runner.
+ */
+
+export type AppStateStatus = 'active' | 'background' | 'inactive'
+
+type ChangeListener = (status: AppStateStatus) => void
+
+const changeListeners = new Set<ChangeListener>()
+
+export const AppState = {
+  currentState: 'active' as AppStateStatus,
+
+  // `type` is widened to string so the guard stays live: real AppState also
+  // emits 'memoryWarning' and 'focus', and silently treating one of those as a
+  // 'change' subscription would be a confusing way to find out this stub is thin.
+  addEventListener(type: string, listener: ChangeListener) {
+    if (type !== 'change') throw new Error(`AppState stub: unhandled "${type}"`)
+    changeListeners.add(listener)
+    return { remove: () => changeListeners.delete(listener) }
+  }
+}
+
+/** Move the app to the foreground or background and notify subscribers. */
+export function setAppState(status: AppStateStatus): void {
+  AppState.currentState = status
+  // Deleting from a Set mid-iteration is safe, so a listener that removes itself
+  // during the callback needs no defensive copy.
+  for (const listener of changeListeners) listener(status)
+}
+
+/**
+ * Drop every subscription and return to the foreground. Call between tests —
+ * the stub is a module singleton, so state outlives an individual test.
+ */
+export function resetAppState(): void {
+  changeListeners.clear()
+  AppState.currentState = 'active'
+}
+
+/** Number of live `change` subscriptions, for asserting cleanup. */
+export function appStateListenerCount(): number {
+  return changeListeners.size
+}
+
+export const Image = {
+  resolveAssetSource: (source: unknown) => source
+}

package/src/utils/LazyNativeEmitter.ts

@@ -12,9 +12,11 @@ type Callback<T> = (arg: T) => void
  *
  * @example
  * ```typescript
- * export const onRemotePlay = LazyEmitter.emitterize<void>(
+ * export const onRemotePlay = LazyNativeEmitter.emitterize<void>(
  *   (cb) => (nativeBrowser.onRemotePlay = cb)
  * )
+ *
+ * const unsubscribe = onRemotePlay.addListener(() => console.log('play'))
  * ```
  */
 export class LazyNativeEmitter<T> {
@@ -43,14 +45,15 @@ export class LazyNativeEmitter<T> {
   }
 
   /**
-   * Creates a lazy emitter subscription function for a native callback.
+   * Creates a lazy emitter for a native callback.
+   *
    * @param setter - Function that sets the native callback property
-   * @returns A subscription function that returns an unsubscribe function
+   * @returns The emitter instance — subscribe with `addListener`, which returns
+   * an unsubscribe function
    */
   static emitterize<T>(
     setter: (callback: (data: T) => void) => void
-  ): (callback: Callback<T>) => () => void {
-    const emitter = new LazyNativeEmitter(setter)
-    return (callback: Callback<T>) => emitter.addListener(callback)
+  ): LazyNativeEmitter<T> {
+    return new LazyNativeEmitter(setter)
   }
 }