omni-viewer-core 0.1.0

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

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

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

@@ -0,0 +1,7 @@
+export async function loadWordViewerDeps() {
+    const [zipImport, module, sheetImport] = await Promise.all([import('jszip'), import('docx-preview'), import('xlsx')]);
+    const zip = zipImport.default ?? zipImport;
+    const sheet = sheetImport;
+    const docx = module.default ?? module;
+    return { loadDocxPreview: async () => docx, loadZip: async () => zip, loadSheet: async () => sheet };
+}

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

@@ -0,0 +1 @@
+export declare const wordViewerCss = "\n:host{display:block;height:100%;color:var(--omni-fg,#d4d4d4);background:var(--omni-bg,#1e1e1e)}\n.omni-word{display:flex;flex-direction:column;height:100%;font:13px system-ui,sans-serif}\n.omni-word__header,.omni-word__toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--omni-panel-bg,#252526);border-bottom:1px solid var(--omni-border,#3c3c3c)}\n.omni-word__header{justify-content:space-between}.omni-word__title{font-weight:600}.omni-word__meta{opacity:.7;font-size:12px}\n.omni-word__toolbar{justify-content:center}.omni-word__toolbar button{padding:5px 10px;color:inherit;background:var(--omni-control-bg,#3a3d41);border:1px solid var(--omni-border,#555);border-radius:4px}.omni-word__toolbar button:disabled{opacity:.5}\n.omni-word__zoom{min-width:48px;text-align:center}.omni-word__viewport{flex:1;overflow:auto;padding:20px}.omni-word__content{width:max-content;min-width:100%;transform-origin:top center}\n.omni-word__legacy-page{box-sizing:border-box;width:210mm;min-height:297mm;margin:0 auto 18px;padding:25mm 22mm;background:#fff;color:#111;box-shadow:0 2px 10px #0005;white-space:pre-wrap;line-height:1.55}\n.omni-word__legacy-header,.omni-word__legacy-footer{color:#666;font-size:11px;border-color:#ddd}.omni-word__legacy-header{padding-bottom:8px;border-bottom:1px solid #ddd}.omni-word__legacy-footer{padding-top:8px;border-top:1px solid #ddd}.omni-word__legacy-body{min-height:220mm}.omni-word__legacy-table{width:100%;border-collapse:collapse;white-space:normal}.omni-word__legacy-table th,.omni-word__legacy-table td{padding:5px 7px;border:1px solid #777;text-align:left;vertical-align:top}.omni-word__legacy-image{text-align:center}.omni-word__legacy-image img{max-width:100%;height:auto}\n.omni-word__chart,.omni-word__embedded-sheet{box-sizing:border-box;margin:16px 0;padding:12px;background:#fff;color:#111;border:1px solid #bbb;border-radius:4px;white-space:normal}.omni-word__chart svg{display:block;width:100%;max-height:320px}.omni-word__chart-legend{display:flex;gap:12px;flex-wrap:wrap}.omni-word__chart-legend span{padding-left:5px}\n.omni-word__error{margin:24px;padding:18px;border:1px solid var(--omni-danger,#f48771);color:var(--omni-danger,#f48771);border-radius:6px}\n@media print{.omni-word__header,.omni-word__toolbar{display:none}.omni-word__viewport{overflow:visible;padding:0}.omni-word__legacy-page{box-shadow:none;margin:0;page-break-after:always}}\n\n/* VS Code legacy .doc layout \u2014 kept in sync with wordViewer.css. */\n:root {\n    --bg-color: var(--vscode-editor-background, #1e1e1e);\n    --text-color: var(--vscode-editor-foreground, #d4d4d4);\n    --border-color: var(--vscode-panel-border, #3c3c3c);\n    --header-bg: var(--vscode-sideBar-background, #252526);\n    --button-bg: var(--vscode-button-background, #0e639c);\n    --button-hover: var(--vscode-button-hoverBackground, #1177bb);\n    --button-secondary-bg: var(--vscode-button-secondaryBackground, #3a3d41);\n    --button-secondary-hover: var(--vscode-button-secondaryHoverBackground, #45494e);\n}\n\n* {\n    box-sizing: border-box;\n}\n\nbody {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    background: var(--bg-color);\n    color: var(--text-color);\n    margin: 0;\n    padding: 0;\n    height: 100vh;\n    overflow: hidden;\n}\n\n.container {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n}\n\n.header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 20px;\n    background: var(--header-bg);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.title {\n    font-size: 16px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.file-info {\n    font-size: 12px;\n    color: var(--vscode-descriptionForeground, #808080);\n}\n\n.controls {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 10px 20px;\n    background: var(--header-bg);\n    border-bottom: 1px solid var(--border-color);\n    gap: 10px;\n}\n\n.view-controls {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.btn {\n    padding: 6px 12px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 12px;\n    background: var(--button-secondary-bg);\n    color: var(--text-color);\n    transition: background 0.2s;\n}\n\n.btn:hover {\n    background: var(--button-secondary-hover);\n}\n\n.zoom-level {\n    font-size: 12px;\n    min-width: 50px;\n    text-align: center;\n    color: var(--vscode-descriptionForeground, #808080);\n}\n\n.document-container {\n    flex: 1;\n    overflow: auto;\n    padding: 20px;\n    display: flex;\n    justify-content: center;\n}\n\n.loading {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 200px;\n    color: var(--vscode-descriptionForeground, #808080);\n}\n\n.error {\n    color: var(--vscode-errorForeground, #f48771);\n    padding: 20px;\n    text-align: center;\n}\n\n.word-content {\n    background: var(--vscode-editor-background, #1e1e1e);\n    color: var(--vscode-editor-foreground, #d4d4d4);\n    padding: 40px 60px;\n    min-width: 210mm;\n    max-width: 210mm;\n    min-height: 297mm;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    transform-origin: top center;\n    transition: transform 0.2s ease;\n}\n\n.word-content.docx-mode {\n    background: transparent;\n    color: inherit;\n    padding: 0;\n    min-width: auto;\n    max-width: none;\n    min-height: auto;\n    box-shadow: none;\n}\n\n.word-content.legacy-mode {\n    background: transparent;\n    color: #111111;\n    padding: 0;\n    min-width: 210mm;\n    max-width: none;\n    min-height: auto;\n    box-shadow: none;\n    overflow: visible;\n}\n\n.word-content.legacy-mode .ov-doc-legacy,\n.word-content.legacy-mode .ov-doc-legacy h1,\n.word-content.legacy-mode .ov-doc-legacy h2,\n.word-content.legacy-mode .ov-doc-legacy p,\n.word-content.legacy-mode .ov-doc-legacy li,\n.word-content.legacy-mode .ov-doc-legacy td,\n.word-content.legacy-mode .ov-doc-legacy th {\n    color: #111111;\n}\n\n.word-content.legacy-mode .ov-doc-legacy {\n    display: block;\n    width: fit-content;\n    background: transparent;\n    overflow: visible;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-section + .ov-doc-legacy-section {\n    margin-top: 18px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-pages {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page {\n    width: var(--ov-page-width-mm, 210mm);\n    min-height: var(--ov-page-height-mm, 297mm);\n    background: #ffffff;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n    overflow: visible;\n    position: relative;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content {\n    --ov-gutter-left-mm: 0mm;\n    --ov-gutter-right-mm: 0mm;\n    display: block;\n    width: 100%;\n    min-height: calc(\n        var(--ov-page-height-mm, 297mm)\n        - var(--ov-page-padding-top-mm, 11.29mm)\n        - var(--ov-page-padding-bottom-mm, 11.29mm)\n    );\n    padding:\n        max(var(--ov-page-padding-top-mm, 11.29mm), var(--ov-page-active-header-mm, var(--ov-page-header-mm, 12.70mm)))\n        calc(var(--ov-page-padding-right-mm, 17.64mm) + var(--ov-gutter-right-mm))\n        max(var(--ov-page-padding-bottom-mm, 11.29mm), var(--ov-page-active-footer-mm, var(--ov-page-footer-mm, 12.70mm)))\n        calc(var(--ov-page-padding-left-mm, 17.64mm) + var(--ov-gutter-left-mm));\n    overflow: visible;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content-custom-columns {\n    padding-bottom: 0;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-columns {\n    display: grid;\n    height: 100%;\n    align-items: start;\n    width: 100%;\n    min-width: 0;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-column {\n    min-width: 0;\n    height: 100%;\n    overflow: hidden;\n    width: 100%;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-column-gap {\n    min-width: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    background:\n        linear-gradient(\n            to right,\n            transparent calc(50% - (var(--ov-column-rule-width, 0px) / 2)),\n            rgba(148, 163, 184, 0.65) calc(50% - (var(--ov-column-rule-width, 0px) / 2)),\n            rgba(148, 163, 184, 0.65) calc(50% + (var(--ov-column-rule-width, 0px) / 2)),\n            transparent calc(50% + (var(--ov-column-rule-width, 0px) / 2))\n        );\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-column > .ov-doc-legacy-block + .ov-doc-legacy-block {\n    margin-top: 12px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-header,\n.word-content.legacy-mode .ov-doc-legacy-page-footer {\n    position: absolute;\n    left: calc(var(--ov-page-padding-left-mm, 17.64mm) + var(--ov-gutter-left-mm, 0mm));\n    right: calc(var(--ov-page-padding-right-mm, 17.64mm) + var(--ov-gutter-right-mm, 0mm));\n    font-size: 11px;\n    line-height: 1.3;\n    color: #4b5563;\n    white-space: pre-wrap;\n    pointer-events: none;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-header {\n    top: max(4mm, calc(var(--ov-page-active-header-mm, var(--ov-page-header-mm, 12.70mm)) - 4mm));\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-footer {\n    bottom: max(4mm, calc(var(--ov-page-active-footer-mm, var(--ov-page-footer-mm, 12.70mm)) - 4mm));\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-header[hidden],\n.word-content.legacy-mode .ov-doc-legacy-page-footer[hidden] {\n    display: none;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-section[data-ov-gutter-side=\"left\"] .ov-doc-legacy-page-content {\n    --ov-gutter-left-mm: var(--ov-page-gutter-mm, 0mm);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-section[data-ov-gutter-side=\"right\"] .ov-doc-legacy-page-content {\n    --ov-gutter-right-mm: var(--ov-page-gutter-mm, 0mm);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    clear: both;\n    break-inside: avoid;\n    page-break-inside: avoid;\n    -webkit-column-break-inside: avoid;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block[data-ov-semantic-role=\"floating-media\"] {\n    clear: none;\n    margin-bottom: var(--ov-floating-clearance, 12px);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block[data-ov-semantic-role=\"floating-media\"][data-ov-floating-placement=\"center-block\"] {\n    clear: both;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block[data-ov-clear-float=\"true\"] {\n    clear: both;\n    padding-top: var(--ov-clear-float-padding, 4px);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block + .ov-doc-legacy-block {\n    margin-top: 12px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-block-overflow {\n    break-inside: auto;\n    page-break-inside: auto;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content h1 {\n    font-size: 28px;\n    margin: 0 0 18px 0;\n    line-height: 1.25;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content h2 {\n    font-size: 18px;\n    margin: 26px 0 10px 0;\n    line-height: 1.35;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content p {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    clear: both;\n    margin: 0;\n    line-height: 1.6;\n    white-space: pre-wrap;\n    tab-size: 4;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content ul,\n.word-content.legacy-mode .ov-doc-legacy-page-content ol {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    clear: both;\n    margin: 0 0 0 24px;\n    padding: 0;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content li {\n    margin: 0 0 8px 0;\n    line-height: 1.6;\n    white-space: pre-wrap;\n    tab-size: 4;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-table {\n    display: block;\n    width: 100%;\n    margin: 0;\n    max-width: 100%;\n    overflow-x: auto;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 14px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content th,\n.word-content.legacy-mode .ov-doc-legacy-page-content td {\n    border: 1px solid var(--border-color, #3c3c3c);\n    padding: 8px 10px;\n    text-align: left;\n    vertical-align: top;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-table[data-ov-explicit-borders=\"true\"] th,\n.word-content.legacy-mode .ov-doc-legacy-table[data-ov-explicit-borders=\"true\"] td {\n    border-color: #111111;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-page-content th {\n    background: #f3f4f6;\n    font-weight: 600;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-images {\n    margin-top: 28px;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-sheet {\n    display: block;\n    clear: both;\n    margin: 18px 0;\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-sheet-card {\n    border: none;\n    background: transparent;\n    padding: 0;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-sheet-head h2 {\n    margin: 0 0 12px 0;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 140px;\n    gap: 18px;\n    align-items: flex-start;\n    margin: 10px 0 24px;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-meta {\n    grid-column: 1 / -1;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: #6b7280;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-frame {\n    flex: 1;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    padding: 0;\n    overflow: hidden;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-svg {\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    display: block;\n    overflow: hidden;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-legend {\n    width: 140px;\n    min-width: 140px;\n    font-size: 13px;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-legend-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-chart-swatch {\n    width: 12px;\n    height: 12px;\n    display: inline-block;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-table-wrap {\n    margin-top: 18px;\n    border-top: none;\n    padding-top: 0;\n}\n\n.word-content.legacy-mode .ov-doc-embedded-table-label {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    color: #6b7280;\n    margin-bottom: 8px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n    gap: 14px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image {\n    margin: 0;\n    border: 1px solid var(--border-color, #3c3c3c);\n    background: #f8fafc;\n    padding: 10px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-inline {\n    max-width: min(100%, 360px);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-floating {\n    width: min(44%, 320px);\n    max-width: min(44%, 320px);\n    float: right;\n    margin: 0 0 14px 18px;\n    clear: none;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-floating-narrow {\n    width: min(32%, 240px);\n    max-width: min(32%, 240px);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-floating-wide {\n    width: min(52%, 400px);\n    max-width: min(52%, 400px);\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-floating-left {\n    float: left;\n    margin: 0 18px 14px 0;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image-floating-center {\n    float: none;\n    width: min(56%, 360px);\n    max-width: min(56%, 360px);\n    margin: 0 auto 14px;\n    clear: both;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image img {\n    display: block;\n    width: 100%;\n    max-height: 220px;\n    object-fit: contain;\n    margin-bottom: 8px;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-image figcaption {\n    font-size: 12px;\n    color: #6b7280;\n    word-break: break-word;\n}\n\n.word-content.legacy-mode .ov-doc-legacy-empty {\n    color: #6b7280;\n    font-style: italic;\n}\n\n@media print {\n    .word-content.legacy-mode .ov-doc-legacy-pages {\n        gap: 0;\n    }\n\n    .word-content.legacy-mode .ov-doc-legacy-page {\n        box-shadow: none;\n        break-after: page;\n        page-break-after: always;\n    }\n\n    .word-content.legacy-mode .ov-doc-legacy-page:last-child {\n        break-after: auto;\n        page-break-after: auto;\n    }\n}\n\n.word-content.docx-mode .docx-wrapper {\n    background: transparent;\n}\n\n.word-content.docx-mode p[data-ov-bullet-fix=\"1\"]::before,\n.word-content.docx-mode li[data-ov-bullet-fix=\"1\"]::before {\n    content: \"* \" !important;\n}\n\n.word-content.docx-mode .ov-chart-card {\n    border: 1px solid #c7cbd1;\n    background: #f8fafc;\n    padding: 14px;\n    margin: 14px auto;\n    width: min(100%, 760px);\n}\n\n.word-content.docx-mode .ov-chart-title {\n    font-size: 28px;\n    line-height: 1.1;\n    font-weight: 700;\n    color: #111827;\n    margin-bottom: 10px;\n}\n\n.word-content.docx-mode .ov-chart-layout {\n    display: flex;\n    align-items: flex-start;\n    gap: 18px;\n}\n\n.word-content.docx-mode .ov-chart-svg {\n    width: 100%;\n    max-width: 560px;\n    height: auto;\n}\n\n.word-content.docx-mode .ov-chart-legend {\n    min-width: 130px;\n    padding-top: 18px;\n}\n\n.word-content.docx-mode .ov-chart-legend-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n    color: #111827;\n    font-size: 14px;\n}\n\n.word-content.docx-mode .ov-chart-legend-color {\n    display: inline-block;\n    width: 12px;\n    height: 12px;\n}\n\n.word-content.legacy-mode p[data-ov-chart-spacer=\"keep\"],\n.word-content.docx-mode p[data-ov-chart-spacer=\"keep\"] {\n    min-height: 0.75em;\n    margin: 0;\n    line-height: 0;\n}\n\n.word-content.legacy-mode p[data-ov-chart-spacer=\"trim\"],\n.word-content.docx-mode p[data-ov-chart-spacer=\"trim\"] {\n    display: none;\n}\n\n.word-content p {\n    margin: 0 0 1em 0;\n    line-height: 1.6;\n}\n\n.word-content h1, .word-content h2, .word-content h3 {\n    margin: 1em 0 0.5em 0;\n    line-height: 1.3;\n}\n\n.word-content ul, .word-content ol {\n    margin: 0.5em 0;\n    padding-left: 2em;\n}\n\n.word-content table {\n    border-collapse: collapse;\n    width: 100%;\n    margin: 1em 0;\n}\n\n.word-content table td,\n.word-content table th {\n    border: 1px solid var(--border-color, #3c3c3c);\n    padding: 8px;\n}\n\n.word-content img {\n    max-width: 100%;\n    height: auto;\n}\n\n@media print {\n    body { background: white; }\n    .header, .controls { display: none !important; }\n    .document-container { padding: 0; overflow: visible; }\n    .word-content {\n        box-shadow: none;\n        padding: 0;\n        min-width: auto;\n        max-width: 100%;\n        min-height: auto;\n        transform: none !important;\n    }\n}\n\n";