omni-viewer-core 0.1.0

package/dist/viewers/mat/index.js

@@ -0,0 +1,113 @@
+import { parseMat } from '../../parsers/mat/index.js';
+import { MountAbortedError, VIEWER_ROOT_CLASS } from '../types.js';
+import { matViewerCss } from './styles.js';
+export { parseMat } from '../../parsers/mat/index.js';
+export { matViewerCss } from './styles.js';
+export const MAT_VIEWER_META = {
+    id: 'mat', displayNameKey: 'mat.title', extensions: ['mat'], priority: 20,
+    requiredServices: [], optionalServices: ['clipboard'],
+    inputOwnership: 'borrows'
+};
+export const MAT_RENDER_ROW_LIMIT = 1000;
+export async function mountMatViewer(input, container, ctx, options = {}) {
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const model = await parseMat(input.data);
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const t = ctx.i18n.t.bind(ctx.i18n);
+    let root = container;
+    if ((options.styleIsolation ?? 'shadow') === 'shadow' && typeof container.attachShadow === 'function') {
+        root = container.shadowRoot ?? container.attachShadow({ mode: 'open' });
+        const style = document.createElement('style');
+        style.textContent = matViewerCss;
+        root.append(style);
+    }
+    else
+        container.classList.add(VIEWER_ROOT_CLASS, 'omni-viewer--mat');
+    const el = (tag, className, text) => {
+        const node = document.createElement(tag);
+        if (className)
+            node.className = className;
+        if (text !== undefined)
+            node.textContent = text;
+        return node;
+    };
+    const disposers = [];
+    const on = (target, type, listener) => { target.addEventListener(type, listener); disposers.push(() => target.removeEventListener(type, listener)); };
+    const frame = el('div', 'omni-mat');
+    const header = el('header', 'omni-mat__header');
+    const heading = el('div', 'omni-mat__heading');
+    heading.append(el('h1', undefined, input.fileName), el('div', 'omni-mat__subtitle', `${model.title} · ${model.fileSize}`));
+    header.append(el('div', 'omni-mat__mark', 'MAT'), heading);
+    const summary = el('section', 'omni-mat__summary');
+    model.summary.forEach(item => { const card = el('div', 'omni-mat__stat'); card.append(el('span', 'omni-mat__stat-label', item.label), el('span', 'omni-mat__stat-value', String(item.value))); summary.append(card); });
+    const toolbar = el('nav', 'omni-mat__toolbar');
+    const content = el('main', 'omni-mat__content');
+    const search = el('input', 'omni-mat__search');
+    search.type = 'search';
+    search.placeholder = t('mat.search');
+    search.setAttribute('aria-label', t('mat.search'));
+    const copy = el('button', undefined, t('mat.copyJson'));
+    copy.type = 'button';
+    copy.disabled = !ctx.clipboard;
+    copy.title = ctx.clipboard ? '' : t('common.noClipboard');
+    let active = 0;
+    const buttons = new Map();
+    const addViewButton = (view, label) => { const button = el('button', undefined, label); button.type = 'button'; button.dataset.view = String(view); on(button, 'click', () => { active = view; render(); }); buttons.set(view, button); toolbar.append(button); };
+    model.tables.forEach((table, index) => addViewButton(index, table.title));
+    if (model.rawPreview)
+        addViewButton('raw', t('mat.rawPreview'));
+    toolbar.append(copy, search);
+    const warnings = model.warnings.length ? el('div', 'omni-mat__warnings', model.warnings.join(' · ')) : null;
+    const activeTable = () => typeof active === 'number' ? model.tables[active] : undefined;
+    const filteredRows = (table) => {
+        const query = search.value.trim().toLocaleLowerCase();
+        return query ? table.rows.filter(row => row.some(value => String(value).toLocaleLowerCase().includes(query))) : table.rows;
+    };
+    const renderTable = (table) => {
+        const wrap = el('div', 'omni-mat__table-wrap');
+        const tableNode = el('table');
+        const head = el('thead');
+        const headRow = el('tr');
+        table.headers.forEach(value => headRow.append(el('th', undefined, value)));
+        head.append(headRow);
+        tableNode.append(head);
+        const body = el('tbody');
+        const rows = filteredRows(table);
+        const shown = rows.slice(0, MAT_RENDER_ROW_LIMIT);
+        shown.forEach(row => { const tr = el('tr'); row.forEach(value => { const td = el('td', undefined, String(value)); td.title = String(value); tr.append(td); }); body.append(tr); });
+        tableNode.append(body);
+        wrap.append(tableNode);
+        if (rows.length)
+            content.append(el('div', 'omni-mat__caption', t('mat.rowsShown', { shown: shown.length, total: rows.length })), wrap);
+        else
+            content.append(el('div', 'omni-mat__empty', t('mat.noMatches')));
+    };
+    const render = () => {
+        content.replaceChildren();
+        buttons.forEach((button, view) => button.setAttribute('aria-pressed', String(view === active)));
+        search.hidden = active === 'raw';
+        copy.disabled = !ctx.clipboard;
+        const table = activeTable();
+        if (table)
+            renderTable(table);
+        else
+            content.append(el('pre', 'omni-mat__raw', model.rawPreview ?? ''));
+    };
+    on(search, 'input', render);
+    on(copy, 'click', () => {
+        if (!ctx.clipboard)
+            return;
+        void ctx.clipboard.writeText(JSON.stringify(model, null, 2)).catch(error => ctx.logger.log('error', `MAT JSON copy failed: ${String(error)}`));
+    });
+    frame.append(header, summary, toolbar, content);
+    if (warnings)
+        frame.append(warnings);
+    root.append(frame);
+    render();
+    return { dispose() { disposers.splice(0).forEach(dispose => dispose()); frame.remove(); if (root instanceof ShadowRoot)
+            root.replaceChildren();
+        else
+            container.classList.remove(VIEWER_ROOT_CLASS, 'omni-viewer--mat'); } };
+}

