@bendyline/squisq-editor-react 2.1.0 → 2.3.0

package/src/__tests__/previewPanelPresentation.test.tsx

@@ -1,126 +0,0 @@
-/** @vitest-environment jsdom */
-
-import { useRef } from 'react';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-import type { Doc } from '@bendyline/squisq/schemas';
-import type { DocPlayerProps, PlaybackState } from '@bendyline/squisq-react';
-
-vi.mock('@bendyline/squisq-react', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('@bendyline/squisq-react')>();
-  const { useEffect } = await import('react');
-  const state: PlaybackState = {
-    isPlaying: false,
-    currentTime: 0,
-    totalDuration: 10,
-    isCoverVisible: true,
-    currentBlockIndex: 0,
-    totalBlocks: 2,
-    docProgress: 0,
-    hasCaptions: false,
-    captionsEnabled: false,
-    captionMode: 'off',
-    currentSegmentIndex: 0,
-    currentSegmentName: null,
-    currentBlock: null,
-  };
-  function MockDocPlayer(props: DocPlayerProps & { doc: Doc }) {
-    const { onPlaybackStateChange, onControlsReady } = props;
-    useEffect(() => {
-      if (props.audioController) return;
-      onPlaybackStateChange?.(state);
-      onControlsReady?.({
-        play: () => undefined,
-        pause: () => undefined,
-        toggle: () => undefined,
-        restart: () => undefined,
-        seekTo: () => undefined,
-        setCaptionsEnabled: () => undefined,
-        cycleCaptionMode: () => undefined,
-      });
-    }, [onControlsReady, onPlaybackStateChange, props.audioController]);
-    return (
-      <div
-        data-testid="mock-doc-player"
-        data-article={props.doc.articleId}
-        data-audience={props.audioController ? 'true' : 'false'}
-        data-controls={props.showControls ? 'true' : 'false'}
-        data-cover={String(props.coverVisible)}
-      />
-    );
-  }
-  return {
-    ...actual,
-    useMediaProvider: () => null,
-    DocPlayer: MockDocPlayer,
-  };
-});
-
-import { EditorProvider, useEditorContext } from '../EditorContext';
-import { PreviewSettingsProvider } from '../PreviewControls';
-import { PreviewPanel } from '../PreviewPanel';
-import {
-  PresentationModeControl,
-  PresentationModeProvider,
-} from '../presentation/PresentationMode';
-
-function Harness() {
-  const { doc } = useEditorContext();
-  const rootRef = useRef<HTMLDivElement>(null);
-  return (
-    <div ref={rootRef}>
-      <PreviewSettingsProvider doc={doc}>
-        <PresentationModeProvider rootRef={rootRef}>
-          <PresentationModeControl />
-          <PreviewPanel />
-        </PresentationModeProvider>
-      </PreviewSettingsProvider>
-    </div>
-  );
-}
-
-afterEach(() => {
-  cleanup();
-  vi.restoreAllMocks();
-});
-
-describe('PreviewPanel presentation audience', () => {
-  it('renders a clockless, controlled audience follower in the popup', async () => {
-    const popupDocument = document.implementation.createHTMLDocument('');
-    const popupEvents = new EventTarget();
-    let closed = false;
-    const popup = {
-      document: popupDocument,
-      get closed() {
-        return closed;
-      },
-      close: vi.fn(() => {
-        closed = true;
-      }),
-      focus: vi.fn(),
-      addEventListener: popupEvents.addEventListener.bind(popupEvents),
-      removeEventListener: popupEvents.removeEventListener.bind(popupEvents),
-    } as unknown as Window;
-    vi.spyOn(window, 'open').mockReturnValue(popup);
-
-    render(
-      <EditorProvider initialMarkdown="# Audience mirror\n\nBody" initialView="preview">
-        <Harness />
-      </EditorProvider>,
-    );
-
-    await waitFor(() => expect(screen.getByTestId('mock-doc-player')).toBeTruthy());
-    fireEvent.click(screen.getByRole('button', { name: 'Presentation options' }));
-    fireEvent.click(screen.getByRole('menuitemradio', { name: /New window/ }));
-    fireEvent.click(screen.getByRole('button', { name: 'Present: New window' }));
-
-    await waitFor(() => {
-      const audience = popupDocument.querySelector<HTMLElement>(
-        '[data-testid="mock-doc-player"][data-audience="true"]',
-      );
-      expect(audience).toBeTruthy();
-      expect(audience?.dataset.controls).toBe('false');
-      expect(audience?.dataset.cover).toBe('true');
-    });
-  });
-});

