omni-viewer-core 0.1.0

package/dist/viewers/automotive/index.js

@@ -0,0 +1,152 @@
+import { parseAutomotive } from '../../parsers/automotive/index.js';
+import { MountAbortedError, VIEWER_ROOT_CLASS } from '../types.js';
+import { automotiveViewerCss } from './styles.js';
+export { automotiveViewerCss } from './styles.js';
+export async function mountAutomotiveViewer(format, input, container, ctx, options = {}) {
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const model = parseAutomotive(format, input.data);
+    if (options.signal?.aborted)
+        throw new MountAbortedError();
+    const disposers = [];
+    let root = container;
+    if ((options.styleIsolation ?? 'shadow') === 'shadow' && container.attachShadow) {
+        root = container.shadowRoot ?? container.attachShadow({ mode: 'open' });
+        const style = element('style');
+        style.textContent = automotiveViewerCss;
+        root.append(style);
+    }
+    else {
+        container.classList.add(VIEWER_ROOT_CLASS, 'omni-viewer--automotive');
+    }
+    const frame = element('div', 'omni-auto');
+    const header = element('header', 'omni-auto__header');
+    const heading = element('div');
+    heading.append(element('div', 'omni-auto__eyebrow', model.format), element('strong', 'omni-auto__title', input.fileName));
+    const subtitle = element('div', 'omni-auto__subtitle', `${model.title} · ${formatBytes(model.fileSizeBytes)}`);
+    heading.append(subtitle);
+    header.append(heading);
+    const summary = element('section', 'omni-auto__summary');
+    model.summary.forEach(item => {
+        const card = element('div', 'omni-auto__summary-item');
+        const value = element('div', 'omni-auto__summary-value', String(item.value));
+        value.title = String(item.value);
+        card.append(value, element('div', 'omni-auto__summary-label', item.label));
+        summary.append(card);
+    });
+    const toolbar = element('div', 'omni-auto__toolbar');
+    const search = element('input');
+    search.type = 'search';
+    search.placeholder = ctx.i18n.t('automotive.search');
+    search.setAttribute('aria-label', ctx.i18n.t('automotive.search'));
+    const tabs = element('div', 'omni-auto__tabs');
+    const copy = element('button', undefined, ctx.i18n.t('automotive.copyJson'));
+    copy.type = 'button';
+    if (!ctx.clipboard) {
+        copy.disabled = true;
+        copy.title = ctx.i18n.t('common.noClipboard');
+    }
+    toolbar.append(search, tabs, copy);
+    const warnings = element('section', 'omni-auto__warnings');
+    warnings.hidden = model.warnings.length === 0;
+    model.warnings.forEach(warning => warnings.append(element('div', undefined, warning)));
+    const content = element('main', 'omni-auto__content');
+    frame.append(header, summary, toolbar, warnings, content);
+    root.append(frame);
+    let active = 0;
+    let raw = false;
+    const on = (target, type, listener) => {
+        target.addEventListener(type, listener);
+        disposers.push(() => target.removeEventListener(type, listener));
+    };
+    const activate = (index, showRaw) => { active = index; raw = showRaw; renderTabs(); render(); };
+    const renderTabs = () => {
+        tabs.replaceChildren();
+        model.tables.forEach((table, index) => {
+            const button = element('button', undefined, table.title);
+            button.type = 'button';
+            button.setAttribute('aria-pressed', String(!raw && active === index));
+            button.onclick = () => activate(index, false);
+            tabs.append(button);
+        });
+        if (model.rawPreview !== undefined) {
+            const button = element('button', undefined, ctx.i18n.t('automotive.rawPreview'));
+            button.type = 'button';
+            button.setAttribute('aria-pressed', String(raw));
+            button.onclick = () => activate(active, true);
+            tabs.append(button);
+        }
+    };
+    const render = () => {
+        content.replaceChildren();
+        if (raw) {
+            content.append(element('pre', 'omni-auto__raw', model.rawPreview ?? ''));
+            return;
+        }
+        const table = model.tables[active];
+        if (!table) {
+            content.append(element('div', 'omni-auto__empty', ctx.i18n.t('automotive.noData')));
+            return;
+        }
+        renderTable(content, table, search.value.trim().toLowerCase(), ctx.i18n.t.bind(ctx.i18n));
+    };
+    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', `automotive copy failed: ${String(error)}`));
+    });
+    renderTabs();
+    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--automotive');
+        }
+    };
+}
+function renderTable(container, table, query, t) {
+    const rows = query ? table.rows.filter(row => row.some(cell => String(cell).toLowerCase().includes(query))) : table.rows;
+    const shown = rows.slice(0, 1000);
+    const header = element('div', 'omni-auto__panel-header');
+    header.append(element('h2', 'omni-auto__panel-title', table.title), element('span', 'omni-auto__caption', t('automotive.rowsShown', { shown: shown.length, total: rows.length })));
+    const wrap = element('div', 'omni-auto__table-wrap');
+    const tableElement = element('table');
+    const head = element('thead');
+    const headRow = element('tr');
+    table.headers.forEach(value => headRow.append(element('th', undefined, value)));
+    head.append(headRow);
+    const body = element('tbody');
+    shown.forEach(row => {
+        const tr = element('tr');
+        row.forEach(value => { const td = element('td', undefined, String(value)); td.title = String(value); tr.append(td); });
+        body.append(tr);
+    });
+    tableElement.append(head, body);
+    wrap.append(tableElement);
+    container.append(header, wrap);
+}
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    const units = ['KB', 'MB', 'GB', 'TB'];
+    let value = bytes / 1024;
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) {
+        value /= 1024;
+        unit++;
+    }
+    return `${value.toFixed(value >= 10 ? 1 : 2)} ${units[unit]}`;
+}
+function element(tag, className, text) {
+    const node = document.createElement(tag);
+    if (className)
+        node.className = className;
+    if (text !== undefined)
+        node.textContent = text;
+    return node;
+}

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

