@bendyline/squisq-editor-react 2.1.0 → 2.2.0

package/src/__tests__/blockProperties.test.ts

@@ -1,92 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  readBlockAttrsParams,
-  readBlockAttrsValue,
-  setBlockAttrsValue,
-  summarizeBlockProps,
-} from '../blockProperties';
-
-describe('readBlockAttrsParams', () => {
-  it('returns empty for null/empty inner', () => {
-    expect(readBlockAttrsParams(null)).toEqual({});
-    expect(readBlockAttrsParams('')).toEqual({});
-  });
-
-  it('parses key=value params (ignoring #id / .class)', () => {
-    expect(readBlockAttrsParams('#intro .lead duration=45 startTime=5')).toEqual({
-      duration: '45',
-      startTime: '5',
-    });
-  });
-});
-
-describe('readBlockAttrsValue', () => {
-  it('reads a single param or empty string', () => {
-    expect(readBlockAttrsValue('duration=45', 'duration')).toBe('45');
-    expect(readBlockAttrsValue('duration=45', 'startTime')).toBe('');
-    expect(readBlockAttrsValue(null, 'duration')).toBe('');
-  });
-});
-
-describe('setBlockAttrsValue', () => {
-  it('adds a param to a fresh block', () => {
-    expect(setBlockAttrsValue(null, 'duration', '45')).toBe('duration=45');
-  });
-
-  it('updates an existing param in place, preserving order and other keys', () => {
-    expect(setBlockAttrsValue('#intro duration=10 startTime=2', 'duration', '20')).toBe(
-      '#intro duration=20 startTime=2',
-    );
-  });
-
-  it('removes a param when set to empty, dropping the block when nothing remains', () => {
-    expect(setBlockAttrsValue('duration=45', 'duration', '')).toBeNull();
-    expect(setBlockAttrsValue('#intro duration=45', 'duration', '  ')).toBe('#intro');
-  });
-
-  it('does not disturb a transition already present', () => {
-    expect(setBlockAttrsValue('transition=fade', 'duration', '3')).toBe(
-      'transition=fade duration=3',
-    );
-  });
-
-  it('round-trips through read', () => {
-    const inner = setBlockAttrsValue(setBlockAttrsValue(null, 'duration', '12'), 'startTime', '4');
-    expect(readBlockAttrsValue(inner, 'duration')).toBe('12');
-    expect(readBlockAttrsValue(inner, 'startTime')).toBe('4');
-  });
-});
-
-describe('summarizeBlockProps', () => {
-  it('returns empty when nothing is set', () => {
-    expect(summarizeBlockProps(null, null)).toBe('');
-    expect(summarizeBlockProps('#intro', null)).toBe('');
-  });
-
-  it('names the transition using its friendly label', () => {
-    expect(summarizeBlockProps('transition=doors', null)).toBe('Doors');
-  });
-
-  it('formats start time and duration as m:ss', () => {
-    expect(summarizeBlockProps('startTime=90', null)).toBe('1:30 start');
-    expect(summarizeBlockProps('duration=200', null)).toBe('3:20 long');
-  });
-
-  it('accepts already-formatted m:ss time values', () => {
-    expect(summarizeBlockProps('startTime=1:30', null)).toBe('1:30 start');
-  });
-
-  it('joins all set properties in order with a middot', () => {
-    expect(summarizeBlockProps('transition=vortex startTime=90 duration=200', null)).toBe(
-      'Vortex · 1:30 start · 3:20 long',
-    );
-  });
-
-  it('reads a hand-typed transition from the {[…]} params', () => {
-    expect(summarizeBlockProps(null, 'title transition=zoom')).toBe('Zoom');
-  });
-
-  it('normalizes a transition alias spelling for the label', () => {
-    expect(summarizeBlockProps('transition=Doors', null)).toBe('Doors');
-  });
-});

package/src/__tests__/blockPropertiesPopoverTheme.test.tsx