package/src/__tests__/previewPanelTransforms.test.tsx

@@ -1,117 +0,0 @@
-/** @vitest-environment jsdom */
-import type { ReactNode } from 'react';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import type { Doc } from '@bendyline/squisq/schemas';
-
-vi.mock('@bendyline/squisq-react', async (importOriginal) => {
-  const actual = await importOriginal<typeof import('@bendyline/squisq-react')>();
-  const blockSummary = (doc: Doc) =>
-    JSON.stringify(doc.blocks.map((block) => ({ id: block.id, template: block.template })));
-  return {
-    ...actual,
-    useMediaProvider: () => null,
-    DocPlayer: ({ doc }: { doc: Doc }) => (
-      <div data-testid="mock-doc-player">{blockSummary(doc)}</div>
-    ),
-    LinearDocView: ({ doc }: { doc: Doc }) => (
-      <div data-testid="mock-linear-doc">{blockSummary(doc)}</div>
-    ),
-  };
-});
-
-vi.mock('../PlainHtmlPreview', () => ({
-  PlainHtmlPreview: ({ markdown }: { markdown: string }) => (
-    <div data-testid="mock-plain-document">{markdown}</div>
-  ),
-}));
-
-import { EditorProvider, useEditorContext } from '../EditorContext';
-import { PreviewSettingsProvider, usePreviewSettings } from '../PreviewControls';
-import { PreviewPanel } from '../PreviewPanel';
-
-const SOURCE = `---
-title: Metrics Brief
----
-
-# Metrics Brief {[title]}
-
-This report collects the strongest signals from a year of product work.
-
-## Growth
-
-Revenue increased 42% year over year while customer retention reached 91%.
-
-## Milestone
-
-On January 15, 2026 the team shipped the largest release in company history.
-
-## Customer voice
-
-> "The new workflow saves our team hours every week."
-`;
-
-function TransformButton() {
-  const { setSelectedTransformStyle } = usePreviewSettings();
-  return <button onClick={() => setSelectedTransformStyle('data-driven')}>Summarize now</button>;
-}
-
-function Harness({ children }: { children?: ReactNode }) {
-  const { doc } = useEditorContext();
-  return (
-    <PreviewSettingsProvider doc={doc}>
-      <TransformButton />
-      {children}
-      <PreviewPanel />
-    </PreviewSettingsProvider>
-  );
-}
-
-function renderMode(displayMode?: string) {
-  const source = displayMode
-    ? SOURCE.replace('title: Metrics Brief', `title: Metrics Brief\ndisplay-mode: ${displayMode}`)
-    : SOURCE;
-  return render(
-    <EditorProvider initialMarkdown={source} initialView="preview">
-      <Harness />
-    </EditorProvider>,
-  );
-}
-
-describe('PreviewPanel transform projection', () => {
-  it('replaces the slideshow deck when a summarization style is selected', async () => {
-    renderMode('slideshow');
-    await waitFor(() => expect(screen.getByTestId('mock-doc-player')).toBeTruthy());
-    expect(screen.getByTestId('mock-doc-player').textContent).not.toContain('transform-');
-
-    fireEvent.click(screen.getByRole('button', { name: 'Summarize now' }));
-
-    await waitFor(() =>
-      expect(screen.getByTestId('mock-doc-player').textContent).toContain('transform-'),
-    );
-  });
-
-  it('feeds the transformed content model to Page mode', async () => {
-    renderMode('page');
-    await waitFor(() => expect(screen.getByTestId('mock-linear-doc')).toBeTruthy());
-
-    fireEvent.click(screen.getByRole('button', { name: 'Summarize now' }));
-
-    await waitFor(() =>
-      expect(screen.getByTestId('mock-linear-doc').textContent).toContain('transform-'),
-    );
-  });
-
-  it('feeds readable transformed Markdown to Document mode', async () => {
-    renderMode('document');
-    await waitFor(() => expect(screen.getByTestId('mock-plain-document')).toBeTruthy());
-
-    fireEvent.click(screen.getByRole('button', { name: 'Summarize now' }));
-
-    await waitFor(() => {
-      const markdown = screen.getByTestId('mock-plain-document').textContent ?? '';
-      expect(markdown).toContain('Metrics Brief');
-      expect(markdown).toContain('42%');
-    });
-  });
-});

package/src/__tests__/propertiesPanel.test.tsx