package/dist/viewers/mat/styles.d.ts

@@ -0,0 +1 @@
+export declare const matViewerCss = "\n:host{display:block;height:100%;color:var(--omni-fg,#d4d4d4);background:var(--omni-bg,#1e1e1e);font:13px system-ui,sans-serif}.omni-mat{display:flex;flex-direction:column;height:100%;min-height:360px}.omni-mat__header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--omni-border,#3c3c3c)}.omni-mat__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:linear-gradient(145deg,#e76f00,#9e3d00);color:white;font-weight:800;letter-spacing:.04em}.omni-mat__heading{min-width:0}.omni-mat__heading h1{font-size:16px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-mat__subtitle{margin-top:3px;color:var(--omni-muted,#999)}.omni-mat__summary{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--omni-border,#3c3c3c)}.omni-mat__stat{min-width:110px;padding:8px 10px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-panel,#252526)}.omni-mat__stat-label{display:block;color:var(--omni-muted,#999);font-size:11px;margin-bottom:4px}.omni-mat__stat-value{font-weight:650}.omni-mat__toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--omni-border,#3c3c3c);flex-wrap:wrap}.omni-mat button,.omni-mat input{font:inherit;color:inherit;background:var(--omni-control,#2d2d2d);border:1px solid var(--omni-border,#555);border-radius:4px;padding:5px 9px}.omni-mat button{cursor:pointer}.omni-mat button[aria-pressed=true]{background:var(--omni-accent,#0e639c);border-color:var(--omni-accent,#0e639c);color:#fff}.omni-mat button:disabled{opacity:.55;cursor:default}.omni-mat__search{min-width:220px;margin-left:auto}.omni-mat__content{flex:1;min-height:0;overflow:auto;padding:14px 16px}.omni-mat__caption{margin:0 0 7px;color:var(--omni-muted,#999);font-size:12px}.omni-mat__table-wrap{overflow:auto;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px}.omni-mat table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.omni-mat th,.omni-mat td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--omni-border,#3c3c3c);white-space:nowrap;max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-mat th{position:sticky;top:0;background:var(--omni-panel,#252526);z-index:1;color:var(--omni-muted,#bbb);font-weight:650}.omni-mat tr:last-child td{border-bottom:0}.omni-mat tbody tr:hover{background:color-mix(in srgb,var(--omni-accent,#0e639c) 12%,transparent)}.omni-mat__raw{margin:0;padding:14px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-panel,#252526);font:12px/1.55 ui-monospace,monospace;white-space:pre;overflow:auto}.omni-mat__warnings{padding:8px 16px;color:#f0c674;border-top:1px solid var(--omni-border,#3c3c3c);background:color-mix(in srgb,#f0c674 8%,transparent)}.omni-mat__empty{padding:32px;text-align:center;color:var(--omni-muted,#999)}@media(max-width:700px){.omni-mat__summary{padding:8px}.omni-mat__toolbar,.omni-mat__content{padding-left:8px;padding-right:8px}.omni-mat__search{order:2;width:100%;margin-left:0}}\n";

package/dist/viewers/mat/styles.js

@@ -0,0 +1,3 @@
+export const matViewerCss = `
+:host{display:block;height:100%;color:var(--omni-fg,#d4d4d4);background:var(--omni-bg,#1e1e1e);font:13px system-ui,sans-serif}.omni-mat{display:flex;flex-direction:column;height:100%;min-height:360px}.omni-mat__header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--omni-border,#3c3c3c)}.omni-mat__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:linear-gradient(145deg,#e76f00,#9e3d00);color:white;font-weight:800;letter-spacing:.04em}.omni-mat__heading{min-width:0}.omni-mat__heading h1{font-size:16px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-mat__subtitle{margin-top:3px;color:var(--omni-muted,#999)}.omni-mat__summary{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;border-bottom:1px solid var(--omni-border,#3c3c3c)}.omni-mat__stat{min-width:110px;padding:8px 10px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-panel,#252526)}.omni-mat__stat-label{display:block;color:var(--omni-muted,#999);font-size:11px;margin-bottom:4px}.omni-mat__stat-value{font-weight:650}.omni-mat__toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--omni-border,#3c3c3c);flex-wrap:wrap}.omni-mat button,.omni-mat input{font:inherit;color:inherit;background:var(--omni-control,#2d2d2d);border:1px solid var(--omni-border,#555);border-radius:4px;padding:5px 9px}.omni-mat button{cursor:pointer}.omni-mat button[aria-pressed=true]{background:var(--omni-accent,#0e639c);border-color:var(--omni-accent,#0e639c);color:#fff}.omni-mat button:disabled{opacity:.55;cursor:default}.omni-mat__search{min-width:220px;margin-left:auto}.omni-mat__content{flex:1;min-height:0;overflow:auto;padding:14px 16px}.omni-mat__caption{margin:0 0 7px;color:var(--omni-muted,#999);font-size:12px}.omni-mat__table-wrap{overflow:auto;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px}.omni-mat table{border-collapse:collapse;width:100%;min-width:720px;font-size:12px}.omni-mat th,.omni-mat td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--omni-border,#3c3c3c);white-space:nowrap;max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-mat th{position:sticky;top:0;background:var(--omni-panel,#252526);z-index:1;color:var(--omni-muted,#bbb);font-weight:650}.omni-mat tr:last-child td{border-bottom:0}.omni-mat tbody tr:hover{background:color-mix(in srgb,var(--omni-accent,#0e639c) 12%,transparent)}.omni-mat__raw{margin:0;padding:14px;border:1px solid var(--omni-border,#3c3c3c);border-radius:6px;background:var(--omni-panel,#252526);font:12px/1.55 ui-monospace,monospace;white-space:pre;overflow:auto}.omni-mat__warnings{padding:8px 16px;color:#f0c674;border-top:1px solid var(--omni-border,#3c3c3c);background:color-mix(in srgb,#f0c674 8%,transparent)}.omni-mat__empty{padding:32px;text-align:center;color:var(--omni-muted,#999)}@media(max-width:700px){.omni-mat__summary{padding:8px}.omni-mat__toolbar,.omni-mat__content{padding-left:8px;padding-right:8px}.omni-mat__search{order:2;width:100%;margin-left:0}}
+`;

