omni-viewer-core 0.1.0

package/dist/viewers/json/styles.js

@@ -0,0 +1,346 @@
+// JSON viewer stylesheet. Single source for both delivery forms (DESIGN.md §6):
+// the build emits dist/styles/json.css from this constant, and the renderer
+// injects it into the shadow root. Only --omni-* tokens (with fallbacks).
+export const jsonViewerCss = `
+/* Reverse-contamination guard (DESIGN.md §6): neutralize host global element
+   styles in 'scoped' mode; harmless in shadow mode. Custom properties are
+   exempt from 'all', so --omni-* theme tokens still pierce. */
+.omni-viewer--json {
+    all: initial;
+}
+.omni-viewer--json :where(button, select, option, input, label, textarea,
+    pre, code, ul, li, span, div) {
+    all: revert;
+}
+
+:host, .omni-viewer--json {
+    display: block;
+    height: 100%;
+    box-sizing: border-box;
+    color: var(--omni-fg, #d4d4d4);
+    background: var(--omni-bg, #1e1e1e);
+    font-family: var(--omni-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
+    font-size: var(--omni-font-size, 13px);
+}
+.omni-json {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    box-sizing: border-box;
+}
+.omni-json__toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    align-items: center;
+    padding: 6px;
+    border-bottom: 1px solid var(--omni-border, #333);
+}
+.omni-json__toolbar button,
+.omni-json__toolbar select {
+    background: var(--omni-button-bg, #2d2d2d);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 3px 8px;
+    cursor: pointer;
+    font: inherit;
+}
+.omni-json__toolbar button[aria-pressed="true"] {
+    background: var(--omni-accent, #0e639c);
+    color: #fff;
+}
+.omni-json__toolbar button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+.omni-json__tool-group {
+    margin-left: auto;
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+.omni-json__save-actions {
+    display: inline-flex;
+    gap: 6px;
+}
+.omni-json__search {
+    background: var(--omni-input-bg, #3c3c3c);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 3px 6px;
+    font: inherit;
+}
+.omni-json__meta,
+.omni-json__matchinfo,
+.omni-json__status {
+    color: var(--omni-fg-muted, #999);
+    padding: 0 6px;
+    white-space: nowrap;
+}
+.omni-json__status {
+    padding: 4px 8px;
+    border-bottom: 1px solid var(--omni-border, #333);
+}
+.omni-json__diagnostics {
+    padding: 4px 8px;
+    border-bottom: 1px solid var(--omni-border, #333);
+}
+.omni-json__diag-error {
+    color: var(--omni-error, #f48771);
+}
+.omni-json__body {
+    flex: 1 1 auto;
+    overflow: hidden;
+    padding: 12px;
+    min-height: 0;
+}
+.omni-json__source-workspace {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+    gap: 12px;
+    height: 100%;
+    min-height: 360px;
+}
+.omni-json__pane {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    overflow: hidden;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 10px;
+    background: var(--omni-input-bg, #1e1e1e);
+}
+.omni-json__pane-header {
+    display: flex;
+    justify-content: space-between;
+    gap: 12px;
+    align-items: center;
+    padding: 12px 14px;
+    border-bottom: 1px solid var(--omni-border, #333);
+    font-family: var(--omni-font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
+    font-size: 1.05em;
+}
+.omni-json__pane-header span {
+    color: var(--omni-fg-muted, #999);
+    text-align: right;
+}
+.omni-json__pane-header button {
+    margin-left: auto;
+    background: var(--omni-button-bg, #2d2d2d);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 3px 8px;
+    cursor: pointer;
+    font: inherit;
+}
+.omni-json__pane-header button[aria-pressed="true"] {
+    background: var(--omni-accent, #0e639c);
+    color: #fff;
+}
+.omni-json__editor-surface,
+.omni-json__preview-content {
+    position: relative;
+    flex: 1 1 auto;
+    min-height: 0;
+}
+.omni-json__editor-surface {
+    overflow: hidden;
+}
+.omni-json__preview-content {
+    overflow: auto;
+}
+.omni-json__source {
+    margin: 0;
+    white-space: pre;
+    font-family: var(--omni-font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
+    overflow: auto;
+    padding: 28px;
+    flex: 1 1 auto;
+}
+.omni-json__editor {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    resize: none;
+    background: transparent;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+    caret-color: var(--omni-fg, #d4d4d4);
+    border: none;
+    outline: none;
+    padding: 28px;
+    font-family: var(--omni-font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
+    font-size: inherit;
+    line-height: 1.5;
+}
+.omni-json__editor-highlight {
+    position: absolute;
+    inset: 0;
+    box-sizing: border-box;
+    min-width: 100%;
+    margin: 0;
+    padding: 28px;
+    white-space: pre;
+    overflow: hidden;
+    pointer-events: none;
+    font-family: var(--omni-font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
+    font-size: inherit;
+    line-height: 1.5;
+}
+.omni-json__tree,
+.omni-json__tree ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    font-family: var(--omni-font-mono, ui-monospace, "SF Mono", Menlo, Consolas, monospace);
+}
+.omni-json__tree ul {
+    padding-left: 16px;
+}
+.omni-json__row {
+    display: flex;
+    align-items: baseline;
+    gap: 6px;
+    padding: 1px 0;
+}
+.omni-json__row.is-matched {
+    background: var(--omni-match-bg, rgba(255, 214, 0, 0.25));
+}
+.omni-json__row.is-current {
+    outline: 1px solid var(--omni-accent, #0e639c);
+}
+.omni-json__toggle {
+    cursor: pointer;
+    width: 1.2em;
+    box-sizing: border-box;
+    user-select: none;
+    color: var(--omni-fg-muted, #999);
+    background: none;
+    border: none;
+    padding: 0;
+    font: inherit;
+    text-align: left;
+}
+.omni-json__toggle:focus-visible {
+    outline: 1px solid var(--omni-accent, #0e639c);
+}
+.omni-json__key { color: var(--omni-json-key, #9cdcfe); }
+.omni-json__type { color: var(--omni-fg-muted, #808080); font-size: 0.85em; }
+.omni-json__val-string { color: var(--omni-json-string, #ce9178); }
+.omni-json__val-number { color: var(--omni-json-number, #b5cea8); }
+.omni-json__val-boolean { color: var(--omni-json-boolean, #569cd6); }
+.omni-json__val-null { color: var(--omni-json-null, #569cd6); }
+/* Kept in layout (not display:none) so the copy buttons stay in the tab order
+   for keyboard users; revealed on hover or when a child is focused (P2b). */
+.omni-json__node-actions {
+    display: inline-flex;
+    gap: 2px;
+    opacity: 0;
+}
+.omni-json__row:hover .omni-json__node-actions,
+.omni-json__row:focus-within .omni-json__node-actions {
+    opacity: 1;
+}
+.omni-json__result {
+    border-top: 1px solid var(--omni-border, #333);
+    padding: 10px 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    min-height: 220px;
+    max-height: 40%;
+    overflow: hidden;
+}
+.omni-json__result-output {
+    width: 100%;
+    min-height: 120px;
+    box-sizing: border-box;
+    background: var(--omni-input-bg, #1e1e1e);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    font-family: var(--omni-font-mono, ui-monospace, Menlo, monospace);
+    font-size: inherit;
+}
+.omni-json__result-markup {
+    width: 100%;
+    min-height: 120px;
+    box-sizing: border-box;
+    margin: 0;
+    padding: 8px;
+    overflow: auto;
+    background: var(--omni-input-bg, #1e1e1e);
+    border: 1px solid var(--omni-border, #333);
+    font-family: var(--omni-font-mono, ui-monospace, Menlo, monospace);
+    font-size: inherit;
+    white-space: pre-wrap;
+}
+.omni-json__result-tag { color: #569cd6; }
+.omni-json__result-key { color: #9cdcfe; }
+.omni-json__result-value { color: #ce9178; }
+.omni-json__result-table-wrap {
+    flex: 1 1 auto;
+    min-height: 160px;
+    overflow: auto;
+    border: 1px solid var(--omni-border, #333);
+}
+.omni-json__result-table {
+    border-collapse: collapse;
+    width: max-content;
+    min-width: 100%;
+    font-family: var(--omni-font-mono, ui-monospace, Menlo, monospace);
+}
+.omni-json__result-table th,
+.omni-json__result-table td {
+    padding: 6px 10px;
+    border-right: 1px solid var(--omni-border, #333);
+    border-bottom: 1px solid var(--omni-border, #333);
+    text-align: left;
+    white-space: pre-wrap;
+    vertical-align: top;
+}
+.omni-json__result-table th {
+    position: sticky;
+    top: 0;
+    background: var(--omni-button-bg, #2d2d2d);
+}
+.omni-json__result-actions {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+}
+.omni-json__result-actions button {
+    background: var(--omni-button-bg, #2d2d2d);
+    color: inherit;
+    border: 1px solid var(--omni-border, #333);
+    border-radius: 3px;
+    padding: 3px 8px;
+    cursor: pointer;
+    font: inherit;
+}
+.jv-tok-key { color: var(--omni-json-key, #9cdcfe); }
+.jv-tok-string { color: var(--omni-json-string, #ce9178); }
+.jv-tok-number { color: var(--omni-json-number, #b5cea8); }
+.jv-tok-bool { color: var(--omni-json-boolean, #569cd6); }
+.jv-tok-null { color: var(--omni-json-null, #569cd6); }
+.jv-tok-unknown { color: var(--omni-error, #f48771); }
+.omni-json__search-hit {
+    color: inherit;
+    background: var(--omni-match-bg, rgba(255, 214, 0, 0.35));
+    border-radius: 2px;
+    padding: 0;
+}
+@media (max-width: 760px) {
+    .omni-json__source-workspace {
+        grid-template-columns: 1fr;
+        height: auto;
+    }
+    .omni-json__pane {
+        min-height: 320px;
+    }
+}
+`;