@@ -1,69 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { describe, it, expect, vi } from 'vitest';
-import { fireEvent, render, screen } from '@testing-library/react';
-import type { ImageEditDoc } from '@bendyline/squisq/schemas';
-import { PropertiesPanel } from '../imageEditor/PropertiesPanel.js';
-import type { ImageEditorAction } from '../imageEditor/state.js';
-
-function buildDoc(): ImageEditDoc {
-  return {
-    version: 1,
-    canvas: { width: 100, height: 80, background: '#ffffff' },
-    layers: [
-      {
-        id: 'a',
-        type: 'shape',
-        name: 'Box',
-        position: { x: 5, y: 6, width: 30, height: 20 },
-        content: { shape: 'rect', fill: '#3399ff' },
-      },
-    ],
-  };
-}
-
-describe('PropertiesPanel', () => {
-  it('shows an empty hint when no layer is selected', () => {
-    const dispatch = vi.fn();
-    render(<PropertiesPanel doc={buildDoc()} selectedLayerId={null} dispatch={dispatch} />);
-    expect(screen.getByText(/no layer selected/i)).toBeTruthy();
-  });
-
-  it('editing the canvas width dispatches set-canvas', () => {
-    const dispatch = vi.fn<(a: ImageEditorAction) => void>();
-    render(<PropertiesPanel doc={buildDoc()} selectedLayerId={null} dispatch={dispatch} />);
-    const widthInput = screen.getByDisplayValue('100') as HTMLInputElement;
-    fireEvent.change(widthInput, { target: { value: '200' } });
-    expect(dispatch).toHaveBeenCalledWith({
-      type: 'set-canvas',
-      canvas: expect.objectContaining({ width: 200, height: 80 }),
-    });
-  });
-
-  it('renaming a layer dispatches update-layer with patch.name', () => {
-    const dispatch = vi.fn<(a: ImageEditorAction) => void>();
-    render(<PropertiesPanel doc={buildDoc()} selectedLayerId="a" dispatch={dispatch} />);
-    const nameInput = screen.getByDisplayValue('Box') as HTMLInputElement;
-    fireEvent.change(nameInput, { target: { value: 'Renamed' } });
-    expect(dispatch).toHaveBeenCalledWith({
-      type: 'update-layer',
-      layerId: 'a',
-      patch: expect.objectContaining({ name: 'Renamed' }),
-    });
-  });
-
-  it('changing position X dispatches update-layer with merged position', () => {
-    const dispatch = vi.fn<(a: ImageEditorAction) => void>();
-    render(<PropertiesPanel doc={buildDoc()} selectedLayerId="a" dispatch={dispatch} />);
-    const xInput = screen.getByDisplayValue('5') as HTMLInputElement;
-    fireEvent.change(xInput, { target: { value: '50' } });
-    const calls = dispatch.mock.calls.map((c) => c[0]);
-    const last = calls[calls.length - 1];
-    expect(last).toMatchObject({
-      type: 'update-layer',
-      layerId: 'a',
-      patch: { position: { x: 50, y: 6, width: 30, height: 20 } },
-    });
-  });
-});

package/src/__tests__/rawEditorModelIsolation.test.ts

@@ -1,19 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { canHandleSquisqMediaDrop, ownsMonacoModel } from '../rawEditorIsolation';
-import { SQUISQ_MEDIA_MIME } from '../mediaDragMime';
-
-describe('RawEditor Monaco provider isolation', () => {
-  it('accepts only the model owned by the registering editor', () => {
-    const firstModel = {} as never;
-    const secondModel = {} as never;
-    const firstEditor = { getModel: () => firstModel } as never;
-    expect(ownsMonacoModel(firstEditor, firstModel)).toBe(true);
-    expect(ownsMonacoModel(firstEditor, secondModel)).toBe(false);
-  });
-
-  it('rejects media-bin drops while read-only', () => {
-    const transfer = { types: [SQUISQ_MEDIA_MIME] } as unknown as DataTransfer;
-    expect(canHandleSquisqMediaDrop(true, transfer)).toBe(false);
-    expect(canHandleSquisqMediaDrop(false, transfer)).toBe(true);
-  });
-});

package/src/__tests__/recorderFormats.test.ts

