@file-viewer/core 2.0.10 → 2.1.0

package/dist/renderers/archiveFallback.js

@@ -1,166 +0,0 @@
-import { getArchiveEntryExtension, isPreviewableArchiveEntry, } from './archiveShared.js';
-const ZIP_LIKE_EXTENSIONS = new Set(['zip', 'zipx', 'jar', 'war', 'ear', 'apk', 'cbz']);
-const TAR_LIKE_EXTENSIONS = new Set(['tar', 'tgz', 'gz', 'gzip']);
-const TAR_BLOCK_SIZE = 512;
-const toArrayBuffer = (bytes) => {
-    const output = new Uint8Array(bytes.byteLength);
-    output.set(bytes);
-    return output.buffer;
-};
-const decompressBytes = async (bytes, format) => {
-    if (typeof DecompressionStream === 'undefined') {
-        return null;
-    }
-    const stream = new Blob([toArrayBuffer(bytes)])
-        .stream()
-        .pipeThrough(new DecompressionStream(format));
-    return new Uint8Array(await new Response(stream).arrayBuffer());
-};
-const normalizeArchivePath = (path) => {
-    return path.replace(/^\/+/, '').replace(/\\/g, '/');
-};
-const getPathName = (path) => {
-    const parts = normalizeArchivePath(path).split('/');
-    return parts[parts.length - 1] || path;
-};
-const getPathDepth = (path) => {
-    return Math.max(0, normalizeArchivePath(path).split('/').length - 1);
-};
-const createEntryView = (source) => {
-    const path = normalizeArchivePath(source.path);
-    const name = getPathName(path);
-    return {
-        id: path,
-        path,
-        name,
-        extension: getArchiveEntryExtension(name),
-        size: source.size,
-        lastModified: source.lastModified,
-        depth: getPathDepth(path),
-        previewable: isPreviewableArchiveEntry(name),
-        compressedFile: {
-            name,
-            size: source.size,
-            lastModified: source.lastModified,
-            async extract() {
-                const buffer = await source.load();
-                return new File([buffer], name, {
-                    type: 'application/octet-stream',
-                    lastModified: source.lastModified || Date.now(),
-                });
-            },
-        },
-    };
-};
-const parseOctal = (bytes, start, length) => {
-    const text = new TextDecoder('ascii')
-        .decode(bytes.slice(start, start + length))
-        .replace(/\0.*$/, '')
-        .trim();
-    return text ? Number.parseInt(text, 8) || 0 : 0;
-};
-const readTarName = (bytes, offset) => {
-    const decoder = new TextDecoder('utf-8');
-    const name = decoder.decode(bytes.slice(offset, offset + 100)).replace(/\0.*$/, '');
-    const prefix = decoder.decode(bytes.slice(offset + 345, offset + 500)).replace(/\0.*$/, '');
-    return normalizeArchivePath(prefix ? `${prefix}/${name}` : name);
-};
-const parseTarEntries = (bytes) => {
-    const entries = [];
-    let offset = 0;
-    while (offset + TAR_BLOCK_SIZE <= bytes.length) {
-        const header = bytes.slice(offset, offset + TAR_BLOCK_SIZE);
-        if (header.every(value => value === 0)) {
-            break;
-        }
-        const path = readTarName(bytes, offset);
-        const size = parseOctal(bytes, offset + 124, 12);
-        const typeFlag = String.fromCharCode(bytes[offset + 156] || 0);
-        const dataOffset = offset + TAR_BLOCK_SIZE;
-        const nextOffset = dataOffset + Math.ceil(size / TAR_BLOCK_SIZE) * TAR_BLOCK_SIZE;
-        if (path && typeFlag !== '5') {
-            const fileBytes = bytes.slice(dataOffset, dataOffset + size);
-            entries.push(createEntryView({
-                path,
-                size,
-                load: async () => toArrayBuffer(fileBytes),
-            }));
-        }
-        offset = nextOffset;
-    }
-    return entries;
-};
-const getArchiveExtension = (filename) => {
-    const lower = filename.toLowerCase();
-    if (lower.endsWith('.tar.gz') || lower.endsWith('.tgz')) {
-        return 'tgz';
-    }
-    return getArchiveEntryExtension(filename);
-};
-const getGzipEntryName = (filename) => {
-    const lower = filename.toLowerCase();
-    if (lower.endsWith('.gzip')) {
-        return filename.slice(0, -5) || 'archive';
-    }
-    if (lower.endsWith('.gz')) {
-        return filename.slice(0, -3) || 'archive';
-    }
-    return `${filename || 'archive'}.bin`;
-};
-const loadZipEntries = async (data) => {
-    const { default: JSZip } = await import('jszip');
-    const zip = await JSZip.loadAsync(data);
-    const entries = [];
-    zip.forEach((relativePath, file) => {
-        var _a, _b;
-        if (file.dir) {
-            return;
-        }
-        const metadata = file;
-        const normalizedPath = normalizeArchivePath(relativePath);
-        entries.push(createEntryView({
-            path: normalizedPath,
-            size: ((_a = metadata._data) === null || _a === void 0 ? void 0 : _a.uncompressedSize) || 0,
-            lastModified: (_b = file.date) === null || _b === void 0 ? void 0 : _b.getTime(),
-            load: async () => file.async('arraybuffer'),
-        }));
-    });
-    return entries;
-};
-const loadTarEntries = async (data, filename, extension) => {
-    const source = new Uint8Array(data);
-    const bytes = extension === 'tar'
-        ? source
-        : await decompressBytes(source, 'gzip');
-    if (!bytes) {
-        return null;
-    }
-    if (extension === 'gz' || extension === 'gzip') {
-        const lower = filename.toLowerCase();
-        const isTarGz = lower.endsWith('.tar.gz') || lower.endsWith('.tgz');
-        if (!isTarGz) {
-            const name = getGzipEntryName(filename);
-            return [createEntryView({
-                    path: name,
-                    size: bytes.byteLength,
-                    load: async () => toArrayBuffer(bytes),
-                })];
-        }
-    }
-    return parseTarEntries(bytes);
-};
-/**
- * Worker fallback for constrained browsers, temporary local servers, and
- * mobile WebViews. The main libarchive path still covers broader formats;
- * this covers common ZIP/TAR/GZIP archives without an extra static Worker.
- */
-export const loadArchiveEntriesWithoutWorker = async (data, filename) => {
-    const extension = getArchiveExtension(filename);
-    if (ZIP_LIKE_EXTENSIONS.has(extension)) {
-        return loadZipEntries(data);
-    }
-    if (TAR_LIKE_EXTENSIONS.has(extension)) {
-        return loadTarEntries(data, filename, extension);
-    }
-    return null;
-};