@@ -1,33 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { describe, expect, it, vi } from 'vitest';
-import { BlockPropertiesPopover } from '../BlockPropertiesPopover';
-import { TRANSITION_FLYOUT_PORTAL_ID } from '../TransitionPicker';
-
-describe('BlockPropertiesPopover theme propagation', () => {
-  it('copies dark mode and the document accent onto both portal roots', async () => {
-    render(
-      <BlockPropertiesPopover
-        anchorRect={new DOMRect(20, 20, 20, 20)}
-        blockAttrs={null}
-        templateParams={null}
-        colorScheme="dark"
-        accentColor="#c2410c"
-        onChange={vi.fn()}
-        onAnnotationChange={vi.fn()}
-        onClose={vi.fn()}
-      />,
-    );
-
-    const panel = screen.getByRole('dialog', { name: 'Block properties' });
-    expect(panel.getAttribute('data-theme')).toBe('dark');
-    expect(panel.style.getPropertyValue('--squisq-block-props-accent')).toBe('#c2410c');
-
-    fireEvent.click(screen.getByRole('button', { name: /Transition:/ }));
-
-    await waitFor(() => {
-      const flyout = document.getElementById(TRANSITION_FLYOUT_PORTAL_ID);
-      expect(flyout?.getAttribute('data-theme')).toBe('dark');
-      expect(flyout?.style.getPropertyValue('--squisq-block-props-accent')).toBe('#c2410c');
-    });
-  });
-});

package/src/__tests__/blockRange.test.ts

@@ -1,105 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  getBlockSlices,
-  spliceBlock,
-  lineToOffset,
-  offsetToLine,
-  sliceIndexAtOffset,
-} from '../blockRange';
-
-describe('getBlockSlices', () => {
-  it('returns one slice per heading in document order', () => {
-    const md = '# One\n\nalpha\n\n# Two\n\nbeta\n';
-    const slices = getBlockSlices(md);
-    expect(slices.map((s) => s.text)).toEqual(['# One\n\nalpha\n\n', '# Two\n\nbeta\n']);
-  });
-
-  it('starts a new slice at every heading depth (children are not folded in)', () => {
-    const md = '# Parent\n\nintro\n\n## Child\n\nbody\n';
-    const slices = getBlockSlices(md);
-    expect(slices).toHaveLength(2);
-    expect(slices[0].text).toBe('# Parent\n\nintro\n\n');
-    expect(slices[1].text).toBe('## Child\n\nbody\n');
-  });
-
-  it('includes leading content before the first heading as a preamble slice', () => {
-    const md = 'preamble text\n\n# First\n\nbody\n';
-    const slices = getBlockSlices(md);
-    expect(slices).toHaveLength(2);
-    expect(slices[0].text).toBe('preamble text\n\n');
-    expect(slices[1].text).toBe('# First\n\nbody\n');
-  });
-
-  it('skips a whitespace-only preamble', () => {
-    const md = '\n\n# Only\n\nbody\n';
-    const slices = getBlockSlices(md);
-    expect(slices).toHaveLength(1);
-    expect(slices[0].text).toBe('# Only\n\nbody\n');
-  });
-
-  it('treats a heading-less document as a single slice', () => {
-    const md = 'just a paragraph\n\nand another\n';
-    const slices = getBlockSlices(md);
-    expect(slices).toHaveLength(1);
-    expect(slices[0].text).toBe(md);
-  });
-
-  it('treats an empty document as a single (empty) slice', () => {
-    const slices = getBlockSlices('');
-    expect(slices).toHaveLength(1);
-    expect(slices[0].text).toBe('');
-  });
-
-  it('never folds frontmatter into a slice', () => {
-    const md = '---\ntitle: Hi\n---\n# Heading\n\nbody\n';
-    const slices = getBlockSlices(md);
-    expect(slices).toHaveLength(1);
-    expect(slices[0].text).toBe('# Heading\n\nbody\n');
-    // The frontmatter stays in the untouched prefix.
-    expect(md.slice(0, slices[0].range.startOffset)).toBe('---\ntitle: Hi\n---\n');
-  });
-});
-
-describe('spliceBlock round-trips', () => {
-  const cases = [
-    '# One\n\nalpha\n\n# Two\n\nbeta\n',
-    '# Parent\n\nintro\n\n## Child\n\nbody\n',
-    'preamble text\n\n# First\n\nbody\n',
-    '---\ntitle: Hi\n---\n# Heading\n\nbody\n',
-    'no headings at all\n',
-  ];
-
-  it('re-splicing a slice with its own text reproduces the source exactly', () => {
-    for (const md of cases) {
-      const slices = getBlockSlices(md);
-      for (const slice of slices) {
-        expect(spliceBlock(md, slice.range, slice.text)).toBe(md);
-      }
-    }
-  });
-
-  it('splices an edited block back into the full document', () => {
-    const md = '# One\n\nalpha\n\n# Two\n\nbeta\n';
-    const slices = getBlockSlices(md);
-    const edited = spliceBlock(md, slices[0].range, '# One\n\nalpha edited\n\n');
-    expect(edited).toBe('# One\n\nalpha edited\n\n# Two\n\nbeta\n');
-  });
-});
-
-describe('line/offset helpers', () => {
-  const md = '# One\n\nalpha\n\n# Two\n';
-
-  it('maps lines to offsets and back', () => {
-    // Line 5 is the "# Two" heading.
-    const offset = lineToOffset(md, 5);
-    expect(md.slice(offset, offset + 5)).toBe('# Two');
-    expect(offsetToLine(md, offset)).toBe(5);
-  });
-
-  it('finds the slice index containing an offset', () => {
-    const slices = getBlockSlices(md);
-    const secondHeadingOffset = lineToOffset(md, 5);
-    expect(sliceIndexAtOffset(slices, secondHeadingOffset)).toBe(1);
-    expect(sliceIndexAtOffset(slices, 0)).toBe(0);
-  });
-});