package/dist/viewers/media.d.ts

@@ -0,0 +1,9 @@
+import type { HostContext } from '../host/index.js';
+import { type MountOptions, type ViewerHandle, type ViewerInput } from './types.js';
+export declare const mediaViewerCss = ".omni-media{box-sizing:border-box;min-height:100%;padding:20px;background:var(--omni-bg,#181818);color:var(--omni-fg,#eee);font:14px/1.45 system-ui,sans-serif}.omni-media *{box-sizing:border-box}.omni-media__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.omni-media__title{font-size:18px;font-weight:650;overflow-wrap:anywhere}.omni-media__meta{color:var(--omni-muted,#aaa)}.omni-media__stage{display:grid;place-items:center;min-height:280px;border:1px solid var(--omni-border,#444);border-radius:10px;background:#000;padding:18px}.omni-media audio,.omni-media video{display:block;width:min(100%,1100px);max-height:75vh}.omni-media__warning{margin-top:12px;padding:10px 12px;border:1px solid #b98b2f;border-radius:7px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}";
+export interface MediaMountOptions extends MountOptions {
+    maxBytes?: number;
+    createObjectUrl?(blob: Blob): string;
+    revokeObjectUrl?(url: string): void;
+}
+export declare function mountMediaViewer(kind: 'audio' | 'video', input: ViewerInput, container: HTMLElement, _ctx: HostContext, mimeType: string, warnings: string[], options?: MediaMountOptions): Promise<ViewerHandle>;

package/dist/viewers/media.js

@@ -0,0 +1,77 @@
+import { MountAbortedError, VIEWER_ROOT_CLASS } from './types.js';
+export const mediaViewerCss = `.omni-media{box-sizing:border-box;min-height:100%;padding:20px;background:var(--omni-bg,#181818);color:var(--omni-fg,#eee);font:14px/1.45 system-ui,sans-serif}.omni-media *{box-sizing:border-box}.omni-media__header{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.omni-media__title{font-size:18px;font-weight:650;overflow-wrap:anywhere}.omni-media__meta{color:var(--omni-muted,#aaa)}.omni-media__stage{display:grid;place-items:center;min-height:280px;border:1px solid var(--omni-border,#444);border-radius:10px;background:#000;padding:18px}.omni-media audio,.omni-media video{display:block;width:min(100%,1100px);max-height:75vh}.omni-media__warning{margin-top:12px;padding:10px 12px;border:1px solid #b98b2f;border-radius:7px;background:#3b2d10;color:#ffd98a;white-space:pre-wrap}`;
+export async function mountMediaViewer(kind, input, container, _ctx, mimeType, warnings, options = {}) {
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const max = options.maxBytes ?? 128 * 1024 * 1024;
+    const root = options.styleIsolation !== 'scoped' && container.attachShadow ? (container.shadowRoot ?? container.attachShadow({ mode: 'open' })) : container;
+    if (root === container)
+        container.classList.add(VIEWER_ROOT_CLASS, `omni-viewer--${kind}`);
+    else {
+        const style = document.createElement('style');
+        style.textContent = mediaViewerCss;
+        root.append(style);
+    }
+    const shell = document.createElement('section');
+    shell.className = `${VIEWER_ROOT_CLASS} omni-media omni-media--${kind}`;
+    const header = document.createElement('header');
+    header.className = 'omni-media__header';
+    const title = document.createElement('div');
+    title.className = 'omni-media__title';
+    title.textContent = input.fileName;
+    const meta = document.createElement('div');
+    meta.className = 'omni-media__meta';
+    meta.textContent = `${mimeType} · ${formatBytes(input.data.byteLength)}`;
+    header.append(title, meta);
+    const stage = document.createElement('main');
+    stage.className = 'omni-media__stage';
+    const media = document.createElement(kind);
+    media.controls = true;
+    media.preload = input.data.byteLength > 50 * 1024 * 1024 ? 'metadata' : 'auto';
+    const messages = document.createElement('div');
+    messages.className = 'omni-media__warning';
+    messages.hidden = true;
+    shell.append(header, stage, messages);
+    root.append(shell);
+    let url;
+    let disposed = false;
+    const show = (message) => { messages.hidden = false; messages.textContent = [...warnings, message].filter(Boolean).join('\n'); };
+    if (input.data.byteLength > max)
+        show(`The file exceeds the ${formatBytes(max)} browser preview limit.`);
+    else if (input.data.byteLength === 0)
+        show('The media file is empty.');
+    else {
+        try {
+            const create = options.createObjectUrl ?? URL.createObjectURL.bind(URL);
+            url = create(new Blob([blobPart(input.data)], { type: mimeType }));
+            media.src = url;
+            stage.append(media);
+            if (warnings.length)
+                show('');
+        }
+        catch {
+            show('This environment cannot create a browser media source.');
+        }
+    }
+    const onError = () => show(`The browser could not decode this ${kind} codec. Try a host with the required codec or transcode the file.`);
+    media.addEventListener('error', onError);
+    if (options.signal?.aborted) {
+        media.removeEventListener('error', onError);
+        shell.remove();
+        if (url)
+            (options.revokeObjectUrl ?? URL.revokeObjectURL.bind(URL))(url);
+        throw new MountAbortedError();
+    }
+    return { dispose() { if (disposed)
+            return; disposed = true; media.pause(); media.removeAttribute('src'); media.load(); media.removeEventListener('error', onError); if (url)
+            (options.revokeObjectUrl ?? URL.revokeObjectURL.bind(URL))(url); shell.remove(); if (root === container)
+            container.classList.remove(VIEWER_ROOT_CLASS, `omni-viewer--${kind}`);
+        else
+            root.replaceChildren(); } };
+}
+function blobPart(data) { return data.buffer instanceof ArrayBuffer ? data : new Uint8Array(data); }
+function formatBytes(bytes) { if (bytes < 1024)
+    return `${bytes} B`; const units = ['KiB', 'MiB', 'GiB']; let v = bytes / 1024, i = 0; while (v >= 1024 && i < 2) {
+    v /= 1024;
+    i++;
+} return `${v.toFixed(v >= 10 ? 1 : 2)} ${units[i]}`; }