@@ -1,146 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import {
-  buildFilename,
-  resolveFormat,
-  supportsDisplayMedia,
-  supportsMediaRecorder,
-  supportsUserMedia,
-} from '../recorder/formats.js';
-
-/**
- * Most of these probes touch global APIs that jsdom doesn't implement.
- * Each test installs the minimum stub needed to exercise the probe and
- * cleans up after itself so probes in other suites stay independent.
- */
-
-const originalMediaRecorder = (globalThis as { MediaRecorder?: unknown }).MediaRecorder;
-const originalNavigator = globalThis.navigator;
-
-afterEach(() => {
-  if (originalMediaRecorder === undefined) {
-    delete (globalThis as { MediaRecorder?: unknown }).MediaRecorder;
-  } else {
-    (globalThis as { MediaRecorder?: unknown }).MediaRecorder = originalMediaRecorder;
-  }
-  Object.defineProperty(globalThis, 'navigator', {
-    value: originalNavigator,
-    configurable: true,
-  });
-});
-
-function installMediaRecorderStub(supported: readonly string[]) {
-  const stub = {
-    isTypeSupported: (mime: string) => supported.includes(mime),
-  };
-  (globalThis as { MediaRecorder?: unknown }).MediaRecorder = stub;
-}
-
-describe('supportsMediaRecorder', () => {
-  it('is false when MediaRecorder is undefined', () => {
-    delete (globalThis as { MediaRecorder?: unknown }).MediaRecorder;
-    expect(supportsMediaRecorder()).toBe(false);
-  });
-
-  it('is true when a MediaRecorder global exists', () => {
-    installMediaRecorderStub(['audio/webm']);
-    expect(supportsMediaRecorder()).toBe(true);
-  });
-});
-
-describe('supportsUserMedia / supportsDisplayMedia', () => {
-  it('is false when navigator.mediaDevices is unavailable', () => {
-    Object.defineProperty(globalThis, 'navigator', {
-      value: {},
-      configurable: true,
-    });
-    expect(supportsUserMedia()).toBe(false);
-    expect(supportsDisplayMedia()).toBe(false);
-  });
-
-  it('is true only for the methods that exist', () => {
-    Object.defineProperty(globalThis, 'navigator', {
-      value: { mediaDevices: { getUserMedia: vi.fn() } },
-      configurable: true,
-    });
-    expect(supportsUserMedia()).toBe(true);
-    expect(supportsDisplayMedia()).toBe(false);
-
-    Object.defineProperty(globalThis, 'navigator', {
-      value: { mediaDevices: { getUserMedia: vi.fn(), getDisplayMedia: vi.fn() } },
-      configurable: true,
-    });
-    expect(supportsUserMedia()).toBe(true);
-    expect(supportsDisplayMedia()).toBe(true);
-  });
-});
-
-describe('resolveFormat', () => {
-  it('picks the first supported audio candidate', () => {
-    installMediaRecorderStub(['audio/webm;codecs=opus', 'audio/webm']);
-    const fmt = resolveFormat('audio');
-    expect(fmt.mimeType).toBe('audio/webm;codecs=opus');
-    expect(fmt.extension).toBe('.webm');
-    expect(fmt.directory).toBe('audio');
-  });
-
-  it('picks the first supported video candidate', () => {
-    installMediaRecorderStub(['video/mp4;codecs=avc1.42E01E,mp4a.40.2']);
-    const fmt = resolveFormat('video');
-    expect(fmt.mimeType).toBe('video/mp4;codecs=avc1.42E01E,mp4a.40.2');
-    expect(fmt.extension).toBe('.mp4');
-    expect(fmt.directory).toBe('video');
-  });
-
-  it('honors a caller-supplied preferred MIME when supported', () => {
-    installMediaRecorderStub(['audio/webm', 'audio/ogg;codecs=opus']);
-    const fmt = resolveFormat('audio', 'audio/ogg;codecs=opus');
-    expect(fmt.mimeType).toBe('audio/ogg;codecs=opus');
-    expect(fmt.extension).toBe('.ogg');
-  });
-
-  it('falls through the candidate list when the preferred MIME is unsupported', () => {
-    installMediaRecorderStub(['audio/webm']);
-    const fmt = resolveFormat('audio', 'audio/aac');
-    expect(fmt.mimeType).toBe('audio/webm');
-  });
-
-  it('returns an empty MIME with a .webm extension fallback when nothing matches', () => {
-    installMediaRecorderStub([]);
-    const fmt = resolveFormat('video');
-    expect(fmt.mimeType).toBe('');
-    expect(fmt.extension).toBe('.webm');
-  });
-
-  it('returns the .webm fallback extension when MediaRecorder is absent entirely', () => {
-    delete (globalThis as { MediaRecorder?: unknown }).MediaRecorder;
-    const fmt = resolveFormat('audio');
-    expect(fmt.mimeType).toBe('');
-    expect(fmt.extension).toBe('.webm');
-    expect(fmt.directory).toBe('audio');
-  });
-});
-
-describe('buildFilename', () => {
-  it('uses the basename when supplied, prefixed with the chosen extension', () => {
-    expect(buildFilename('audio', '.webm', 'intro')).toBe('intro.webm');
-  });
-
-  it('sanitizes filesystem-hostile characters', () => {
-    expect(buildFilename('video', '.mp4', 'my recording: take/2?')).toBe(
-      'my-recording--take-2-.mp4',
-    );
-  });
-
-  it('falls back to a timestamped name when no basename is supplied', () => {
-    const name = buildFilename('audio', '.webm');
-    expect(name.startsWith('narration-')).toBe(true);
-    expect(name.endsWith('.webm')).toBe(true);
-    // Format is narration-YYYYMMDD-HHMMSS.webm — 15 chars after the prefix.
-    expect(name).toMatch(/^narration-\d{8}-\d{6}\.webm$/);
-  });
-
-  it('uses the recording-* prefix for video sources', () => {
-    const name = buildFilename('video', '.mp4');
-    expect(name).toMatch(/^recording-\d{8}-\d{6}\.mp4$/);
-  });
-});