package/dist/viewers/json/transforms.d.ts

@@ -0,0 +1,27 @@
+import { type JsonNode } from '../../parsers/json/index.js';
+export type TransformResult = {
+    ok: true;
+    output: string;
+} | {
+    ok: false;
+    error: string;
+};
+/**
+ * Serialize a JsonNode tree. `pretty` uses 2-space indentation (JSON.stringify
+ * `null, 2` shape); `sortKeys` orders object keys by code unit — a deterministic
+ * compare, not vscode's locale-dependent localeCompare (ADR 41).
+ */
+export declare function serialize(node: JsonNode, pretty: boolean, sortKeys?: boolean): string;
+/** Project the fidelity model to a plain JS value (converters use this for
+ *  vscode parity — duplicate keys collapse last-wins, as JSON semantics). */
+export declare function toPlainValue(node: JsonNode): unknown;
+/** vscode escapeText: JSON-escape then strip the outer quotes. */
+export declare function escapeText(text: string): string;
+/** vscode unescapeText: unwrap matching quotes, then resolve escapes. */
+export declare function unescapeText(text: string): TransformResult;
+export declare function base64Encode(text: string): string;
+export declare function base64Decode(text: string): TransformResult;
+/** JSON→CSV. Requires an object or an array of objects (else error). */
+export declare function jsonToCsv(value: unknown): TransformResult;
+export declare function jsonToXml(value: unknown): TransformResult;
+export declare function jsonToYaml(value: unknown, depth?: number): TransformResult;