package/dist/viewers/mermaid/index.d.ts

@@ -0,0 +1,17 @@
+import type { HostContext } from '../../host/index.js';
+import { diagramViewerCss, type DiagramMountOptions } from '../diagram.js';
+import type { ViewerHandle, ViewerInput } from '../types.js';
+export { parseMermaid } from '../../parsers/mermaid/index.js';
+export { diagramViewerCss as mermaidViewerCss };
+export type MermaidViewerContext = HostContext;
+export type MermaidMountOptions = DiagramMountOptions;
+export declare const MERMAID_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly [];
+    inputOwnership: "borrows";
+};
+export declare function mountMermaidViewer(input: ViewerInput, container: HTMLElement, ctx: MermaidViewerContext, options?: MermaidMountOptions): Promise<ViewerHandle>;

package/dist/viewers/mermaid/index.js

@@ -0,0 +1,6 @@
+import { parseMermaid } from '../../parsers/mermaid/index.js';
+import { diagramViewerCss, mountDiagramViewer } from '../diagram.js';
+export { parseMermaid } from '../../parsers/mermaid/index.js';
+export { diagramViewerCss as mermaidViewerCss };
+export const MERMAID_VIEWER_META = { id: 'mermaid', displayNameKey: 'mermaid.title', extensions: ['mmd', 'mermaid'], priority: 20, requiredServices: [], optionalServices: [], inputOwnership: 'borrows' };
+export function mountMermaidViewer(input, container, ctx, options = {}) { return mountDiagramViewer('mermaid', parseMermaid(input.data), input, container, ctx, options); }

package/dist/viewers/mermaid/self-loading.d.ts

@@ -0,0 +1,2 @@
+import type { MermaidMountOptions } from './index.js';
+export declare function loadMermaidRenderer(): Promise<Pick<MermaidMountOptions, 'renderMermaid'>>;

package/dist/viewers/mermaid/self-loading.js

@@ -0,0 +1,2 @@
+export async function loadMermaidRenderer() { const mod = await import('mermaid'); const mermaid = mod.default; if (!mermaid)
+    throw new Error('Mermaid renderer is unavailable.'); mermaid.initialize({ startOnLoad: false, securityLevel: 'strict', maxTextSize: 200_000, htmlLabels: false }); return { renderMermaid: async (id, source) => (await mermaid.render(id, source)).svg }; }

package/dist/viewers/mf4/index.d.ts

@@ -0,0 +1,15 @@
+import type { AutomotiveViewerContext } from '../automotive/index.js';
+import type { MountOptions, ViewerHandle, ViewerInput } from '../types.js';
+export { parseMf4 } from '../../parsers/mf4/index.js';
+export { automotiveViewerCss as mf4ViewerCss } from '../automotive/styles.js';
+export type Mf4ViewerContext = AutomotiveViewerContext;
+export declare const MF4_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly ["clipboard"];
+    inputOwnership: "borrows";
+};
+export declare const mountMf4Viewer: (input: ViewerInput, container: HTMLElement, ctx: Mf4ViewerContext, options?: MountOptions) => Promise<ViewerHandle>;

package/dist/viewers/mf4/index.js

@@ -0,0 +1,5 @@
+import { mountAutomotiveViewer } from '../automotive/index.js';
+export { parseMf4 } from '../../parsers/mf4/index.js';
+export { automotiveViewerCss as mf4ViewerCss } from '../automotive/styles.js';
+export const MF4_VIEWER_META = { id: 'mf4', displayNameKey: 'mf4.title', extensions: ['mf4'], priority: 20, requiredServices: [], optionalServices: ['clipboard'], inputOwnership: 'borrows' };
+export const mountMf4Viewer = (input, container, ctx, options = {}) => mountAutomotiveViewer('mf4', input, container, ctx, options);

package/dist/viewers/parquet/controller.d.ts

@@ -0,0 +1,37 @@
+import type { ParquetCell, ParquetDocument } from '../../parsers/parquet/index.js';
+export interface ParquetViewState {
+    search: string;
+    sortColumn: number | null;
+    sortDirection: 'asc' | 'desc' | null;
+    page: number;
+    pageSize: number;
+    pageCount: number;
+    matchedRows: number;
+    viewMode: 'table' | 'raw';
+}
+export type ParquetAction = {
+    type: 'search';
+    value: string;
+} | {
+    type: 'sort';
+    column: number;
+} | {
+    type: 'page';
+    page: number;
+} | {
+    type: 'page-size';
+    size: number;
+} | {
+    type: 'view';
+    mode: 'table' | 'raw';
+};
+export interface ParquetController {
+    readonly state: ParquetViewState;
+    dispatch(action: ParquetAction): void;
+    appendRows(rows: ParquetCell[][]): void;
+    subscribe(fn: (s: ParquetViewState) => void): () => void;
+    visibleRows(): ParquetCell[][];
+    filteredRows(): readonly ParquetCell[][];
+    toJson(): string;
+}
+export declare function createParquetController(document: ParquetDocument): ParquetController;