package/src/__tests__/recorderMediaInsert.test.ts

@@ -1,86 +0,0 @@
-import { Editor } from '@tiptap/core';
-import Document from '@tiptap/extension-document';
-import Paragraph from '@tiptap/extension-paragraph';
-import Text from '@tiptap/extension-text';
-import OrderedList from '@tiptap/extension-ordered-list';
-import ListItem from '@tiptap/extension-list-item';
-import { describe, expect, it } from 'vitest';
-import { parseMarkdown } from '@bendyline/squisq/markdown';
-import { markdownToDoc, flattenBlocks } from '@bendyline/squisq/doc';
-import { tiptapToMarkdown } from '../tiptapBridge';
-import { insertMediaBlock } from '../recorder/insertMediaBlock';
-import { collectEmbeddedMedia } from '../embeddedMedia';
-import { TiptapVideo } from '../tiptap/TiptapVideo';
-
-/**
- * Regression: a recorded clip used to vanish from the markdown source
- * (and therefore the timeline) when the editor caret sat inside a list
- * item. The recorder inserts a block-level `<video>` atom; a plain
- * `insertContent` nests it inside the `<li>`, and `tiptapToMarkdown`'s
- * list serializer emits only the item's inline text — silently dropping
- * the nested media. `insertMediaBlock` lifts the insertion to the
- * top level so the tag round-trips.
- */
-function makeEditor() {
-  return new Editor({
-    extensions: [Document, Paragraph, Text, OrderedList, ListItem, TiptapVideo],
-    content: '<ol><li><p>First</p></li><li><p>Second</p></li></ol>',
-  });
-}
-
-/** Put the caret at the end of the last list item — where the recorder
- * modal typically leaves it after the user selected a list-bearing block. */
-function caretInLastListItem(editor: Editor) {
-  editor.commands.focus('end');
-}
-
-describe('recorder media insertion (caret inside a list)', () => {
-  it('a plain insertContent buries the video as an indented continuation of the <li>', () => {
-    const editor = makeEditor();
-    caretInLastListItem(editor);
-    editor
-      .chain()
-      .focus()
-      .insertContent({ type: 'video', attrs: { src: 'video/clip.webm', controls: true } })
-      .run();
-    const md = tiptapToMarkdown(editor.getHTML());
-    editor.destroy();
-    // The hardened serializer no longer drops it, but it lands nested
-    // inside the list item (indented continuation) rather than as its
-    // own block — which is why the recorder uses `insertMediaBlock`.
-    expect(md).toMatch(/\n {2,}<video/);
-  });
-
-  it('insertMediaBlock places the video as a top-level block after the list', () => {
-    const editor = makeEditor();
-    caretInLastListItem(editor);
-    insertMediaBlock(editor, {
-      type: 'video',
-      attrs: { src: 'video/clip.webm', controls: true, width: 480 },
-    });
-    const md = tiptapToMarkdown(editor.getHTML());
-    editor.destroy();
-    // The list is preserved and the clip sits at the document level
-    // (start of line, not indented under a bullet).
-    expect(md).toContain('1. First');
-    expect(md).toContain('2. Second');
-    expect(md).toMatch(/^<video src="video\/clip\.webm"/m);
-  });
-});
-
-describe('hardened list serializer: nested media round-trips to a detectable clip', () => {
-  it('a <video> left inside a list item still parses back as embedded media', () => {
-    // Even when media ends up nested in a list item (drag/paste, not the
-    // recorder path), the serializer keeps it — and the markdown re-parses
-    // to a block whose embedded media the timeline can surface.
-    const md = tiptapToMarkdown(
-      '<h2>Section</h2><ol><li><p>Step</p><video src="video/clip.webm" controls=""></video></li></ol>',
-    );
-    expect(md).toContain('<video');
-
-    const doc = markdownToDoc(parseMarkdown(md));
-    const blocks = flattenBlocks(doc.blocks);
-    const total = blocks.reduce((s, b) => s + collectEmbeddedMedia(b).length, 0);
-    expect(total).toBe(1);
-  });
-});