@@ -0,0 +1 @@
+export declare const automotiveViewerCss = ":host,.omni-viewer--automotive{display:block;height:100%;color:var(--omni-fg,#ddd);background:var(--omni-bg,#1e1e1e);font:13px var(--omni-font,system-ui)}.omni-auto{height:100%;display:flex;flex-direction:column;min-width:0}.omni-auto__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto__eyebrow,.omni-auto__subtitle,.omni-auto__caption{color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__title{display:block;margin:2px 0 4px;font-size:20px}.omni-auto__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-bottom:1px solid var(--omni-border,#444);background:var(--omni-border,#444);gap:1px}.omni-auto__summary-item{padding:11px 14px;background:var(--omni-bg,#1e1e1e);min-width:0}.omni-auto__summary-value{font-size:18px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-auto__summary-label{margin-top:4px;color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto input,.omni-auto button{box-sizing:border-box;border:1px solid var(--omni-border,#555);border-radius:4px;background:var(--omni-button-bg,#333);color:inherit;font:inherit;padding:6px 9px}.omni-auto input{width:min(300px,35vw);min-width:170px;background:var(--omni-input-bg,#171717)}.omni-auto button{cursor:pointer}.omni-auto button[aria-pressed=true]{background:var(--omni-accent,#0e639c);color:var(--omni-accent-fg,#fff)}.omni-auto button:disabled{opacity:.5;cursor:default}.omni-auto__tabs{display:flex;flex:1;flex-wrap:wrap;gap:4px}.omni-auto__warnings{padding:9px 13px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-warning-bg,#4d3b12);color:var(--omni-warning-fg,#f5d88a)}.omni-auto__content{flex:1;min-height:0;overflow:auto}.omni-auto__panel-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-bg,#1e1e1e)}.omni-auto__panel-title{margin:0;font-size:15px}.omni-auto__table-wrap{overflow:auto}.omni-auto table{width:100%;border-collapse:collapse}.omni-auto th,.omni-auto td{padding:7px 9px;border-bottom:1px solid var(--omni-border,#444);text-align:left;vertical-align:top;white-space:nowrap}.omni-auto th{position:sticky;top:42px;background:var(--omni-panel-bg,#252526)}.omni-auto td{max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-auto tr:hover td{background:var(--omni-hover-bg,#2a2d2e)}.omni-auto__raw{box-sizing:border-box;margin:0;padding:14px;white-space:pre-wrap;font:12px/1.5 var(--omni-font-mono,ui-monospace,monospace)}.omni-auto__empty{padding:24px;color:var(--omni-fg-muted,#999)}@media(max-width:720px){.omni-auto__header,.omni-auto__toolbar{align-items:stretch;flex-direction:column}.omni-auto input{width:100%}}";