package/dist/viewers/parquet/controller.js

@@ -0,0 +1,26 @@
+export function createParquetController(document) {
+    const listeners = new Set();
+    let state = { search: '', sortColumn: null, sortDirection: null, page: 0, pageSize: 100, pageCount: 1, matchedRows: document.rows.length, viewMode: 'table' };
+    let filtered = document.rows.slice();
+    const text = (v) => typeof v === 'object' && v !== null ? JSON.stringify(v) : String(v ?? '');
+    function rebuild() {
+        const q = state.search.toLowerCase();
+        filtered = document.rows.filter(r => !q || r.some(v => text(v).toLowerCase().includes(q)));
+        if (state.sortColumn !== null && state.sortDirection) {
+            const c = state.sortColumn, d = state.sortDirection === 'asc' ? 1 : -1;
+            filtered = filtered.map((row, i) => ({ row, i })).sort((a, b) => { const x = text(a.row[c] ?? null), y = text(b.row[c] ?? null); if (x === '' || y === '')
+                return x === y ? a.i - b.i : x === '' ? 1 : -1; const xn = Number(x), yn = Number(y); const cmp = Number.isFinite(xn) && Number.isFinite(yn) ? xn - yn : x.localeCompare(y, undefined, { numeric: true }); return cmp ? cmp * d : a.i - b.i; }).map(x => x.row);
+        }
+        const pageCount = Math.max(1, Math.ceil(filtered.length / state.pageSize));
+        state = { ...state, matchedRows: filtered.length, pageCount, page: Math.min(state.page, pageCount - 1) };
+    }
+    return { get state() { return state; }, dispatch(a) { if (a.type === 'search')
+            state = { ...state, search: a.value, page: 0 }; if (a.type === 'sort') {
+            const same = state.sortColumn === a.column;
+            const next = !same ? 'asc' : state.sortDirection === 'asc' ? 'desc' : state.sortDirection === 'desc' ? null : 'asc';
+            state = { ...state, sortColumn: next ? a.column : null, sortDirection: next, page: 0 };
+        } if (a.type === 'page')
+            state = { ...state, page: Math.max(0, Math.min(a.page, state.pageCount - 1)) }; if (a.type === 'page-size')
+            state = { ...state, pageSize: a.size, page: 0 }; if (a.type === 'view')
+            state = { ...state, viewMode: a.mode }; rebuild(); listeners.forEach(f => f(state)); }, appendRows(rows) { document.rows.push(...rows); document.loadedRows = document.rows.length; document.isLimited = document.loadedRows < document.totalRows; rebuild(); listeners.forEach(f => f(state)); }, subscribe(fn) { listeners.add(fn); return () => listeners.delete(fn); }, visibleRows() { const start = state.page * state.pageSize; return filtered.slice(start, start + state.pageSize); }, filteredRows() { return filtered; }, toJson() { return JSON.stringify({ schema: document.schema, headers: document.headers, rows: filtered, metadata: { totalRows: document.totalRows, loadedRows: document.loadedRows, columns: document.headers.length, fileSizeBytes: document.fileSizeBytes } }, null, 2); } };
+}

package/dist/viewers/parquet/index.d.ts

@@ -0,0 +1,23 @@
+import type { ClipboardService, FileSaveService, HostContext } from '../../host/index.js';
+import { type ParquetParseOptions } from '../../parsers/parquet/index.js';
+import { type MountOptions, type ViewerHandle, type ViewerInput } from '../types.js';
+export { createParquetController } from './controller.js';
+export type { ParquetController, ParquetAction, ParquetViewState } from './controller.js';
+export { parquetViewerCss } from './styles.js';
+export declare const PARQUET_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly ["clipboard", "save"];
+    inputOwnership: "borrows";
+};
+export type ParquetViewerContext = HostContext & {
+    clipboard?: ClipboardService;
+    save?: FileSaveService;
+};
+export interface ParquetMountOptions extends MountOptions {
+    parse?: ParquetParseOptions;
+}
+export declare function mountParquetViewer(input: ViewerInput, container: HTMLElement, ctx: ParquetViewerContext, options?: ParquetMountOptions): Promise<ViewerHandle>;

package/dist/viewers/parquet/index.js