package/dist/viewers/json/transforms.js

@@ -0,0 +1,253 @@
+// Pure JSON toolbox transforms (docs/viewers/json.md 부록 B, vscode 기준).
+// DOM-free and deterministic. Serialization (pretty/minify/sort) runs on the
+// fidelity model (rawNumber / duplicate keys preserved, J1); converters and
+// escape/base64 follow the vscode rules (J15/J19). Input-caused failures
+// return an { error } marker instead of throwing (ADR 11).
+import { encodeJsonString } from '../../parsers/json/index.js';
+// ---------------------------------------------------------------------------
+// Serialization from the fidelity model (pretty / minify / sort-keys).
+// ---------------------------------------------------------------------------
+/**
+ * Serialize a JsonNode tree. `pretty` uses 2-space indentation (JSON.stringify
+ * `null, 2` shape); `sortKeys` orders object keys by code unit — a deterministic
+ * compare, not vscode's locale-dependent localeCompare (ADR 41).
+ */
+export function serialize(node, pretty, sortKeys = false) {
+    const nl = pretty ? '\n' : '';
+    const sp = pretty ? ' ' : '';
+    const pad = (d) => (pretty ? '  '.repeat(d) : '');
+    const walk = (n, depth) => {
+        switch (n.kind) {
+            case 'string':
+                return encodeJsonString(n.value);
+            case 'number':
+                return n.rawNumber ?? '0';
+            case 'boolean':
+                return n.value ? 'true' : 'false';
+            case 'null':
+                return 'null';
+            case 'array': {
+                const items = n.children ?? [];
+                if (items.length === 0)
+                    return '[]';
+                const inner = items
+                    .map((c) => pad(depth + 1) + walk(c, depth + 1))
+                    .join(',' + nl);
+                return '[' + nl + inner + nl + pad(depth) + ']';
+            }
+            case 'object': {
+                let entries = n.children ?? [];
+                if (sortKeys) {
+                    entries = [...entries].sort((a, b) => a.key < b.key ? -1 : a.key > b.key ? 1 : 0);
+                }
+                if (entries.length === 0)
+                    return '{}';
+                const inner = entries
+                    .map((c) => pad(depth + 1) +
+                    encodeJsonString(c.key) +
+                    ':' +
+                    sp +
+                    walk(c, depth + 1))
+                    .join(',' + nl);
+                return '{' + nl + inner + nl + pad(depth) + '}';
+            }
+        }
+    };
+    return walk(node, 0);
+}
+/** Project the fidelity model to a plain JS value (converters use this for
+ *  vscode parity — duplicate keys collapse last-wins, as JSON semantics). */
+export function toPlainValue(node) {
+    switch (node.kind) {
+        case 'object': {
+            const obj = {};
+            for (const child of node.children ?? [])
+                obj[child.key] = toPlainValue(child);
+            return obj;
+        }
+        case 'array':
+            return (node.children ?? []).map(toPlainValue);
+        case 'number':
+            return Number(node.rawNumber);
+        case 'string':
+        case 'boolean':
+        case 'null':
+            return node.value ?? null;
+    }
+}
+// ---------------------------------------------------------------------------
+// escape / unescape / base64 (부록 B-2, vscode). Operate on raw text.
+// ---------------------------------------------------------------------------
+/** vscode escapeText: JSON-escape then strip the outer quotes. */
+export function escapeText(text) {
+    return encodeJsonString(text).slice(1, -1);
+}
+/** vscode unescapeText: unwrap matching quotes, then resolve escapes. */
+export function unescapeText(text) {
+    const trimmed = text.trim();
+    let body = text;
+    if ((trimmed.startsWith('"') && trimmed.endsWith('"') && trimmed.length >= 2) ||
+        (trimmed.startsWith("'") && trimmed.endsWith("'") && trimmed.length >= 2)) {
+        body = trimmed.slice(1, -1);
+    }
+    let result = '';
+    for (let i = 0; i < body.length; i++) {
+        const ch = body[i];
+        if (ch !== '\\') {
+            result += ch;
+            continue;
+        }
+        const next = body[i + 1];
+        if (next === undefined)
+            return { ok: false, error: 'trailing' };
+        if (next === 'n')
+            result += '\n';
+        else if (next === 'r')
+            result += '\r';
+        else if (next === 't')
+            result += '\t';
+        else if (next === 'b')
+            result += '\b';
+        else if (next === 'f')
+            result += '\f';
+        else if (next === '\\')
+            result += '\\';
+        else if (next === '"')
+            result += '"';
+        else if (next === "'")
+            result += "'";
+        else if (next === 'u') {
+            const hex = body.slice(i + 2, i + 6);
+            if (!/^[0-9a-fA-F]{4}$/.test(hex))
+                return { ok: false, error: 'invalid-unicode' };
+            result += String.fromCharCode(parseInt(hex, 16));
+            i += 4;
+        }
+        else if (next === 'x') {
+            const hex = body.slice(i + 2, i + 4);
+            if (!/^[0-9a-fA-F]{2}$/.test(hex))
+                return { ok: false, error: 'invalid-hex' };
+            result += String.fromCharCode(parseInt(hex, 16));
+            i += 2;
+        }
+        else {
+            result += next;
+        }
+        i += 1;
+    }
+    return { ok: true, output: result };
+}
+export function base64Encode(text) {
+    const bytes = new TextEncoder().encode(text);
+    let binary = '';
+    bytes.forEach((byte) => {
+        binary += String.fromCharCode(byte);
+    });
+    return btoa(binary);
+}
+export function base64Decode(text) {
+    try {
+        const binary = atob(text.trim());
+        const bytes = Uint8Array.from(binary, (ch) => ch.charCodeAt(0));
+        return { ok: true, output: new TextDecoder().decode(bytes) };
+    }
+    catch {
+        return { ok: false, error: 'invalid-base64' };
+    }
+}
+// ---------------------------------------------------------------------------
+// Converters (부록 B-3/4/5, vscode). Operate on the plain-value projection.
+// ---------------------------------------------------------------------------
+/** JSON→CSV. Requires an object or an array of objects (else error). */
+export function jsonToCsv(value) {
+    const rows = Array.isArray(value) ? value : [value];
+    if (!rows.every((r) => r != null && typeof r === 'object' && !Array.isArray(r))) {
+        return { ok: false, error: 'csv-requires-objects' };
+    }
+    const headers = Array.from(new Set(rows.flatMap((r) => Object.keys(r))));
+    const cell = (v) => {
+        if (v === null || v === undefined)
+            return '';
+        const text = typeof v === 'object' ? JSON.stringify(v) : String(v);
+        return /[",\n]/.test(text) ? `"${text.replace(/"/g, '""')}"` : text;
+    };
+    // B-3 fix: the header row is quoted like data cells (vscode leaves it raw).
+    const lines = [
+        headers.map(cell).join(','),
+        ...rows.map((row) => headers.map((h) => cell(row[h])).join(','))
+    ];
+    return { ok: true, output: lines.join('\n') };
+}
+export function jsonToXml(value) {
+    return {
+        ok: true,
+        output: `<?xml version="1.0" encoding="UTF-8"?>\n${toXmlNode('root', value, 0)}`
+    };
+}
+function toXmlNode(key, value, depth) {
+    const indent = '  '.repeat(depth);
+    const tag = sanitizeXmlTag(key);
+    if (Array.isArray(value)) {
+        const items = value.map((item) => toXmlNode('item', item, depth + 1)).join('\n');
+        return `${indent}<${tag}>\n${items}\n${indent}</${tag}>`;
+    }
+    if (value && typeof value === 'object') {
+        const children = Object.entries(value)
+            .map(([k, v]) => toXmlNode(k, v, depth + 1))
+            .join('\n');
+        return `${indent}<${tag}>\n${children}\n${indent}</${tag}>`;
+    }
+    return `${indent}<${tag}>${escapeXml(String(value ?? ''))}</${tag}>`;
+}
+function sanitizeXmlTag(tag) {
+    const normalized = tag.replace(/[^a-zA-Z0-9_.-]/g, '_');
+    return /^[A-Za-z_]/.test(normalized) ? normalized : `node_${normalized}`;
+}
+function escapeXml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&apos;');
+}
+export function jsonToYaml(value, depth = 0) {
+    return { ok: true, output: yamlNode(value, depth) };
+}
+function yamlNode(value, depth) {
+    const indent = '  '.repeat(depth);
+    if (Array.isArray(value)) {
+        if (value.length === 0)
+            return `${indent}[]`;
+        return value
+            .map((item) => item && typeof item === 'object'
+            ? `${indent}- ${yamlNode(item, depth + 1).trimStart()}`
+            : `${indent}- ${yamlScalar(item)}`)
+            .join('\n');
+    }
+    if (value && typeof value === 'object') {
+        const entries = Object.entries(value);
+        if (entries.length === 0)
+            return `${indent}{}`;
+        return entries
+            .map(([key, item]) => item && typeof item === 'object'
+            ? `${indent}${key}:\n${yamlNode(item, depth + 1)}`
+            : `${indent}${key}: ${yamlScalar(item)}`)
+            .join('\n');
+    }
+    return `${indent}${yamlScalar(value)}`;
+}
+function yamlScalar(value) {
+    if (value === null || value === undefined)
+        return 'null';
+    if (typeof value === 'number' || typeof value === 'boolean')
+        return String(value);
+    const text = String(value);
+    if (text === '' ||
+        /[:{}[\],&*#?|\-<>=!%@`]/.test(text) ||
+        /^\s|\s$/.test(text) ||
+        text.includes('\n')) {
+        return encodeJsonString(text);
+    }
+    return text;
+}

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

@@ -0,0 +1,48 @@
+import { type JsonlEntry, type JsonlPagedInput } from '../../parsers/jsonl/index.js';
+import type { Diagnostic } from '../../parsers/types.js';
+export type JsonlAction = {
+    type: 'load-more';
+} | {
+    type: 'load-all';
+} | {
+    type: 'set-search';
+    search: string;
+} | {
+    type: 'select';
+    id: string;
+    additive?: boolean;
+    range?: boolean;
+} | {
+    type: 'edit';
+    id: string;
+    raw: string;
+} | {
+    type: 'insert';
+    raw?: string;
+} | {
+    type: 'delete-selected';
+} | {
+    type: 'move';
+    from: string;
+    to: string;
+} | {
+    type: 'save';
+};
+export interface JsonlViewState {
+    status: 'ok' | 'partial' | 'failed';
+    loadState: 'preview' | 'complete' | 'loading';
+    entries: readonly JsonlEntry[];
+    search: string;
+    selected: ReadonlySet<string>;
+    dirty: boolean;
+    visibleCount: number;
+    diagnostics: readonly Diagnostic[];
+}
+export interface JsonlController {
+    readonly state: JsonlViewState;
+    dispatch(action: JsonlAction): void | Promise<void>;
+    subscribe(listener: (state: JsonlViewState) => void): () => void;
+    serialize(): string;
+    canSave(): boolean;
+}
+export declare function createJsonlController(input: Uint8Array | string | JsonlPagedInput): JsonlController;