package/src/__tests__/blockTagActivity.test.ts

@@ -1,183 +0,0 @@
-import { Editor } from '@tiptap/core';
-import StarterKit from '@tiptap/starter-kit';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import {
-  BlockTagActivityExtension,
-  BLOCK_TAG_HOVERED_CLASS,
-  BLOCK_TAG_SELECTED_CLASS,
-} from '../blockTagActivity';
-import { HeadingWithTemplate } from '../TemplateAnnotation';
-import { markdownToTiptap } from '../tiptapBridge';
-
-const MARKDOWN = `# First block {[title]}
-
-First body.
-
-- Outer item with **nested inline target**
-
-# Second block {[quote]}
-
-Second body.
-`;
-
-const editors: Editor[] = [];
-const editorHosts: HTMLElement[] = [];
-
-function makeEditor(): Editor {
-  const element = document.createElement('div');
-  document.body.appendChild(element);
-  editorHosts.push(element);
-
-  const editor = new Editor({
-    element,
-    extensions: [
-      StarterKit.configure({ heading: false }),
-      HeadingWithTemplate.configure({ levels: [1, 2, 3, 4, 5, 6] }),
-      BlockTagActivityExtension,
-    ],
-    content: markdownToTiptap(MARKDOWN),
-  });
-  editors.push(editor);
-  return editor;
-}
-
-function positionInsideTopLevelNode(editor: Editor, text: string): number {
-  let position: number | null = null;
-  editor.state.doc.forEach((node, offset) => {
-    if (position === null && node.textContent === text) position = offset + 1;
-  });
-  if (position === null) throw new Error(`Top-level node not found: ${text}`);
-  return position;
-}
-
-function headings(editor: Editor): HTMLElement[] {
-  return Array.from(editor.view.dom.children).filter((element): element is HTMLElement =>
-    /^H[1-6]$/.test(element.tagName),
-  );
-}
-
-function elementWithExactText(editor: Editor, selector: string, text: string): HTMLElement {
-  const element = Array.from(editor.view.dom.querySelectorAll<HTMLElement>(selector)).find(
-    (candidate) => candidate.textContent === text,
-  );
-  if (!element) throw new Error(`Element not found: ${selector} containing ${text}`);
-  return element;
-}
-
-afterEach(() => {
-  for (const editor of editors.splice(0)) editor.destroy();
-  for (const host of editorHosts.splice(0)) host.remove();
-});
-
-function waitForDomReconciliation(): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, 0));
-}
-
-describe('block-tag activity', () => {
-  it('decorates the initial selection before the editor view settles', async () => {
-    const editor = makeEditor();
-    await waitForDomReconciliation();
-
-    const [firstHeading] = headings(editor);
-    expect(firstHeading.isConnected).toBe(true);
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-  });
-
-  it('keeps cursor and hover decorations through DOM reconciliation', async () => {
-    const editor = makeEditor();
-    editor.commands.setTextSelection(positionInsideTopLevelNode(editor, 'First body.'));
-    await waitForDomReconciliation();
-
-    const [firstHeading, secondHeading] = headings(editor);
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-    expect(secondHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(false);
-
-    const secondBody = elementWithExactText(editor, 'p', 'Second body.');
-    secondBody.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    await waitForDomReconciliation();
-
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-    expect(firstHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(true);
-    expect(secondHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(false);
-
-    editor.view.dom.dispatchEvent(new MouseEvent('mouseleave'));
-    await waitForDomReconciliation();
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-
-    editor.commands.setTextSelection(positionInsideTopLevelNode(editor, 'Second body.'));
-    await waitForDomReconciliation();
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(false);
-    expect(secondHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-  });
-
-  it('maps a nested list target to the heading that owns the list', async () => {
-    const editor = makeEditor();
-    editor.commands.setTextSelection(positionInsideTopLevelNode(editor, 'Second body.'));
-    await waitForDomReconciliation();
-
-    const [firstHeading, secondHeading] = headings(editor);
-    const nestedTarget = elementWithExactText(editor, 'strong', 'nested inline target');
-    nestedTarget.dispatchEvent(new MouseEvent('mouseover', { bubbles: true }));
-    await waitForDomReconciliation();
-
-    expect(firstHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(true);
-    expect(firstHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(false);
-    expect(secondHeading.classList.contains(BLOCK_TAG_SELECTED_CLASS)).toBe(true);
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-  });
-
-  it('keeps the owning block hovered across blank space between its nodes', async () => {
-    const editor = makeEditor();
-    await waitForDomReconciliation();
-
-    const [firstHeading, secondHeading] = headings(editor);
-    const topLevelChildren = Array.from(editor.view.dom.children);
-    const firstHeadingIndex = topLevelChildren.indexOf(firstHeading);
-    const secondHeadingIndex = topLevelChildren.indexOf(secondHeading);
-
-    topLevelChildren.forEach((element, index) => {
-      const top =
-        index < secondHeadingIndex
-          ? 10 + (index - firstHeadingIndex) * 25
-          : 120 + (index - secondHeadingIndex) * 25;
-      vi.spyOn(element, 'getBoundingClientRect').mockReturnValue({
-        top,
-        bottom: top + 18,
-      } as DOMRect);
-    });
-
-    editor.view.dom.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, clientY: 105 }));
-    await waitForDomReconciliation();
-
-    expect(firstHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(true);
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-
-    editor.view.dom.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, clientY: 145 }));
-    await waitForDomReconciliation();
-
-    expect(firstHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(true);
-  });
-
-  it('clears block hover below the final content node', async () => {
-    const editor = makeEditor();
-    await waitForDomReconciliation();
-
-    const [, secondHeading] = headings(editor);
-    const topLevelChildren = Array.from(editor.view.dom.children);
-    topLevelChildren.forEach((element, index) => {
-      const top = index * 25;
-      vi.spyOn(element, 'getBoundingClientRect').mockReturnValue({
-        top,
-        bottom: top + 18,
-      } as DOMRect);
-    });
-
-    editor.view.dom.dispatchEvent(new MouseEvent('mousemove', { bubbles: true, clientY: 1000 }));
-    await waitForDomReconciliation();
-
-    expect(secondHeading.classList.contains(BLOCK_TAG_HOVERED_CLASS)).toBe(false);
-  });
-});

package/src/__tests__/buildDocumentPreviewMarkdown.test.ts

@@ -1,75 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import type { Block, Doc } from '@bendyline/squisq/schemas';
-import { buildDocumentPreviewMarkdown } from '../buildDocumentPreviewMarkdown';
-
-function docWith(blocks: Block[]): Doc {
-  return {
-    articleId: 'summary-doc',
-    duration: 10,
-    blocks,
-    audio: { segments: [] },
-    frontmatter: { title: 'Quarterly Report' },
-  };
-}
-
-describe('buildDocumentPreviewMarkdown', () => {
-  it('serializes programmatic transform blocks as readable document content', () => {
-    const markdown = buildDocumentPreviewMarkdown(
-      docWith([
-        {
-          id: 'transform-stat',
-          template: 'statHighlight',
-          startTime: 0,
-          duration: 5,
-          audioSegment: 0,
-          stat: '42%',
-          description: 'Year-over-year growth',
-        } as Block,
-        {
-          id: 'transform-list',
-          template: 'list',
-          startTime: 5,
-          duration: 5,
-          audioSegment: 0,
-          title: 'Priorities',
-          items: ['Reliability', 'Speed'],
-        } as Block,
-      ]),
-    );
-
-    expect(markdown).toContain('# Quarterly Report');
-    expect(markdown).toContain('## 42%');
-    expect(markdown).toContain('Year-over-year growth');
-    expect(markdown).toContain('## Priorities');
-    expect(markdown).toContain('Reliability');
-    expect(markdown).toContain('Speed');
-    expect(markdown).not.toContain('{[statHighlight');
-  });
-
-  it('preserves authored blocks that a conservative transform kept', () => {
-    const markdown = buildDocumentPreviewMarkdown(
-      docWith([
-        {
-          id: 'authored',
-          startTime: 0,
-          duration: 5,
-          audioSegment: 0,
-          sourceHeading: {
-            type: 'heading',
-            depth: 2,
-            children: [{ type: 'text', value: 'Context' }],
-          },
-          contents: [
-            {
-              type: 'paragraph',
-              children: [{ type: 'text', value: 'Original supporting detail.' }],
-            },
-          ],
-        },
-      ]),
-    );
-
-    expect(markdown).toContain('## Context');
-    expect(markdown).toContain('Original supporting detail.');
-  });
-});

package/src/__tests__/buildPreviewDocContent.test.ts

@@ -1,65 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { markdownToDoc, materializeBlockLayers } from '@bendyline/squisq/doc';
-import { parseMarkdown } from '@bendyline/squisq/markdown';
-import type { DocBlock, TextLayer } from '@bendyline/squisq/schemas';
-import { buildPreviewDoc } from '../buildPreviewDoc';
-
-function firstPreviewSlide(markdown: string): Record<string, unknown> {
-  const source = markdownToDoc(parseMarkdown(markdown), {
-    articleId: 'stat-content-test',
-    generateCoverBlock: false,
-  });
-  return buildPreviewDoc(source).blocks[0] as unknown as Record<string, unknown>;
-}
-
-describe('buildPreviewDoc content mapping', () => {
-  it('maps the leading bold metric to the large stat layer', () => {
-    const slide = firstPreviewSlide(`### The Big Number {[statHighlight colorScheme=green]}
-
-**42%** of teams prefer visual blocks over raw slides.`);
-
-    expect(slide).toMatchObject({
-      title: 'The Big Number',
-      stat: '42%',
-      description: 'of teams prefer visual blocks over raw slides.',
-      colorScheme: 'green',
-    });
-
-    const { layers } = materializeBlockLayers(slide as unknown as DocBlock);
-    const stat = layers.find((layer) => layer.id === 'stat') as TextLayer;
-    const description = layers.find((layer) => layer.id === 'description') as TextLayer;
-
-    expect(stat.content.text).toBe('42%');
-    expect(description.content.text).toBe('of teams prefer visual blocks over raw slides.');
-    expect(stat.content.style.fontSize).toBeGreaterThan(description.content.style.fontSize);
-  });
-
-  it('lets explicit annotation inputs override Markdown-derived defaults', () => {
-    const slide = firstPreviewSlide(
-      '### The Big Number {[statHighlight stat="99%" description="Pinned description"]}\n\n' +
-        '**42%** derived description.',
-    );
-
-    expect(slide).toMatchObject({
-      stat: '99%',
-      description: 'Pinned description',
-    });
-  });
-
-  it('keeps Mermaid source available to the slide materializer for every template', () => {
-    const slide = firstPreviewSlide(
-      '# Architecture\n\n```mermaid\nflowchart LR\n  client --> server\n```',
-    );
-    expect(slide.contents).toEqual([expect.objectContaining({ type: 'code', lang: 'mermaid' })]);
-
-    const { layers } = materializeBlockLayers(slide as unknown as DocBlock, {
-      persistentLayers: false,
-    });
-    expect(layers.some((layer) => layer.type === 'mermaid')).toBe(true);
-    const narrativeText = layers
-      .filter((layer): layer is TextLayer => layer.type === 'text')
-      .map((layer) => layer.content.text)
-      .join('\n');
-    expect(narrativeText).not.toContain('flowchart LR');
-  });
-});

package/src/__tests__/buildPreviewDocTransition.test.ts

@@ -1,92 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { parseMarkdown } from '@bendyline/squisq/markdown';
-import { markdownToDoc } from '@bendyline/squisq/doc';
-import type { Doc, Transition } from '@bendyline/squisq/schemas';
-import { buildPreviewDoc } from '../buildPreviewDoc';
-
-function previewSlides(md: string) {
-  const doc = markdownToDoc(parseMarkdown(md), { articleId: 't' });
-  return buildPreviewDoc(doc).blocks as unknown as Array<{ transition?: Transition }>;
-}
-
-describe('buildPreviewDoc transition mapping', () => {
-  it('carries an authored transition through to the player slide', () => {
-    // Legacy Pandoc transition syntax remains supported.
-    const md = ['# Intro', '', '# Second {transition=vortex}', '', 'body'].join('\n');
-    const slides = previewSlides(md);
-    expect(slides[1].transition).toEqual({ type: 'vortex' });
-  });
-
-  it('preserves direction and duration on the transition', () => {
-    const md = [
-      '# Intro',
-      '',
-      '# Second {transition=push transitionDirection=up transitionDuration=1.2}',
-    ].join('\n');
-    const slides = previewSlides(md);
-    expect(slides[1].transition).toEqual({ type: 'push', direction: 'up', duration: 1.2 });
-  });
-
-  it('falls back to the default fade for a non-first block with no transition', () => {
-    const md = ['# Intro', '', '# Second'].join('\n');
-    const slides = previewSlides(md);
-    expect(slides[1].transition).toEqual({ type: 'fade', duration: 0.5 });
-  });
-
-  it('leaves the first block without a transition when none is authored', () => {
-    const slides = previewSlides(['# Intro', '', '# Second'].join('\n'));
-    expect(slides[0].transition).toBeUndefined();
-  });
-
-  it('honors a transition authored on the first block', () => {
-    const slides = previewSlides(['# Intro {transition=zoom}', '', '# Second'].join('\n'));
-    expect(slides[0].transition).toEqual({ type: 'zoom' });
-  });
-
-  // The `{[name key=value]}` template-annotation form is the one the editor's
-  // attribute autocomplete advertises for `transition=`. The coerced typed
-  // transition object also rides along as a raw string in the block's
-  // templateData; if that string is spread over the typed field it silently
-  // downgrades `{ type: 'vortex' }` to the string `'vortex'`, which the player
-  // can't animate. These guard that the typed object wins.
-  describe('transition written inside a {[…]} template annotation', () => {
-    it('keeps a bare transition as a typed object, not a raw string', () => {
-      const md = ['# Intro', '', '## Second {[quote transition=vortex]}', '', '> hi'].join('\n');
-      const slides = previewSlides(md);
-      expect(slides[1].transition).toEqual({ type: 'vortex' });
-      expect(typeof slides[1].transition).toBe('object');
-    });
-
-    it('preserves direction and duration from the annotation', () => {
-      const md = [
-        '# Intro',
-        '',
-        '## Second {[factCard transition=push transitionDirection=left transitionDuration=0.8]}',
-        '',
-        'body',
-      ].join('\n');
-      const slides = previewSlides(md);
-      expect(slides[1].transition).toEqual({ type: 'push', direction: 'left', duration: 0.8 });
-    });
-  });
-
-  it('preserves document-wide fields and mapped audio', () => {
-    const source = markdownToDoc(parseMarkdown('# Intro'), { articleId: 'full' }) as Doc;
-    const enriched = {
-      ...source,
-      frontmatter: { owner: 'team' },
-      customThemes: [{ id: 'custom-theme' }],
-      persistentLayers: { layers: [] },
-      documentMedia: [{ id: 'bed', kind: 'audio', src: 'bed.mp3', startTime: 0 }],
-      audio: {
-        segments: [{ src: 'narration.mp3', name: 'narration', duration: 4, startTime: 0 }],
-      },
-    } as unknown as Doc;
-    const preview = buildPreviewDoc(enriched);
-    expect(preview.frontmatter).toEqual({ owner: 'team' });
-    expect(preview.customThemes).toBe(enriched.customThemes);
-    expect(preview.persistentLayers).toBe(enriched.persistentLayers);
-    expect(preview.documentMedia).toBe(enriched.documentMedia);
-    expect(preview.audio).toBe(enriched.audio);
-  });
-});