@@ -0,0 +1,134 @@
+import { PARQUET_PREVIEW_ROWS, parseParquet } from '../../parsers/parquet/index.js';
+import { MountAbortedError, VIEWER_ROOT_CLASS } from '../types.js';
+import { createParquetController } from './controller.js';
+import { parquetViewerCss } from './styles.js';
+export { createParquetController } from './controller.js';
+export { parquetViewerCss } from './styles.js';
+export const PARQUET_VIEWER_META = { id: 'parquet', displayNameKey: 'parquet.title', extensions: ['parquet'], priority: 20, requiredServices: [], optionalServices: ['clipboard', 'save'], inputOwnership: 'borrows' };
+export async function mountParquetViewer(input, container, ctx, options = {}) {
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const parseOptions = { ...options.parse };
+    if (options.signal)
+        parseOptions.signal = options.signal;
+    let doc;
+    try {
+        doc = await parseParquet(input.data, parseOptions);
+    }
+    catch (error) {
+        if (options.signal?.aborted)
+            throw new MountAbortedError();
+        throw error;
+    }
+    const ctl = createParquetController(doc), off = [];
+    let disposed = false, loadingMore = false;
+    let root = container;
+    const columnWidths = doc.headers.map((header, index) => estimateColumnWidth(header, index));
+    let resize = null;
+    if ((options.styleIsolation ?? 'shadow') === 'shadow' && container.attachShadow) {
+        root = container.shadowRoot ?? container.attachShadow({ mode: 'open' });
+        const style = el('style');
+        style.textContent = parquetViewerCss;
+        root.append(style);
+    }
+    else
+        container.classList.add(VIEWER_ROOT_CLASS, 'omni-viewer--parquet');
+    const frame = el('div', 'omni-parquet'), bar = el('div', 'omni-parquet__toolbar'), search = el('input'), view = el('button'), copy = el('button', undefined, ctx.i18n.t('parquet.copyJson')), save = el('button', undefined, ctx.i18n.t('parquet.exportJson')), info = el('span', 'omni-parquet__info');
+    frame.tabIndex = 0;
+    search.type = 'search';
+    search.placeholder = ctx.i18n.t('parquet.search');
+    bar.append(search, view, copy, save, info);
+    const warning = el('div', 'omni-parquet__warning'), warningText = el('span'), loadMore = el('button');
+    warning.append(warningText, loadMore);
+    const loadError = el('div', 'omni-parquet__error'), wrap = el('div', 'omni-parquet__wrap'), foot = el('div', 'omni-parquet__footer'), prev = el('button', undefined, ctx.i18n.t('common.prevPage')), next = el('button', undefined, ctx.i18n.t('common.nextPage')), page = el('span'), menu = el('div', 'omni-parquet__menu');
+    foot.append(prev, page, next);
+    frame.append(bar, warning, loadError, wrap, foot, menu);
+    root.append(frame);
+    const on = (target, type, fn) => { target.addEventListener(type, fn); off.push(() => target.removeEventListener(type, fn)); };
+    on(search, 'input', () => ctl.dispatch({ type: 'search', value: search.value }));
+    on(view, 'click', () => ctl.dispatch({ type: 'view', mode: ctl.state.viewMode === 'table' ? 'raw' : 'table' }));
+    on(prev, 'click', () => ctl.dispatch({ type: 'page', page: ctl.state.page - 1 }));
+    on(next, 'click', () => ctl.dispatch({ type: 'page', page: ctl.state.page + 1 }));
+    on(loadMore, 'click', () => void loadNext());
+    on(frame, 'keydown', (event) => { const e = event; if (!(e.ctrlKey || e.metaKey))
+        return; if (e.key.toLowerCase() === 'f') {
+        e.preventDefault();
+        search.focus();
+    }
+    else if (e.key.toLowerCase() === 'c' && ctx.clipboard) {
+        e.preventDefault();
+        void copyTable();
+    }
+    else if (e.key.toLowerCase() === 'j' && ctx.save) {
+        e.preventDefault();
+        void exportJson();
+    } });
+    on(document, 'mousemove', (event) => { if (!resize)
+        return; applyColumnWidth(resize.column, resize.startWidth + event.clientX - resize.startX); });
+    on(document, 'mouseup', () => { resize = null; });
+    on(document, 'click', () => hideMenu());
+    on(wrap, 'scroll', () => hideMenu());
+    if (ctx.clipboard)
+        on(copy, 'click', () => void ctx.clipboard.writeText(ctl.toJson()));
+    else {
+        copy.disabled = true;
+        copy.title = ctx.i18n.t('common.noClipboard');
+    }
+    if (ctx.save)
+        on(save, 'click', () => void exportJson());
+    else {
+        save.disabled = true;
+        save.title = ctx.i18n.t('common.noFileSave');
+    }
+    async function exportJson() { if (ctx.save)
+        await ctx.save.saveFile(input.fileName.replace(/\.parquet$/i, '') + '-export.json', new TextEncoder().encode(ctl.toJson()), 'application/json'); }
+    async function copyText(text) { if (ctx.clipboard)
+        await ctx.clipboard.writeText(text); }
+    async function copyTable() { const header = doc.headers.join('\t'), rows = ctl.filteredRows().map(row => row.map(formatCell).join('\t')).join('\n'); await copyText(`${header}\n${rows}`); }
+    function copyColumn(index) { return copyText(ctl.filteredRows().map(row => formatCell(row[index] ?? null)).join('\n')); }
+    function rowJson(row) { return JSON.stringify(Object.fromEntries(doc.headers.map((header, index) => [header || `col${index}`, row[index] ?? null])), null, 2); }
+    function showMenu(event, items) { event.preventDefault(); event.stopPropagation(); menu.replaceChildren(); items.forEach(item => { const button = el('button', undefined, item.label); button.disabled = !ctx.clipboard && item.label !== ctx.i18n.t('parquet.autoFit'); button.onclick = () => { item.action(); hideMenu(); }; menu.append(button); }); menu.style.left = `${event.clientX}px`; menu.style.top = `${event.clientY}px`; menu.style.display = 'flex'; }
+    function hideMenu() { menu.style.display = 'none'; }
+    function estimateColumnWidth(header, index) { const sample = Math.max(0, ...doc.rows.slice(0, 50).map(row => formatCell(row[index] ?? null).length * 7 + 24)); return Math.min(360, Math.max(120, header.length * 8 + 68, sample)); }
+    function applyColumnWidth(index, width) { columnWidths[index] = Math.max(48, Math.min(800, width)); const col = wrap.querySelectorAll('col')[index]; if (col)
+        col.style.width = `${columnWidths[index]}px`; const table = wrap.querySelector('table'); if (table)
+        table.style.width = `${columnWidths.reduce((sum, value) => sum + value, 0)}px`; }
+    function autoFit(index) { applyColumnWidth(index, estimateColumnWidth(doc.headers[index] ?? '', index)); }
+    async function loadNext() { if (loadingMore || disposed || !doc.isLimited)
+        return; loadingMore = true; loadError.textContent = ''; renderStatus(); try {
+        const chunk = await parseParquet(input.data, { ...parseOptions, rowStart: doc.loadedRows });
+        if (!disposed)
+            ctl.appendRows(chunk.rows);
+    }
+    catch (error) {
+        if (!disposed && !options.signal?.aborted)
+            loadError.textContent = ctx.i18n.t('parquet.loadFailed', { message: error instanceof Error ? error.message : String(error) });
+    }
+    finally {
+        loadingMore = false;
+        if (!disposed)
+            renderStatus();
+    } }
+    function renderStatus() { warning.style.display = doc.isLimited ? 'flex' : 'none'; warningText.textContent = ctx.i18n.t('parquet.limited', { loaded: doc.loadedRows, total: doc.totalRows }); loadMore.disabled = loadingMore; loadMore.textContent = ctx.i18n.t(loadingMore ? 'parquet.loading' : 'parquet.loadMore', { count: PARQUET_PREVIEW_ROWS }); }
+    function render() { wrap.replaceChildren(); renderStatus(); info.textContent = `${ctl.state.matchedRows.toLocaleString()} / ${doc.loadedRows.toLocaleString()} ${ctx.i18n.t('parquet.rows')} · ${doc.headers.length} ${ctx.i18n.t('parquet.columns')}`; view.textContent = ctx.i18n.t(ctl.state.viewMode === 'table' ? 'parquet.raw' : 'parquet.table'); page.textContent = ctx.i18n.t('common.page', { page: ctl.state.page + 1, pages: ctl.state.pageCount }); prev.disabled = ctl.state.page === 0; next.disabled = ctl.state.page + 1 >= ctl.state.pageCount; if (ctl.state.viewMode === 'raw') {
+        wrap.append(el('pre', undefined, ctl.toJson()));
+        return;
+    } const table = el('table'), cols = el('colgroup'), head = el('thead'), hr = el('tr'); columnWidths.forEach(width => { const col = el('col'); col.style.width = `${width}px`; cols.append(col); }); table.style.width = `${columnWidths.reduce((sum, value) => sum + value, 0)}px`; doc.headers.forEach((h, i) => { const th = el('th'), label = el('span', undefined, h), handle = el('span', 'omni-parquet__resizer'); th.title = h; handle.title = ctx.i18n.t('parquet.resize'); handle.setAttribute('role', 'separator'); handle.tabIndex = 0; handle.onclick = (event) => event.stopPropagation(); handle.onmousedown = (event) => { event.preventDefault(); event.stopPropagation(); resize = { column: i, startX: event.clientX, startWidth: columnWidths[i] ?? 120 }; }; handle.ondblclick = (event) => { event.preventDefault(); event.stopPropagation(); autoFit(i); }; handle.onkeydown = (event) => { if (event.key === 'Enter') {
+        event.preventDefault();
+        event.stopPropagation();
+        autoFit(i);
+    }
+    else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
+        event.preventDefault();
+        event.stopPropagation();
+        applyColumnWidth(i, (columnWidths[i] ?? 120) + (event.key === 'ArrowRight' ? 10 : -10));
+    } }; th.onclick = () => ctl.dispatch({ type: 'sort', column: i }); th.oncontextmenu = (event) => showMenu(event, [{ label: ctx.i18n.t('parquet.copyColumn'), action: () => void copyColumn(i) }, { label: ctx.i18n.t('parquet.autoFit'), action: () => autoFit(i) }]); th.append(label, handle); hr.append(th); }); head.append(hr); const body = el('tbody'); ctl.visibleRows().forEach(row => { const tr = el('tr'); row.forEach((cell, index) => { const value = formatCell(cell), td = el('td', undefined, value); td.title = value; if (cell == null)
+        td.style.fontStyle = 'italic'; td.ondblclick = () => void copyText(value); td.oncontextmenu = (event) => showMenu(event, [{ label: ctx.i18n.t('parquet.copyCell'), action: () => void copyText(value) }, { label: ctx.i18n.t('parquet.copyRow'), action: () => void copyText(rowJson(row)) }, { label: ctx.i18n.t('parquet.copyColumn'), action: () => void copyColumn(index) }]); tr.append(td); }); body.append(tr); }); table.append(cols, head, body); wrap.append(table); }
+    const unsubscribe = ctl.subscribe(render);
+    render();
+    return { dispose() { disposed = true; unsubscribe(); off.splice(0).forEach(fn => fn()); frame.remove(); } };
+}
+function el(tag, className, text) { const node = document.createElement(tag); if (className)
+    node.className = className; if (text !== undefined)
+    node.textContent = text; return node; }
+function formatCell(cell) { return typeof cell === 'object' && cell !== null ? JSON.stringify(cell) : String(cell ?? ''); }