package/src/__tests__/recorderTheme.test.tsx

@@ -1,42 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { fireEvent, render, screen } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import type { MediaProvider } from '@bendyline/squisq/schemas';
-import { RecorderModal } from '../recorder/RecorderModal';
-import { RecorderPanel } from '../recorder/RecorderPanel';
-
-const mediaProvider: MediaProvider = {
-  resolveUrl: vi.fn(async (path: string) => path),
-  listMedia: vi.fn(async () => []),
-  addMedia: vi.fn(async (name: string) => name),
-  removeMedia: vi.fn(async () => undefined),
-  dispose: vi.fn(),
-};
-
-describe('recorder theme propagation', () => {
-  it('creates a dark theme scope for the recorder dialog', () => {
-    render(<RecorderModal mediaProvider={mediaProvider} colorScheme="dark" onClose={vi.fn()} />);
-
-    const dialog = screen.getByRole('dialog', { name: 'Record media' });
-    expect(dialog.getAttribute('data-theme')).toBe('dark');
-    expect(dialog.classList.contains('squisq-editor-shell')).toBe(true);
-    expect(dialog.style.colorScheme).toBe('dark');
-    expect(dialog.style.getPropertyValue('--squisq-recorder-surface')).toBe(
-      'var(--squisq-bg, #1f2937)',
-    );
-    expect(dialog.style.getPropertyValue('--squisq-recorder-text')).toBe(
-      'var(--squisq-text, #e5e7eb)',
-    );
-  });
-
-  it('passes the requested scheme through the portaled panel wrapper', () => {
-    render(<RecorderPanel mediaProvider={mediaProvider} colorScheme="dark" />);
-    fireEvent.click(screen.getByRole('button', { name: 'Record media' }));
-
-    expect(screen.getByRole('dialog', { name: 'Record media' }).getAttribute('data-theme')).toBe(
-      'dark',
-    );
-  });
-});

package/src/__tests__/recorderTimingJson.test.ts

@@ -1,41 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { buildTimingJson, encodeTimingJson, timingPathFor } from '../recorder/timingJson.js';
-
-describe('buildTimingJson', () => {
-  it('returns a payload matching what resolveAudioMapping() expects', () => {
-    const timing = buildTimingJson('Hello world.', 12.5);
-    expect(timing).toEqual({
-      sourceText: 'Hello world.',
-      duration: 12.5,
-      bookmarks: [],
-    });
-  });
-
-  it('coerces missing or negative durations to 0', () => {
-    expect(buildTimingJson('script', Number.NaN).duration).toBe(0);
-    expect(buildTimingJson('script', -5).duration).toBe(0);
-    expect(buildTimingJson('script', Number.POSITIVE_INFINITY).duration).toBe(0);
-  });
-
-  it('treats empty sourceText as an empty string, not undefined', () => {
-    expect(buildTimingJson('', 1).sourceText).toBe('');
-  });
-});
-
-describe('encodeTimingJson', () => {
-  it('emits valid pretty-printed JSON', () => {
-    const bytes = encodeTimingJson(buildTimingJson('Hi.', 3));
-    const text = new TextDecoder().decode(bytes);
-    const parsed: unknown = JSON.parse(text);
-    expect(parsed).toEqual({ sourceText: 'Hi.', duration: 3, bookmarks: [] });
-    // Pretty-printed means newlines and indentation are present.
-    expect(text).toContain('\n');
-  });
-});
-
-describe('timingPathFor', () => {
-  it('appends .timing.json to the audio path verbatim', () => {
-    expect(timingPathFor('audio/narration.webm')).toBe('audio/narration.webm.timing.json');
-    expect(timingPathFor('intro.mp3')).toBe('intro.mp3.timing.json');
-  });
-});