@a3s-lab/office 0.3.0 → 0.4.0

package/dist/{0~use-office-draft.js → 0~345.js}

@@ -1,4 +1,5 @@
 import { useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 function useOfficeDraft(createInitial) {
     const [initial] = useState(createInitial);
     const [draft, setDraftState] = useState(initial);
@@ -43,4 +44,32 @@ function useOfficeDraft(createInitial) {
         syncDraft
     };
 }
-export { useOfficeDraft };
+function InlineNotice({ title, children, icon, actions, tone = 'info', role, className = '' }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: `ds-inline-notice ${tone}${className ? ` ${className}` : ''}`,
+        role: role,
+        children: [
+            icon && /*#__PURE__*/ jsx("span", {
+                className: "ds-inline-notice-icon",
+                "aria-hidden": "true",
+                children: icon
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "ds-inline-notice-copy",
+                children: [
+                    title && /*#__PURE__*/ jsx("strong", {
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        children: children
+                    })
+                ]
+            }),
+            actions && /*#__PURE__*/ jsx("div", {
+                className: "ds-inline-notice-actions",
+                children: actions
+            })
+        ]
+    });
+}
+export { InlineNotice, useOfficeDraft };

package/dist/0~3539.js

@@ -7,7 +7,7 @@ import { presentationChartLegendPositionLabel, presentationChartShowsLegend, nor
 import { OfficeCheckbox, CommittedOfficeNumberField, CollectionState } from "./0~7048.js";
 import { OfficeColorPicker } from "./0~3635.js";
 import { OfficeSelect } from "./0~4595.js";
-import { office_text_field_OfficeTextField, CommittedOfficeTextField } from "./0~9512.js";
+import { office_text_field_OfficeTextField, CommittedOfficeTextField } from "./0~6090.js";
 function spreadsheetAgentMenuItems(selection, onAgentRequest, applyProposal) {
     return [
         {

package/dist/0~3557.js

@@ -1,5 +1,5 @@
 import { useEffect, useLayoutEffect, useMemo, useRef } from "react";
-import { matchesOfficeEditorKeyboardShortcut } from "./0~9512.js";
+import { matchesOfficeEditorKeyboardShortcut } from "./0~6090.js";
 const DEFAULT_EXTENSION_PRIORITY = 100;
 function createOfficeEditorExtension(config) {
     const name = config.name.trim();

package/dist/0~3635.js

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check, ChevronDown } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { button_Button, Popover } from "./0~9512.js";
+import { button_Button, Popover } from "./0~6090.js";
 const THEME_COLORS = [
     '#111827',
     '#1f2937',

package/dist/0~4595.js

@@ -2,7 +2,7 @@ import { Fragment as jsx_runtime_Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Fragment, useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Eye, Minus, Plus, X } from "lucide-react";
-import { moveOfficeMenuFocus, useDialogFocusScope, icon_button_IconButton, Popover, matchesAriaKeyShortcuts, officeOverlayPortalRoot } from "./0~9512.js";
+import { WorkOfficeCollaborationParticipants, moveOfficeMenuFocus, useDialogFocusScope, icon_button_IconButton, Popover, matchesAriaKeyShortcuts, officeOverlayPortalRoot } from "./0~6090.js";
 const CONTEXT_MENU_MARGIN = 8;
 const CONTEXT_MENU_TAB_STOP_SELECTOR = 'a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([type="hidden"]):not([tabindex="-1"]), select:not(:disabled):not([tabindex="-1"]), textarea:not(:disabled):not([tabindex="-1"]), [contenteditable="true"]:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
 function isWorkspaceContextMenuKeyboardEvent({ key, shiftKey }) {
@@ -724,7 +724,8 @@ function WorkOfficeRibbon({ ariaLabel, tabs, defaultTab, activeTab, onTabChange,
     const updateRibbonOverflow = useCallback(()=>{
         const toolbar = toolbarRef.current;
         if (!toolbar) return;
-        const nextDensity = adaptive ? calculateRibbonDensity(toolbar.clientWidth) : 'comfortable';
+        const ribbonWidth = ribbonRef.current?.clientWidth || toolbar.clientWidth;
+        const nextDensity = adaptive ? calculateRibbonDensity(ribbonWidth) : 'comfortable';
         setRibbonDensity((current)=>current === nextDensity ? current : nextDensity);
         const { backward, forward } = calculateRibbonOverflow({
             clientWidth: toolbar.clientWidth,
@@ -1075,6 +1076,9 @@ function WorkOfficePreviewBar({ ariaLabel, label, detail, fileActions, className
                         children: detail
                     })
                 ]
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeCollaborationParticipants, {
+                variant: "toolbar"
             })
         ]
     });
@@ -1203,6 +1207,7 @@ function WorkOfficeStatusBar({ ariaLabel = '编辑器状态栏', children, contr
                 className: "work-office-status-info",
                 children: children
             }),
+            /*#__PURE__*/ jsx(WorkOfficeCollaborationParticipants, {}),
             controls && /*#__PURE__*/ jsx("div", {
                 className: "work-office-status-view",
                 role: "toolbar",

package/dist/0~4980.js

@@ -0,0 +1,154 @@
+import jszip from "jszip";
+import { documentNoteKey } from "./8928.js";
+import { directChild, xmlNamespacePrefix, attribute, parseXml } from "./5184.js";
+import { DEFAULT_DOCUMENT_PAGE_COLOR, normalizeDocumentPageColor } from "./0~work-document-page-color.js";
+const MAX_NATIVE_ID = 2147483647;
+const MIN_NATIVE_COMMENT_ID = -2147483648;
+function importedDocumentNoteId(kind, target) {
+    const match = new RegExp(`^${kind}-([1-9][0-9]{0,9})$`).exec(target);
+    const nativeId = match ? decimalId(match[1], false) : null;
+    return null === nativeId ? null : `docx-${kind}-${nativeId}`;
+}
+function assignDocxNoteIds(notes) {
+    const candidates = notes.map((note)=>({
+            key: documentNoteKey(note.kind, note.id),
+            kind: note.kind,
+            nativeId: documentNoteNativeId(note.kind, note.id)
+        }));
+    const counts = occurrenceCounts(candidates.flatMap(({ kind, nativeId })=>null === nativeId ? [] : [
+            `${kind}:${nativeId}`
+        ]));
+    const used = {
+        footnote: new Set(),
+        endnote: new Set()
+    };
+    for (const candidate of candidates)if (null !== candidate.nativeId && 1 === counts.get(`${candidate.kind}:${candidate.nativeId}`)) used[candidate.kind].add(candidate.nativeId);
+    const next = {
+        footnote: 1,
+        endnote: 1
+    };
+    return new Map(candidates.map((candidate)=>{
+        const stable = null !== candidate.nativeId && 1 === counts.get(`${candidate.kind}:${candidate.nativeId}`) ? candidate.nativeId : null;
+        const id = stable ?? nextAvailableId(used[candidate.kind], next, candidate.kind);
+        used[candidate.kind].add(id);
+        return [
+            candidate.key,
+            id
+        ];
+    }));
+}
+function assignDocxCommentThreads(comments) {
+    const candidates = [];
+    for (const comment of comments){
+        candidates.push({
+            nativeId: documentCommentNativeId(comment.id, false)
+        });
+        for (const reply of comment.replies ?? [])candidates.push({
+            nativeId: documentCommentNativeId(reply.id, true)
+        });
+    }
+    const counts = occurrenceCounts(candidates.flatMap(({ nativeId })=>null === nativeId ? [] : [
+            String(nativeId)
+        ]));
+    const used = new Set();
+    for (const candidate of candidates)if (null !== candidate.nativeId && 1 === counts.get(String(candidate.nativeId))) used.add(candidate.nativeId);
+    let nextId = 0;
+    const assigned = new Map();
+    for (const candidate of candidates){
+        const stable = null !== candidate.nativeId && 1 === counts.get(String(candidate.nativeId)) ? candidate.nativeId : null;
+        if (null !== stable) {
+            assigned.set(candidate, stable);
+            continue;
+        }
+        while(used.has(nextId))nextId += 1;
+        assigned.set(candidate, nextId);
+        used.add(nextId);
+        nextId += 1;
+    }
+    let index = 0;
+    return comments.map((comment)=>{
+        const root = candidates[index];
+        index += 1;
+        const replies = (comment.replies ?? []).map((reply)=>{
+            const candidate = candidates[index];
+            index += 1;
+            return {
+                id: assigned.get(candidate),
+                reply
+            };
+        });
+        return {
+            comment,
+            id: assigned.get(root),
+            replies
+        };
+    });
+}
+function documentNoteNativeId(kind, id) {
+    const match = /^docx-(footnote|endnote)-([1-9][0-9]{0,9})$/.exec(id);
+    return match?.[1] === kind ? decimalId(match[2], false) : null;
+}
+function documentCommentNativeId(id, reply) {
+    const pattern = reply ? /^docx-comment-reply-(0|-?[1-9][0-9]{0,9})$/ : /^docx-comment-(0|-?[1-9][0-9]{0,9})$/;
+    return normalizeDocxCommentId(pattern.exec(id)?.[1]);
+}
+function normalizeDocxCommentId(value) {
+    if (!value || !/^(?:0|-?[1-9][0-9]{0,9})$/.test(value)) return null;
+    const number = Number(value);
+    return Number.isSafeInteger(number) && number >= MIN_NATIVE_COMMENT_ID && number <= MAX_NATIVE_ID ? number : null;
+}
+function decimalId(value, allowZero) {
+    if (!value) return null;
+    const number = Number(value);
+    return Number.isSafeInteger(number) && number <= MAX_NATIVE_ID && (allowZero ? number >= 0 : number > 0) ? number : null;
+}
+function occurrenceCounts(values) {
+    const counts = new Map();
+    for (const value of values)counts.set(value, (counts.get(value) ?? 0) + 1);
+    return counts;
+}
+function nextAvailableId(used, next, kind) {
+    while(used.has(next[kind]))next[kind] += 1;
+    const id = next[kind];
+    next[kind] += 1;
+    return id;
+}
+const WORD_NAMESPACE = 'http://schemas.openxmlformats.org/wordprocessingml/2006/main';
+function importDocxPageColor(document) {
+    const background = directChild(document.documentElement, 'background');
+    const color = attribute(background ?? document.documentElement, 'color');
+    if (!background || !color || 'auto' === color.toLowerCase()) return;
+    return normalizeDocumentPageColor(`#${color}`);
+}
+async function patchDocxPageColor(buffer, value) {
+    const pageColor = normalizeDocumentPageColor(value);
+    if (!pageColor || pageColor === DEFAULT_DOCUMENT_PAGE_COLOR) return buffer;
+    const archive = await jszip.loadAsync(buffer);
+    const documentEntry = archive.file('word/document.xml');
+    if (!documentEntry) return buffer;
+    const document = parseXml(await documentEntry.async('text'), 'word/document.xml');
+    upsertDocumentBackground(document, pageColor.slice(1).toUpperCase());
+    archive.file('word/document.xml', new XMLSerializer().serializeToString(document));
+    const settingsEntry = archive.file('word/settings.xml');
+    if (settingsEntry) {
+        const settings = parseXml(await settingsEntry.async('text'), 'word/settings.xml');
+        if (!directChild(settings.documentElement, 'displayBackgroundShape')) settings.documentElement.append(settings.createElementNS(WORD_NAMESPACE, wordQualifiedName(settings.documentElement, 'displayBackgroundShape')));
+        archive.file('word/settings.xml', new XMLSerializer().serializeToString(settings));
+    }
+    return archive.generateAsync({
+        type: 'arraybuffer'
+    });
+}
+function upsertDocumentBackground(document, color) {
+    const root = document.documentElement;
+    let background = directChild(root, 'background');
+    if (!background) {
+        background = document.createElementNS(WORD_NAMESPACE, wordQualifiedName(root, 'background'));
+        root.insertBefore(background, directChild(root, 'body') ?? root.firstChild);
+    }
+    background.setAttributeNS(WORD_NAMESPACE, wordQualifiedName(root, 'color'), color);
+}
+function wordQualifiedName(root, localName) {
+    return `${xmlNamespacePrefix(root, WORD_NAMESPACE) ?? root.prefix ?? 'w'}:${localName}`;
+}
+export { assignDocxCommentThreads, assignDocxNoteIds, importDocxPageColor, importedDocumentNoteId, normalizeDocxCommentId, patchDocxPageColor };