package/dist/viewers/parquet/styles.d.ts

@@ -0,0 +1 @@
+export declare const parquetViewerCss = "\n.omni-parquet{font:13px system-ui;color:var(--omni-fg,#222);height:100%;display:flex;flex-direction:column;position:relative}.omni-parquet__toolbar,.omni-parquet__footer{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#ddd)}.omni-parquet__toolbar input{min-width:180px;padding:5px}.omni-parquet__info{margin-left:auto;color:var(--omni-muted,#666)}.omni-parquet__warning{padding:8px;background:var(--omni-warning-bg,#fff4ce);gap:12px;align-items:center}.omni-parquet__error{color:var(--omni-error,#b42318);padding:0 8px}.omni-parquet__error:empty{display:none}.omni-parquet__wrap{overflow:auto;flex:1}.omni-parquet table{border-collapse:collapse;table-layout:fixed}.omni-parquet th,.omni-parquet td{border:1px solid var(--omni-border,#ddd);padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-parquet th{position:sticky;top:0;background:var(--omni-header-bg,#f5f5f5);text-align:left;cursor:pointer}.omni-parquet th{position:sticky}.omni-parquet__resizer{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:2}.omni-parquet__resizer:focus{outline:2px solid var(--omni-focus,#2684ff)}.omni-parquet__menu{display:none;position:fixed;z-index:1000;flex-direction:column;min-width:160px;padding:4px;background:var(--omni-menu-bg,#fff);border:1px solid var(--omni-border,#ccc);box-shadow:0 4px 16px #0003}.omni-parquet__menu button{text-align:left;border:0;background:transparent;padding:6px 10px}.omni-parquet__menu button:hover{background:var(--omni-hover,#eee)}.omni-parquet pre{margin:0;padding:12px;white-space:pre-wrap}.omni-parquet button:disabled{opacity:.5}\n";