package/dist/renderers/archiveShared.d.ts

@@ -1,23 +0,0 @@
-export declare const ARCHIVE_PREVIEWABLE_EXTENSIONS: readonly string[];
-export interface ArchiveEntryView {
-    id: string;
-    path: string;
-    name: string;
-    extension: string;
-    size: number;
-    lastModified?: number;
-    depth: number;
-    previewable: boolean;
-    compressedFile: {
-        name: string;
-        size: number;
-        lastModified?: number;
-        extract(): Promise<File>;
-    };
-}
-export declare const getArchiveEntryExtension: (name: string) => string;
-export declare const isArchiveExtension: (extension: string) => boolean;
-export declare const isPreviewableArchiveEntry: (name: string) => boolean;
-export declare const formatArchiveBytes: (value: number) => string;
-export declare const flattenArchiveObject: (input: Record<string, unknown>, prefix?: string) => ArchiveEntryView[];
-export declare const createArchiveCacheKey: (archiveName: string, archiveSize: number, entry: ArchiveEntryView) => string;

package/dist/renderers/archiveShared.js

@@ -1,71 +0,0 @@
-import { ARCHIVE_EXTENSIONS, DEFAULT_SUPPORTED_EXTENSIONS, } from '../registry/formats.js';
-export const ARCHIVE_PREVIEWABLE_EXTENSIONS = DEFAULT_SUPPORTED_EXTENSIONS;
-export const getArchiveEntryExtension = (name) => {
-    const clean = name.split(/[?#]/)[0] || name;
-    const dot = clean.lastIndexOf('.');
-    return dot === -1 ? '' : clean.slice(dot + 1).toLowerCase();
-};
-export const isArchiveExtension = (extension) => (ARCHIVE_EXTENSIONS.includes(extension.toLowerCase()));
-export const isPreviewableArchiveEntry = (name) => {
-    const extension = getArchiveEntryExtension(name);
-    return ARCHIVE_PREVIEWABLE_EXTENSIONS.includes(extension);
-};
-export const formatArchiveBytes = (value) => {
-    if (!Number.isFinite(value) || value < 0) {
-        return '-';
-    }
-    if (value < 1024) {
-        return `${value} B`;
-    }
-    const units = ['KB', 'MB', 'GB'];
-    let next = value / 1024;
-    for (const unit of units) {
-        if (next < 1024 || unit === units[units.length - 1]) {
-            return `${next.toFixed(next < 10 ? 1 : 0)} ${unit}`;
-        }
-        next /= 1024;
-    }
-    return `${value} B`;
-};
-const isCompressedFile = (value) => {
-    return typeof value === 'object' &&
-        value !== null &&
-        'extract' in value &&
-        typeof value.extract === 'function';
-};
-export const flattenArchiveObject = (input, prefix = '') => {
-    const entries = [];
-    Object.entries(input).forEach(([key, value]) => {
-        const path = prefix ? `${prefix}/${key}` : key;
-        if (isCompressedFile(value)) {
-            const name = value.name || key;
-            const extension = getArchiveEntryExtension(name);
-            entries.push({
-                id: path,
-                path,
-                name,
-                extension,
-                size: value.size || 0,
-                lastModified: value.lastModified,
-                depth: path.split('/').length - 1,
-                previewable: isPreviewableArchiveEntry(name),
-                compressedFile: value,
-            });
-            return;
-        }
-        if (value && typeof value === 'object') {
-            entries.push(...flattenArchiveObject(value, path));
-        }
-    });
-    return entries;
-};
-export const createArchiveCacheKey = (archiveName, archiveSize, entry) => {
-    return [
-        'archive-entry',
-        archiveName || 'archive',
-        archiveSize,
-        entry.path,
-        entry.size,
-        entry.lastModified || 0,
-    ].join(':');
-};

package/dist/renderers/audio.d.ts

@@ -1,8 +0,0 @@
-import type { FileViewerRenderedInstance } from '../contracts/types';
-/**
- * Pure TypeScript audio renderer.
- *
- * Regular audio files use the browser's native `<audio>` element. MIDI stays in
- * the same async chunk and lazily imports `@tonejs/midi` only for `.mid/.midi`.
- */
-export default function renderAudio(buffer: ArrayBuffer, target: HTMLDivElement, type?: string): Promise<FileViewerRenderedInstance>;

package/dist/renderers/audio.js

@@ -1,219 +0,0 @@
-const AUDIO_MIME_MAP = {
-    aac: 'audio/aac',
-    flac: 'audio/flac',
-    m4a: 'audio/mp4',
-    mp3: 'audio/mpeg',
-    mpeg: 'audio/mpeg',
-    oga: 'audio/ogg',
-    ogg: 'audio/ogg',
-    opus: 'audio/ogg; codecs=opus',
-    wav: 'audio/wav',
-    weba: 'audio/webm'
-};
-const audioStyle = `
-.fv-audio-viewer{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,rgba(14,116,144,.1),transparent 34%),linear-gradient(180deg,#f5f8fb 0%,#edf2f7 100%);box-sizing:border-box}
-.fv-audio-card{width:min(100%,640px);display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;padding:24px;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);box-shadow:0 20px 52px rgba(15,23,42,.13);box-sizing:border-box}
-.fv-audio-art{position:relative;width:86px;height:86px;border-radius:8px;background:linear-gradient(135deg,#0f766e,#2dd4bf);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
-.fv-audio-art span{position:absolute;inset:18px;border-radius:999px;border:8px solid rgba(255,255,255,.88)}
-.fv-audio-art i{position:absolute;right:18px;bottom:20px;width:18px;height:36px;border-radius:10px 10px 4px 4px;background:rgba(255,255,255,.9)}
-.fv-audio-copy{min-width:0}
-.fv-audio-kicker{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:0}
-.fv-audio-copy strong{display:block;margin-top:5px;color:#132235;font-size:23px;line-height:1.15}
-.fv-audio-copy p{margin:8px 0 0;color:#64748b;font-size:13px;line-height:1.7}
-.fv-audio-meter{grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;color:#64748b;font-size:12px;font-variant-numeric:tabular-nums}
-.fv-audio-progress{height:6px;overflow:hidden;border-radius:999px;background:rgba(15,118,110,.12)}
-.fv-audio-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2dd4bf);transition:width .18s ease}
-.fv-audio-control{grid-column:1/-1;width:100%;height:42px}
-.fv-midi-viewer{min-height:100%;padding:28px;background:#eef1f4;box-sizing:border-box}
-.fv-midi-card{max-width:960px;margin:0 auto;border-radius:8px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.12);overflow:hidden}
-.fv-midi-card header{padding:18px 22px;border-bottom:1px solid rgba(15,23,42,.08)}
-.fv-midi-card header span{display:block;color:#0f766e;font-size:12px;font-weight:800}
-.fv-midi-card header strong{display:block;margin-top:6px;color:#132235;font-size:22px}
-.fv-midi-state{padding:28px 22px;color:#64748b}
-.fv-midi-error{color:#b42318}
-.fv-midi-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(15,23,42,.08)}
-.fv-midi-stats div{padding:16px;background:#f8fafc}
-.fv-midi-stats span{display:block;color:#64748b;font-size:12px}
-.fv-midi-stats strong{display:block;margin-top:4px;color:#132235;font-size:20px}
-.fv-midi-table-wrap{overflow:auto}
-.fv-midi-table{width:100%;border-collapse:collapse;color:#132235;font-size:14px}
-.fv-midi-table th,.fv-midi-table td{padding:12px 16px;border-top:1px solid rgba(15,23,42,.08);text-align:left}
-.fv-midi-table th{color:#64748b;background:#f8fafc;font-weight:700}
-@media (max-width:700px){.fv-midi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
-`;
-const createElement = (tagName, className, text) => {
-    const element = document.createElement(tagName);
-    if (className) {
-        element.className = className;
-    }
-    if (typeof text === 'string') {
-        element.textContent = text;
-    }
-    return element;
-};
-const formatDuration = (seconds) => {
-    if (!Number.isFinite(seconds) || seconds <= 0) {
-        return '00:00';
-    }
-    const minutes = Math.floor(seconds / 60);
-    const rest = Math.round(seconds % 60);
-    return `${String(minutes).padStart(2, '0')}:${String(rest).padStart(2, '0')}`;
-};
-const createStyle = () => {
-    const style = document.createElement('style');
-    style.textContent = audioStyle;
-    return style;
-};
-const clearTarget = (target) => {
-    target.replaceChildren();
-};
-const createRenderedInstance = (target, cleanup) => ({
-    $el: target,
-    unmount() {
-        cleanup();
-        clearTarget(target);
-    }
-});
-const renderAudioElement = (buffer, target, type) => {
-    const normalizedType = type.trim().toLowerCase() || 'mp3';
-    const mimeType = AUDIO_MIME_MAP[normalizedType] || 'audio/*';
-    const sourceUrl = URL.createObjectURL(new Blob([buffer], { type: mimeType }));
-    const root = createElement('div', 'fv-audio-viewer');
-    const card = createElement('section', 'fv-audio-card');
-    const art = createElement('div', 'fv-audio-art');
-    art.append(createElement('span'), createElement('i'));
-    const copy = createElement('div', 'fv-audio-copy');
-    copy.append(createElement('span', 'fv-audio-kicker', normalizedType.toUpperCase() || 'AUDIO'), createElement('strong', '', '音频预览'), createElement('p', '', '使用浏览器原生播放器打开，兼容性取决于当前浏览器支持的音频编码。'));
-    const currentTimeText = createElement('span', '', '00:00');
-    const durationText = createElement('span', '', '--:--');
-    const progressFill = createElement('i');
-    const progress = createElement('div', 'fv-audio-progress');
-    progress.setAttribute('aria-hidden', 'true');
-    progress.append(progressFill);
-    const meter = createElement('div', 'fv-audio-meter');
-    meter.append(currentTimeText, progress, durationText);
-    const audio = createElement('audio', 'fv-audio-control');
-    audio.src = sourceUrl;
-    audio.controls = true;
-    audio.preload = 'metadata';
-    audio.textContent = '当前浏览器不支持音频播放。';
-    const handleLoadedMetadata = () => {
-        durationText.textContent = Number.isFinite(audio.duration) && audio.duration > 0
-            ? formatDuration(audio.duration)
-            : '--:--';
-    };
-    const handleTimeUpdate = () => {
-        currentTimeText.textContent = formatDuration(audio.currentTime);
-        const percent = Number.isFinite(audio.duration) && audio.duration > 0
-            ? Math.min(100, Math.max(0, audio.currentTime / audio.duration * 100))
-            : 0;
-        progressFill.style.width = `${percent}%`;
-    };
-    audio.addEventListener('loadedmetadata', handleLoadedMetadata);
-    audio.addEventListener('timeupdate', handleTimeUpdate);
-    card.append(art, copy, meter, audio);
-    root.append(card);
-    target.replaceChildren(createStyle(), root);
-    return createRenderedInstance(target, () => {
-        audio.pause();
-        audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
-        audio.removeEventListener('timeupdate', handleTimeUpdate);
-        URL.revokeObjectURL(sourceUrl);
-    });
-};
-const renderMidiElement = (buffer, target) => {
-    let disposed = false;
-    const root = createElement('div', 'fv-midi-viewer');
-    const card = createElement('section', 'fv-midi-card');
-    const header = document.createElement('header');
-    const title = createElement('strong', '', 'MIDI 文件');
-    header.append(createElement('span', '', 'MIDI'), title);
-    const body = createElement('div', 'fv-midi-state', '正在解析 MIDI 轨道...');
-    card.append(header, body);
-    root.append(card);
-    target.replaceChildren(createStyle(), root);
-    const renderError = (message) => {
-        body.className = 'fv-midi-state fv-midi-error';
-        body.textContent = message;
-    };
-    const renderTrackTable = (tracks) => {
-        const wrap = createElement('div', 'fv-midi-table-wrap');
-        const table = createElement('table', 'fv-midi-table');
-        const thead = document.createElement('thead');
-        const headerRow = document.createElement('tr');
-        for (const label of ['轨道', '乐器', '通道', '音符数', '时长']) {
-            headerRow.append(createElement('th', '', label));
-        }
-        thead.append(headerRow);
-        const tbody = document.createElement('tbody');
-        for (const track of tracks) {
-            const row = document.createElement('tr');
-            row.append(createElement('td', '', track.name), createElement('td', '', track.instrument), createElement('td', '', String(track.channel + 1)), createElement('td', '', String(track.notes)), createElement('td', '', formatDuration(track.duration)));
-            tbody.append(row);
-        }
-        table.append(thead, tbody);
-        wrap.append(table);
-        return wrap;
-    };
-    const renderSummary = (input) => {
-        title.textContent = input.name;
-        const totalNotes = input.tracks.reduce((sum, track) => sum + track.notes, 0);
-        const stats = createElement('div', 'fv-midi-stats');
-        for (const [label, value] of [
-            ['时长', formatDuration(input.duration)],
-            ['PPQ', String(input.ppq)],
-            ['轨道', String(input.tracks.length)],
-            ['音符', String(totalNotes)]
-        ]) {
-            const stat = document.createElement('div');
-            stat.append(createElement('span', '', label), createElement('strong', '', value));
-            stats.append(stat);
-        }
-        body.replaceWith(stats, renderTrackTable(input.tracks));
-    };
-    void (async () => {
-        try {
-            const { Midi } = await import('@tonejs/midi');
-            const midi = new Midi(buffer);
-            if (disposed) {
-                return;
-            }
-            renderSummary({
-                name: midi.name || 'MIDI 文件',
-                duration: midi.duration,
-                ppq: midi.header.ppq,
-                tracks: midi.tracks.map((track, index) => {
-                    var _a, _b;
-                    return ({
-                        name: track.name || `Track ${index + 1}`,
-                        instrument: ((_a = track.instrument) === null || _a === void 0 ? void 0 : _a.name) || ((_b = track.instrument) === null || _b === void 0 ? void 0 : _b.family) || 'Unknown',
-                        channel: track.channel,
-                        notes: track.notes.length,
-                        duration: track.duration
-                    });
-                })
-            });
-        }
-        catch (error) {
-            if (!disposed) {
-                renderError(error instanceof Error ? error.message : 'MIDI 解析失败');
-            }
-        }
-    })();
-    return createRenderedInstance(target, () => {
-        disposed = true;
-    });
-};
-/**
- * Pure TypeScript audio renderer.
- *
- * Regular audio files use the browser's native `<audio>` element. MIDI stays in
- * the same async chunk and lazily imports `@tonejs/midi` only for `.mid/.midi`.
- */
-export default async function renderAudio(buffer, target, type) {
-    const normalizedType = (type || 'mp3').toLowerCase();
-    if (normalizedType === 'midi' || normalizedType === 'mid') {
-        return renderMidiElement(buffer, target);
-    }
-    return renderAudioElement(buffer, target, normalizedType);
-}

package/dist/renderers/cad.d.ts

@@ -1,2 +0,0 @@
-import type { FileRenderContext, FileViewerRenderedInstance } from '../contracts/types';
-export default function renderCad(buffer: ArrayBuffer, target: HTMLDivElement, type?: string, context?: FileRenderContext): Promise<FileViewerRenderedInstance>;