package/dist/viewers/automotive/styles.js

@@ -0,0 +1 @@
+export const automotiveViewerCss = `:host,.omni-viewer--automotive{display:block;height:100%;color:var(--omni-fg,#ddd);background:var(--omni-bg,#1e1e1e);font:13px var(--omni-font,system-ui)}.omni-auto{height:100%;display:flex;flex-direction:column;min-width:0}.omni-auto__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto__eyebrow,.omni-auto__subtitle,.omni-auto__caption{color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__title{display:block;margin:2px 0 4px;font-size:20px}.omni-auto__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-bottom:1px solid var(--omni-border,#444);background:var(--omni-border,#444);gap:1px}.omni-auto__summary-item{padding:11px 14px;background:var(--omni-bg,#1e1e1e);min-width:0}.omni-auto__summary-value{font-size:18px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.omni-auto__summary-label{margin-top:4px;color:var(--omni-fg-muted,#999);font-size:12px}.omni-auto__toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-panel-bg,#252526)}.omni-auto input,.omni-auto button{box-sizing:border-box;border:1px solid var(--omni-border,#555);border-radius:4px;background:var(--omni-button-bg,#333);color:inherit;font:inherit;padding:6px 9px}.omni-auto input{width:min(300px,35vw);min-width:170px;background:var(--omni-input-bg,#171717)}.omni-auto button{cursor:pointer}.omni-auto button[aria-pressed=true]{background:var(--omni-accent,#0e639c);color:var(--omni-accent-fg,#fff)}.omni-auto button:disabled{opacity:.5;cursor:default}.omni-auto__tabs{display:flex;flex:1;flex-wrap:wrap;gap:4px}.omni-auto__warnings{padding:9px 13px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-warning-bg,#4d3b12);color:var(--omni-warning-fg,#f5d88a)}.omni-auto__content{flex:1;min-height:0;overflow:auto}.omni-auto__panel-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--omni-border,#444);background:var(--omni-bg,#1e1e1e)}.omni-auto__panel-title{margin:0;font-size:15px}.omni-auto__table-wrap{overflow:auto}.omni-auto table{width:100%;border-collapse:collapse}.omni-auto th,.omni-auto td{padding:7px 9px;border-bottom:1px solid var(--omni-border,#444);text-align:left;vertical-align:top;white-space:nowrap}.omni-auto th{position:sticky;top:42px;background:var(--omni-panel-bg,#252526)}.omni-auto td{max-width:520px;overflow:hidden;text-overflow:ellipsis}.omni-auto tr:hover td{background:var(--omni-hover-bg,#2a2d2e)}.omni-auto__raw{box-sizing:border-box;margin:0;padding:14px;white-space:pre-wrap;font:12px/1.5 var(--omni-font-mono,ui-monospace,monospace)}.omni-auto__empty{padding:24px;color:var(--omni-fg-muted,#999)}@media(max-width:720px){.omni-auto__header,.omni-auto__toolbar{align-items:stretch;flex-direction:column}.omni-auto input{width:100%}}`;

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

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

package/dist/viewers/avro/index.js

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

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

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

package/dist/viewers/bag/index.js

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

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

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

package/dist/viewers/blf/index.js

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

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