package/dist/viewers/parquet/styles.js

@@ -0,0 +1,3 @@
+export const parquetViewerCss = `
+.omni-parquet{font:13px system-ui;color:var(--omni-fg,#222);height:100%;display:flex;flex-direction:column;position:relative}.omni-parquet__toolbar,.omni-parquet__footer{display:flex;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--omni-border,#ddd)}.omni-parquet__toolbar input{min-width:180px;padding:5px}.omni-parquet__info{margin-left:auto;color:var(--omni-muted,#666)}.omni-parquet__warning{padding:8px;background:var(--omni-warning-bg,#fff4ce);gap:12px;align-items:center}.omni-parquet__error{color:var(--omni-error,#b42318);padding:0 8px}.omni-parquet__error:empty{display:none}.omni-parquet__wrap{overflow:auto;flex:1}.omni-parquet table{border-collapse:collapse;table-layout:fixed}.omni-parquet th,.omni-parquet td{border:1px solid var(--omni-border,#ddd);padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-parquet th{position:sticky;top:0;background:var(--omni-header-bg,#f5f5f5);text-align:left;cursor:pointer}.omni-parquet th{position:sticky}.omni-parquet__resizer{position:absolute;right:-3px;top:0;width:7px;height:100%;cursor:col-resize;z-index:2}.omni-parquet__resizer:focus{outline:2px solid var(--omni-focus,#2684ff)}.omni-parquet__menu{display:none;position:fixed;z-index:1000;flex-direction:column;min-width:160px;padding:4px;background:var(--omni-menu-bg,#fff);border:1px solid var(--omni-border,#ccc);box-shadow:0 4px 16px #0003}.omni-parquet__menu button{text-align:left;border:0;background:transparent;padding:6px 10px}.omni-parquet__menu button:hover{background:var(--omni-hover,#eee)}.omni-parquet pre{margin:0;padding:12px;white-space:pre-wrap}.omni-parquet button:disabled{opacity:.5}
+`;

package/dist/viewers/pcap/index.d.ts

@@ -0,0 +1,15 @@
+import type { AutomotiveViewerContext } from '../automotive/index.js';
+import type { MountOptions, ViewerHandle, ViewerInput } from '../types.js';
+export { parsePcap } from '../../parsers/pcap/index.js';
+export { automotiveViewerCss as pcapViewerCss } from '../automotive/styles.js';
+export type PcapViewerContext = AutomotiveViewerContext;
+export declare const PCAP_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly ["clipboard"];
+    inputOwnership: "borrows";
+};
+export declare const mountPcapViewer: (input: ViewerInput, container: HTMLElement, ctx: PcapViewerContext, options?: MountOptions) => Promise<ViewerHandle>;

package/dist/viewers/pcap/index.js

@@ -0,0 +1,5 @@
+import { mountAutomotiveViewer } from '../automotive/index.js';
+export { parsePcap } from '../../parsers/pcap/index.js';
+export { automotiveViewerCss as pcapViewerCss } from '../automotive/styles.js';
+export const PCAP_VIEWER_META = { id: 'pcap', displayNameKey: 'pcap.title', extensions: ['pcap'], priority: 20, requiredServices: [], optionalServices: ['clipboard'], inputOwnership: 'borrows' };
+export const mountPcapViewer = (input, container, ctx, options = {}) => mountAutomotiveViewer('pcap', input, container, ctx, options);

package/dist/viewers/pcapng/index.d.ts

@@ -0,0 +1,15 @@
+import type { AutomotiveViewerContext } from '../automotive/index.js';
+import type { MountOptions, ViewerHandle, ViewerInput } from '../types.js';
+export { parsePcapng } from '../../parsers/pcapng/index.js';
+export { automotiveViewerCss as pcapngViewerCss } from '../automotive/styles.js';
+export type PcapngViewerContext = AutomotiveViewerContext;
+export declare const PCAPNG_VIEWER_META: {
+    id: string;
+    displayNameKey: string;
+    extensions: string[];
+    priority: number;
+    requiredServices: readonly [];
+    optionalServices: readonly ["clipboard"];
+    inputOwnership: "borrows";
+};
+export declare const mountPcapngViewer: (input: ViewerInput, container: HTMLElement, ctx: PcapngViewerContext, options?: MountOptions) => Promise<ViewerHandle>;

package/dist/viewers/pcapng/index.js

@@ -0,0 +1,5 @@
+import { mountAutomotiveViewer } from '../automotive/index.js';
+export { parsePcapng } from '../../parsers/pcapng/index.js';
+export { automotiveViewerCss as pcapngViewerCss } from '../automotive/styles.js';
+export const PCAPNG_VIEWER_META = { id: 'pcapng', displayNameKey: 'pcapng.title', extensions: ['pcapng'], priority: 20, requiredServices: [], optionalServices: ['clipboard'], inputOwnership: 'borrows' };
+export const mountPcapngViewer = (input, container, ctx, options = {}) => mountAutomotiveViewer('pcapng', input, container, ctx, options);