@bendyline/squisq-react 0.1.2 → 1.0.1

package/dist/__tests__/MarkdownRenderer.test.js

@@ -0,0 +1,208 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect } from 'vitest';
+import { render } from '@testing-library/react';
+import { MarkdownRenderer } from '../MarkdownRenderer';
+// ── Helpers ────────────────────────────────────────────────────────
+function text(value) {
+    return { type: 'text', value };
+}
+function paragraph(...children) {
+    return { type: 'paragraph', children };
+}
+function heading(depth, ...children) {
+    return { type: 'heading', depth, children };
+}
+// ── Tests ──────────────────────────────────────────────────────────
+describe('MarkdownRenderer', () => {
+    it('renders null for empty nodes', () => {
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: [] }));
+        expect(container.innerHTML).toBe('');
+    });
+    it('renders a paragraph', () => {
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: [paragraph(text('Hello world'))] }));
+        const p = container.querySelector('p.squisq-md-p');
+        expect(p).toBeTruthy();
+        expect(p?.textContent).toBe('Hello world');
+    });
+    it('renders headings at correct depth', () => {
+        const nodes = [
+            heading(1, text('Title')),
+            heading(2, text('Subtitle')),
+            heading(3, text('Section')),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        expect(container.querySelector('h1')?.textContent).toBe('Title');
+        expect(container.querySelector('h2')?.textContent).toBe('Subtitle');
+        expect(container.querySelector('h3')?.textContent).toBe('Section');
+    });
+    it('renders emphasis and strong inline', () => {
+        const nodes = [
+            paragraph(text('normal '), { type: 'emphasis', children: [text('italic')] }, text(' and '), {
+                type: 'strong',
+                children: [text('bold')],
+            }),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        expect(container.querySelector('em')?.textContent).toBe('italic');
+        expect(container.querySelector('strong')?.textContent).toBe('bold');
+    });
+    it('renders inline code', () => {
+        const nodes = [
+            paragraph(text('run '), { type: 'inlineCode', value: 'npm install' }),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const code = container.querySelector('code.squisq-md-inline-code');
+        expect(code?.textContent).toBe('npm install');
+    });
+    it('renders a link with target _blank', () => {
+        const nodes = [
+            paragraph({
+                type: 'link',
+                url: 'https://example.com',
+                title: 'Example',
+                children: [text('click')],
+            }),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const a = container.querySelector('a.squisq-md-link');
+        expect(a).toBeTruthy();
+        expect(a.href).toContain('example.com');
+        expect(a.target).toBe('_blank');
+        expect(a.textContent).toBe('click');
+    });
+    it('renders an image', () => {
+        const nodes = [
+            paragraph({
+                type: 'image',
+                url: '/cat.jpg',
+                alt: 'A cat',
+            }),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const img = container.querySelector('img.squisq-md-image');
+        expect(img).toBeTruthy();
+        expect(img.alt).toBe('A cat');
+    });
+    it('renders an unordered list', () => {
+        const nodes = [
+            {
+                type: 'list',
+                ordered: false,
+                children: [
+                    { type: 'listItem', children: [paragraph(text('Item A'))] },
+                    { type: 'listItem', children: [paragraph(text('Item B'))] },
+                ],
+            },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const ul = container.querySelector('ul.squisq-md-ul');
+        expect(ul).toBeTruthy();
+        const items = ul?.querySelectorAll('li');
+        expect(items?.length).toBe(2);
+        expect(items?.[0]?.textContent).toBe('Item A');
+    });
+    it('renders an ordered list with start number', () => {
+        const nodes = [
+            {
+                type: 'list',
+                ordered: true,
+                start: 3,
+                children: [{ type: 'listItem', children: [paragraph(text('Third'))] }],
+            },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const ol = container.querySelector('ol.squisq-md-ol');
+        expect(ol).toBeTruthy();
+        expect(ol.start).toBe(3);
+    });
+    it('renders a task list item with checkbox', () => {
+        const nodes = [
+            {
+                type: 'list',
+                ordered: false,
+                children: [
+                    { type: 'listItem', checked: true, children: [paragraph(text('Done'))] },
+                    { type: 'listItem', checked: false, children: [paragraph(text('Todo'))] },
+                ],
+            },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const checkboxes = container.querySelectorAll('input[type="checkbox"]');
+        expect(checkboxes.length).toBe(2);
+        expect(checkboxes[0].checked).toBe(true);
+        expect(checkboxes[1].checked).toBe(false);
+    });
+    it('renders a code block', () => {
+        const nodes = [
+            { type: 'code', lang: 'typescript', value: 'const x = 1;' },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const pre = container.querySelector('pre.squisq-md-code-block');
+        expect(pre).toBeTruthy();
+        const code = pre?.querySelector('code.language-typescript');
+        expect(code?.textContent).toBe('const x = 1;');
+    });
+    it('renders a blockquote', () => {
+        const nodes = [
+            { type: 'blockquote', children: [paragraph(text('Quoted text'))] },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const bq = container.querySelector('blockquote.squisq-md-blockquote');
+        expect(bq).toBeTruthy();
+        expect(bq?.textContent).toBe('Quoted text');
+    });
+    it('renders a thematic break', () => {
+        const nodes = [
+            paragraph(text('Before')),
+            { type: 'thematicBreak' },
+            paragraph(text('After')),
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        expect(container.querySelector('hr.squisq-md-hr')).toBeTruthy();
+    });
+    it('renders a table', () => {
+        const nodes = [
+            {
+                type: 'table',
+                align: ['left', 'right'],
+                children: [
+                    {
+                        type: 'tableRow',
+                        children: [
+                            { type: 'tableCell', isHeader: true, children: [text('Name')] },
+                            { type: 'tableCell', isHeader: true, children: [text('Value')] },
+                        ],
+                    },
+                    {
+                        type: 'tableRow',
+                        children: [
+                            { type: 'tableCell', children: [text('A')] },
+                            { type: 'tableCell', children: [text('1')] },
+                        ],
+                    },
+                ],
+            },
+        ];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const table = container.querySelector('table.squisq-md-table');
+        expect(table).toBeTruthy();
+        expect(table?.querySelectorAll('th').length).toBe(2);
+        expect(table?.querySelectorAll('td').length).toBe(2);
+    });
+    it('renders strikethrough', () => {
+        const nodes = [paragraph({ type: 'delete', children: [text('removed')] })];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        const del = container.querySelector('del.squisq-md-del');
+        expect(del?.textContent).toBe('removed');
+    });
+    it('renders a hard break', () => {
+        const nodes = [paragraph(text('line1'), { type: 'break' }, text('line2'))];
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: nodes }));
+        expect(container.querySelector('br')).toBeTruthy();
+    });
+    it('applies custom className', () => {
+        const { container } = render(_jsx(MarkdownRenderer, { nodes: [paragraph(text('test'))], className: "custom" }));
+        expect(container.querySelector('.squisq-md.custom')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=MarkdownRenderer.test.js.map

package/dist/__tests__/MarkdownRenderer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.test.js","sourceRoot":"","sources":["../../src/__tests__/MarkdownRenderer.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/exports.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=exports.test.d.ts.map

package/dist/__tests__/exports.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":""}

package/dist/__tests__/exports.test.js

@@ -0,0 +1,48 @@
+import { describe, it, expect } from 'vitest';
+import * as squisqReact from '../index';
+describe('@bendyline/squisq-react exports', () => {
+    it('exports DocPlayer component', () => {
+        expect(squisqReact.DocPlayer).toBeDefined();
+        expect(typeof squisqReact.DocPlayer).toBe('function');
+    });
+    it('exports BlockRenderer component', () => {
+        expect(squisqReact.BlockRenderer).toBeDefined();
+        expect(typeof squisqReact.BlockRenderer).toBe('function');
+    });
+    it('exports all layer components', () => {
+        expect(typeof squisqReact.ImageLayer).toBe('function');
+        expect(typeof squisqReact.TextLayer).toBe('function');
+        expect(typeof squisqReact.ShapeLayer).toBe('function');
+        expect(typeof squisqReact.VideoLayer).toBe('function');
+        expect(typeof squisqReact.MapLayer).toBe('function');
+    });
+    it('exports control components', () => {
+        expect(typeof squisqReact.CaptionOverlay).toBe('function');
+        expect(typeof squisqReact.DocControlsOverlay).toBe('function');
+        expect(typeof squisqReact.DocControlsBottom).toBe('function');
+        expect(typeof squisqReact.DocControlsSidebar).toBe('function');
+        expect(typeof squisqReact.DocControlsSlideshow).toBe('function');
+        expect(typeof squisqReact.DocPlayerWithSidebar).toBe('function');
+        expect(typeof squisqReact.DocProgressBar).toBe('function');
+    });
+    it('exports MarkdownRenderer and LinearDocView', () => {
+        expect(typeof squisqReact.MarkdownRenderer).toBe('function');
+        expect(typeof squisqReact.LinearDocView).toBe('function');
+    });
+    it('exports hooks', () => {
+        expect(typeof squisqReact.useAudioSync).toBe('function');
+        expect(typeof squisqReact.useDocPlayback).toBe('function');
+        expect(typeof squisqReact.useViewportOrientation).toBe('function');
+    });
+    it('exports utility functions', () => {
+        expect(typeof squisqReact.getAnimationStyle).toBe('function');
+        expect(typeof squisqReact.getTransitionClass).toBe('function');
+    });
+    it('exports formatTime utility', () => {
+        expect(typeof squisqReact.formatTime).toBe('function');
+        expect(squisqReact.formatTime(65)).toBe('1:05');
+        expect(squisqReact.formatTime(0)).toBe('0:00');
+        expect(squisqReact.formatTime(3661)).toBe('61:01');
+    });
+});
+//# sourceMappingURL=exports.test.js.map

package/dist/__tests__/exports.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.test.js","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":"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"}

package/dist/hooks/AudioProvider.d.ts

@@ -0,0 +1,71 @@
+/**
+ * AudioProvider - Abstraction for audio playback in DocPlayer
+ *
+ * This module defines an interface for audio playback operations that can have
+ * different implementations depending on the runtime environment:
+ *
+ * - Site/Browser: Uses HTML5 Audio element directly
+ * - EFB/MSFS: Routes through CompanionAPI to Electron app
+ *
+ * The DocPlayer uses this abstraction instead of directly manipulating audio,
+ * allowing the same component code to work in both environments.
+ */
+import type { AudioTrack, AudioSegment } from '@bendyline/squisq/schemas';
+export interface AudioState {
+    /** Current time in overall timeline (seconds) */
+    currentTime: number;
+    /** Whether audio is currently playing */
+    isPlaying: boolean;
+    /** Index of current audio segment */
+    currentSegment: number;
+    /** Total duration of all segments */
+    totalDuration: number;
+    /** Whether audio has finished */
+    isEnded: boolean;
+    /** Whether audio is loaded and ready to play */
+    isReady: boolean;
+    /** Whether the audio backend is available/connected */
+    isAvailable: boolean;
+    /** Message to show when not available */
+    unavailableMessage?: string;
+}
+export interface AudioActions {
+    /** Start or resume playback */
+    play: () => Promise<void>;
+    /** Pause playback */
+    pause: () => Promise<void>;
+    /** Toggle play/pause */
+    toggle: () => Promise<void>;
+    /** Seek to specific time in timeline */
+    seekTo: (time: number) => Promise<void>;
+    /** Skip to specific segment */
+    skipToSegment: (index: number) => Promise<void>;
+    /** Restart from beginning */
+    restart: () => Promise<void>;
+}
+export type AudioProvider = AudioState & AudioActions;
+export interface AudioProviderConfig {
+    /** Audio track with segments */
+    audioTrack: AudioTrack | undefined;
+    /** Base path for resolving audio URLs */
+    basePath: string;
+    /** Article ID (for EFB companion) */
+    articleId?: string;
+    /** Tile/geohash (for EFB companion) */
+    tile?: string;
+}
+/**
+ * Calculate segment start times and total duration from an audio track
+ */
+export declare function calculateSegmentTiming(segments: AudioSegment[] | undefined): {
+    segmentStarts: number[];
+    totalDuration: number;
+};
+/**
+ * Find which segment a given time falls into
+ */
+export declare function findSegmentAtTime(time: number, segments: AudioSegment[] | undefined, segmentStarts: number[]): {
+    segmentIndex: number;
+    segmentStart: number;
+};
+//# sourceMappingURL=AudioProvider.d.ts.map

package/dist/hooks/AudioProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioProvider.d.ts","sourceRoot":"","sources":["../../src/hooks/AudioProvider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,WAAW,UAAU;IACzB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,OAAO,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,qBAAqB;IACrB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,wBAAwB;IACxB,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,wCAAwC;IACxC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,+BAA+B;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,6BAA6B;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC;AAEtD,MAAM,WAAW,mBAAmB;IAClC,gCAAgC;IAChC,UAAU,EAAE,UAAU,GAAG,SAAS,CAAC;IACnC,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,SAAS,GAAG;IAC5E,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB,CAaA;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,YAAY,EAAE,GAAG,SAAS,EACpC,aAAa,EAAE,MAAM,EAAE,GACtB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAuBhD"}

package/dist/hooks/AudioProvider.js

@@ -0,0 +1,52 @@
+/**
+ * AudioProvider - Abstraction for audio playback in DocPlayer
+ *
+ * This module defines an interface for audio playback operations that can have
+ * different implementations depending on the runtime environment:
+ *
+ * - Site/Browser: Uses HTML5 Audio element directly
+ * - EFB/MSFS: Routes through CompanionAPI to Electron app
+ *
+ * The DocPlayer uses this abstraction instead of directly manipulating audio,
+ * allowing the same component code to work in both environments.
+ */
+/**
+ * Calculate segment start times and total duration from an audio track
+ */
+export function calculateSegmentTiming(segments) {
+    if (!segments?.length) {
+        return { segmentStarts: [], totalDuration: 0 };
+    }
+    let time = 0;
+    const segmentStarts = segments.map((seg) => {
+        const start = time;
+        time += seg.duration;
+        return start;
+    });
+    return { segmentStarts, totalDuration: time };
+}
+/**
+ * Find which segment a given time falls into
+ */
+export function findSegmentAtTime(time, segments, segmentStarts) {
+    if (!segments?.length) {
+        return { segmentIndex: 0, segmentStart: 0 };
+    }
+    let segmentIndex = 0;
+    let segmentStart = 0;
+    for (let i = 0; i < segments.length; i++) {
+        const segEnd = segmentStarts[i] + segments[i].duration;
+        if (time < segEnd) {
+            segmentIndex = i;
+            segmentStart = segmentStarts[i];
+            break;
+        }
+        // Handle edge case: time exactly at end goes to last segment
+        if (i === segments.length - 1) {
+            segmentIndex = i;
+            segmentStart = segmentStarts[i];
+        }
+    }
+    return { segmentIndex, segmentStart };
+}
+//# sourceMappingURL=AudioProvider.js.map

package/dist/hooks/AudioProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioProvider.js","sourceRoot":"","sources":["../../src/hooks/AudioProvider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAmDH;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAoC;IAIzE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC;IACjD,CAAC;IAED,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,MAAM,aAAa,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC;QACnB,IAAI,IAAI,GAAG,CAAC,QAAQ,CAAC;QACrB,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AAChD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,IAAY,EACZ,QAAoC,EACpC,aAAuB;IAEvB,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QACtB,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,YAAY,GAAG,CAAC,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QACvD,IAAI,IAAI,GAAG,MAAM,EAAE,CAAC;YAClB,YAAY,GAAG,CAAC,CAAC;YACjB,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YAChC,MAAM;QACR,CAAC;QACD,6DAA6D;QAC7D,IAAI,CAAC,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,YAAY,GAAG,CAAC,CAAC;YACjB,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AACxC,CAAC"}

package/dist/hooks/MediaContext.d.ts

@@ -0,0 +1,35 @@
+/**
+ * MediaContext — React context for providing a MediaProvider to layer components.
+ *
+ * When a MediaProvider is available in context, layer components (ImageLayer,
+ * VideoLayer) will use it to resolve media URLs instead of the basePath prop.
+ * This enables slot-based media storage where binary assets are served from
+ * IndexedDB as blob URLs.
+ *
+ * Usage:
+ *   const provider = createSlotMediaProvider(slotId);
+ *   <MediaContext.Provider value={provider}>
+ *     <DocPlayer doc={doc} basePath="/" />
+ *   </MediaContext.Provider>
+ */
+import type { MediaProvider } from '@bendyline/squisq/schemas';
+/**
+ * React context holding the current MediaProvider (or null if none provided).
+ */
+export declare const MediaContext: import("react").Context<MediaProvider | null>;
+/**
+ * Hook to access the current MediaProvider from context.
+ * Returns null if no provider is set.
+ */
+export declare function useMediaProvider(): MediaProvider | null;
+/**
+ * Hook to resolve a media URL via the MediaProvider (if available),
+ * falling back to basePath-based resolution.
+ *
+ * Returns the resolved URL string. Updates when the provider or path changes.
+ *
+ * @param relativePath - Relative media path from the document (e.g., 'hero.jpg')
+ * @param basePath - Fallback base path for URL construction
+ */
+export declare function useMediaUrl(relativePath: string, basePath: string): string;
+//# sourceMappingURL=MediaContext.d.ts.map

package/dist/hooks/MediaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContext.d.ts","sourceRoot":"","sources":["../../src/hooks/MediaContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,YAAY,+CAA4C,CAAC;AAEtE;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,aAAa,GAAG,IAAI,CAEvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAwC1E"}

package/dist/hooks/MediaContext.js

@@ -0,0 +1,66 @@
+/**
+ * MediaContext — React context for providing a MediaProvider to layer components.
+ *
+ * When a MediaProvider is available in context, layer components (ImageLayer,
+ * VideoLayer) will use it to resolve media URLs instead of the basePath prop.
+ * This enables slot-based media storage where binary assets are served from
+ * IndexedDB as blob URLs.
+ *
+ * Usage:
+ *   const provider = createSlotMediaProvider(slotId);
+ *   <MediaContext.Provider value={provider}>
+ *     <DocPlayer doc={doc} basePath="/" />
+ *   </MediaContext.Provider>
+ */
+import { createContext, useContext, useState, useEffect, useMemo } from 'react';
+/**
+ * React context holding the current MediaProvider (or null if none provided).
+ */
+export const MediaContext = createContext(null);
+/**
+ * Hook to access the current MediaProvider from context.
+ * Returns null if no provider is set.
+ */
+export function useMediaProvider() {
+    return useContext(MediaContext);
+}
+/**
+ * Hook to resolve a media URL via the MediaProvider (if available),
+ * falling back to basePath-based resolution.
+ *
+ * Returns the resolved URL string. Updates when the provider or path changes.
+ *
+ * @param relativePath - Relative media path from the document (e.g., 'hero.jpg')
+ * @param basePath - Fallback base path for URL construction
+ */
+export function useMediaUrl(relativePath, basePath) {
+    const provider = useMediaProvider();
+    // For absolute/http URLs, skip resolution entirely
+    const isAbsolute = relativePath.startsWith('http') ||
+        relativePath.startsWith('/') ||
+        relativePath.startsWith('data:') ||
+        relativePath.startsWith('blob:');
+    // Memoize fallback to avoid recalculating on every render
+    const fallback = useMemo(() => (isAbsolute ? relativePath : `${basePath}/${relativePath}`), [isAbsolute, relativePath, basePath]);
+    // Fast path: no provider or absolute URL — return synchronously, skip effect entirely
+    const needsProvider = !isAbsolute && !!provider;
+    const [url, setUrl] = useState(fallback);
+    useEffect(() => {
+        if (!needsProvider) {
+            setUrl(fallback);
+            return;
+        }
+        let cancelled = false;
+        provider.resolveUrl(relativePath).then((resolved) => {
+            if (!cancelled)
+                setUrl(resolved);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [needsProvider, provider, relativePath, fallback]);
+    // When provider is not needed, return fallback directly to avoid
+    // the one-frame delay from the initial useState → useEffect cycle
+    return needsProvider ? url : fallback;
+}
+//# sourceMappingURL=MediaContext.js.map

package/dist/hooks/MediaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaContext.js","sourceRoot":"","sources":["../../src/hooks/MediaContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEtE;;;GAGG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,WAAW,CAAC,YAAoB,EAAE,QAAgB;IAChE,MAAM,QAAQ,GAAG,gBAAgB,EAAE,CAAC;IAEpC,mDAAmD;IACnD,MAAM,UAAU,GACd,YAAY,CAAC,UAAU,CAAC,MAAM,CAAC;QAC/B,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC;QAC5B,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC;QAChC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEnC,0DAA0D;IAC1D,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,YAAY,EAAE,CAAC,EACjE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,CAAC,CACrC,CAAC;IAEF,sFAAsF;IACtF,MAAM,aAAa,GAAG,CAAC,UAAU,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEhD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,CAAC,QAAQ,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,QAAS,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnD,IAAI,CAAC,SAAS;gBAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,iEAAiE;IACjE,kEAAkE;IAClE,OAAO,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;AACxC,CAAC"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { calculateSegmentTiming, findSegmentAtTime } from './AudioProvider';
+export type { AudioState, AudioActions, AudioProvider, AudioProviderConfig } from './AudioProvider';
+export { useAudioSync } from './useAudioSync';
+export { useDocPlayback } from './useDocPlayback';
+export { useViewportOrientation } from './useViewportOrientation';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,5 @@
+export { calculateSegmentTiming, findSegmentAtTime } from './AudioProvider';
+export { useAudioSync } from './useAudioSync';
+export { useDocPlayback } from './useDocPlayback';
+export { useViewportOrientation } from './useViewportOrientation';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/hooks/useAudioSync.d.ts

@@ -0,0 +1,18 @@
+/**
+ * useAudioSync Hook
+ *
+ * Synchronizes playback state with an audio element. Provides current
+ * playback time, playing state, and methods to control audio playback.
+ *
+ * Handles multiple audio segments (MP3 files) by tracking which segment
+ * is currently playing and calculating the overall timeline position.
+ *
+ * This is the HTML5 Audio implementation of the AudioProvider interface.
+ * For EFB/MSFS environments, use useCompanionAudioSync instead.
+ */
+import type { RefObject } from 'react';
+import type { AudioTrack } from '@bendyline/squisq/schemas';
+import type { AudioProvider } from './AudioProvider';
+export declare function useAudioSync(audioRef: RefObject<HTMLAudioElement>, audioTrack: AudioTrack | undefined, basePath?: string): AudioProvider;
+export default useAudioSync;
+//# sourceMappingURL=useAudioSync.d.ts.map

package/dist/hooks/useAudioSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAudioSync.d.ts","sourceRoot":"","sources":["../../src/hooks/useAudioSync.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,EACrC,UAAU,EAAE,UAAU,GAAG,SAAS,EAClC,QAAQ,GAAE,MAAW,GACpB,aAAa,CA6Wf;AAED,eAAe,YAAY,CAAC"}