@@ -0,0 +1,126 @@
+import type { Diagnostic, ParseFailure } from '../../parsers/types.js';
+import { type ColumnStats, type ColumnType, type CsvDelimiter, type CsvParseOptions, type SortState } from '../../parsers/csv/index.js';
+export declare const DEFAULT_PAGE_SIZE = 500;
+export declare const UNDO_STACK_LIMIT = 200;
+export type RowId = number;
+/** Avoid a full-table scan for each very broad single-character query. */
+export declare const CSV_MIN_SEARCH_LENGTH = 2;
+export interface CsvViewState {
+    /** Parse status of the current document ('failed' keeps the last good doc absent). */
+    status: 'ok' | 'partial' | 'failed';
+    /** Failure detail when status is 'failed' — the renderer must surface it. */
+    failure: ParseFailure | null;
+    diagnostics: Diagnostic[];
+    headers: string[];
+    columnCount: number;
+    rowCount: number;
+    delimiter: CsvDelimiter;
+    detectionSource: 'auto' | 'extension' | 'override';
+    sort: SortState;
+    sortedColumnType: ColumnType | null;
+    /** Entered search text; queries shorter than CSV_MIN_SEARCH_LENGTH are inactive. */
+    search: string;
+    /** Rows matching the active search (== rowCount when search is inactive). */
+    matchedRowCount: number;
+    showRowNumbers: boolean;
+    /** Unsaved edits exist (undo back to the save point clears this). */
+    dirty: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    page: number;
+    pageCount: number;
+    pageSize: number;
+    viewMode: 'table' | 'raw';
+    statsVisible: boolean;
+    /** RowIds visible on the current page, in display order
+     *  (sorted, then search-filtered, then paged). */
+    visibleRowIds: RowId[];
+}
+export type CsvAction = {
+    type: 'sort-column';
+    columnIndex: number;
+} | {
+    type: 'set-delimiter';
+    delimiter: CsvDelimiter | 'auto';
+} | {
+    type: 'set-search';
+    search: string;
+} | {
+    type: 'set-page';
+    page: number;
+} | {
+    type: 'next-page';
+} | {
+    type: 'prev-page';
+} | {
+    type: 'set-page-size';
+    pageSize: number;
+} | {
+    type: 'toggle-row-numbers';
+} | {
+    type: 'set-view-mode';
+    mode: 'table' | 'raw';
+} | {
+    type: 'toggle-stats';
+} | {
+    type: 'edit-cell';
+    rowId: RowId;
+    columnIndex: number;
+    value: string;
+} | {
+    type: 'edit-header';
+    columnIndex: number;
+    value: string;
+} | {
+    type: 'insert-row';
+    afterRowId: RowId | 'end';
+} | {
+    type: 'delete-row';
+    rowId: RowId;
+} | {
+    type: 'insert-column';
+    columnIndex: number;
+} | {
+    type: 'delete-column';
+    columnIndex: number;
+} | {
+    type: 'replace-document';
+    text: string;
+} | {
+    type: 'undo';
+} | {
+    type: 'redo';
+};
+export interface CsvControllerOptions {
+    fileName?: string;
+    pageSize?: number;
+    limits?: CsvParseOptions['limits'];
+}
+export interface CsvController {
+    readonly state: CsvViewState;
+    dispatch(action: CsvAction): void;
+    subscribe(listener: (state: CsvViewState) => void): () => void;
+    /** Cells of a row by its immutable id (padded to columnCount by the parser). */
+    getRowById(rowId: RowId): readonly string[];
+    /** 1-based position of the row in the current document order. */
+    getRowNumber(rowId: RowId): number;
+    /** Column statistics for the current document (computed lazily, cached). */
+    getStatistics(): ColumnStats[];
+    /** Display result (sorted + filtered) as TSV, headers included. */
+    toTsv(): string;
+    /** Display result as the csv-export@1 JSON envelope. */
+    toJson(): string;
+    /** Display result as normalized CSV with the active delimiter (file export). */
+    toCsv(): string;
+    /** Whole document in original order as normalized CSV (save/writeback —
+     *  ignores search and sort so hidden rows are never dropped). */
+    toDocumentCsv(): string;
+    /** Mark the current edit depth as the saved point (clears dirty). */
+    markSaved(): void;
+    /** Decoded source text (raw view). */
+    readonly rawText: string;
+    /** Raw-view text: the verbatim source while the document is unedited,
+     *  the normalized document serialization once edits exist. */
+    toRawText(): string;
+}
+export declare function createCsvController(source: string | Uint8Array, options?: CsvControllerOptions): CsvController;