@openviking/react 0.1.4 → 0.1.6

package/dist/fj~0.js

@@ -0,0 +1,503 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useId, useRef, useState } from "react";
+import { mergeLabels } from "./nx~0.js";
+import { getFileTypeColor, getFileTypeIcon, WikiWarningIcon, WikiSuccessIcon, WikiEditIcon, WikiDiscussIcon, WikiHistoryIcon, resolveFileTypeIconKey } from "./k~0.js";
+import { Tooltip } from "./rt~0.js";
+import { Popover } from "./r~0.js";
+import { useLocale } from "./28~0.js";
+import { DashboardState } from "./37~0.js";
+const en = {
+    title: 'Generation results',
+    pendingLabel: 'Pending',
+    discuss: 'VikingBot discussion',
+    conflicts: 'All conflicts',
+    conflictFiles: 'Conflicting files',
+    pending: 'Pending conflicts',
+    all: 'All',
+    severity: 'Severity',
+    high: 'High',
+    medium: 'Medium',
+    low: 'Low',
+    fixed: 'Fixed',
+    reason: 'Reason',
+    file: 'File',
+    empty: 'No matching conflicts',
+    loading: 'Loading…',
+    failed: 'Could not load conflicts',
+    retry: 'Retry',
+    open: 'Open',
+    edit: 'Manual edit',
+    solution: 'Solution',
+    occurred: 'Detected',
+    fixedAt: 'Resolved',
+    evidence: 'Resolution basis',
+    history: 'Resolution history',
+    historyHint: 'View the resolution plan and evidence',
+    unavailable: 'Action unavailable',
+    limited: 'Showing up to 100 conflicting files'
+};
+const zh = {
+    title: '生成效果',
+    pendingLabel: '待确认',
+    discuss: 'VikingBot 对话',
+    conflicts: '全部冲突',
+    conflictFiles: '冲突文件数',
+    pending: '待确认冲突',
+    all: '全部',
+    severity: '严重程度',
+    high: '严重',
+    medium: '中等',
+    low: '普通',
+    fixed: '已修复',
+    reason: '原因',
+    file: '文件',
+    empty: '暂无符合条件的冲突',
+    loading: '加载中…',
+    failed: '冲突加载失败',
+    retry: '重试',
+    open: '打开',
+    edit: '人工修改',
+    solution: '修复方案',
+    occurred: '检测时间',
+    fixedAt: '修复时间',
+    evidence: '修复依据',
+    history: '修复回溯',
+    historyHint: '查看修复方案与依据',
+    unavailable: '当前不可操作',
+    limited: '最多展示 100 个存在待确认冲突的文件'
+};
+const wikiLabels = (locale, labels)=>mergeLabels('zh-CN' === locale ? zh : en, labels);
+function WikiFileIcon({ name }) {
+    const Icon = getFileTypeIcon(name);
+    const key = resolveFileTypeIconKey(name);
+    return /*#__PURE__*/ jsx(Icon, {
+        "aria-hidden": "true",
+        className: "ov-wiki-dashboard__file-icon",
+        style: {
+            '--ov-ui-wiki-icon-light': getFileTypeColor(key, 'light'),
+            '--ov-ui-wiki-icon-dark': getFileTypeColor(key, 'dark')
+        }
+    });
+}
+function WikiActionButton({ label, hint, onClick, children, ...aria }) {
+    return /*#__PURE__*/ jsx(Tooltip, {
+        content: hint,
+        children: /*#__PURE__*/ jsx("button", {
+            ...aria,
+            type: "button",
+            "aria-label": label,
+            "aria-disabled": !onClick || void 0,
+            "aria-description": onClick ? void 0 : hint,
+            onClick: ()=>onClick?.(),
+            children: children
+        })
+    });
+}
+function WikiConflictCard({ conflict, path, labels: t, editDisabledReason, discussDisabledReason, onOpenUri, onEdit, onDiscuss }) {
+    const [expanded, setExpanded] = useState(false);
+    const id = useId();
+    const fixed = 'fixed' === conflict.state;
+    const StatusIcon = fixed ? WikiSuccessIcon : WikiWarningIcon;
+    return /*#__PURE__*/ jsxs("article", {
+        className: "ov-wiki-dashboard__conflict",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: `ov-wiki-dashboard__conflict-row${path ? '' : ' ov-wiki-dashboard__conflict-row--without-path'}`,
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: `ov-wiki-dashboard__status ov-wiki-dashboard__status--${conflict.state}`,
+                        children: [
+                            /*#__PURE__*/ jsx(StatusIcon, {
+                                width: 14,
+                                height: 14
+                            }),
+                            fixed ? t.fixed : t.pendingLabel
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-wiki-dashboard__issue",
+                        children: [
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                "aria-expanded": expanded,
+                                "aria-controls": id,
+                                title: conflict.description,
+                                onClick: ()=>setExpanded(!expanded),
+                                children: conflict.description
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                title: conflict.reason,
+                                children: conflict.reason
+                            }),
+                            fixed && conflict.fixPlan ? /*#__PURE__*/ jsxs("span", {
+                                className: "ov-wiki-dashboard__solution",
+                                children: [
+                                    t.solution,
+                                    ": ",
+                                    conflict.fixPlan
+                                ]
+                            }) : null
+                        ]
+                    }),
+                    path ? /*#__PURE__*/ jsxs("div", {
+                        className: "ov-wiki-dashboard__path",
+                        children: [
+                            /*#__PURE__*/ jsx(WikiFileIcon, {
+                                name: path
+                            }),
+                            /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: "ov-wiki-dashboard__link",
+                                title: path,
+                                disabled: !onOpenUri,
+                                onClick: ()=>onOpenUri?.(),
+                                children: path
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ jsx("span", {
+                        className: `ov-wiki-dashboard__severity ov-wiki-dashboard__severity--${conflict.severity}`,
+                        children: t[conflict.severity]
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "ov-wiki-dashboard__actions",
+                        children: fixed ? /*#__PURE__*/ jsx(WikiActionButton, {
+                            label: t.history,
+                            hint: t.historyHint,
+                            "aria-expanded": expanded,
+                            "aria-controls": id,
+                            onClick: ()=>setExpanded(!expanded),
+                            children: /*#__PURE__*/ jsx(WikiHistoryIcon, {
+                                width: 14,
+                                height: 14
+                            })
+                        }) : /*#__PURE__*/ jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ jsx(WikiActionButton, {
+                                    label: `${t.edit}: ${conflict.description}`,
+                                    hint: onEdit ? t.edit : editDisabledReason || t.unavailable,
+                                    onClick: onEdit ? ()=>onEdit(conflict) : void 0,
+                                    children: /*#__PURE__*/ jsx(WikiEditIcon, {
+                                        width: 14,
+                                        height: 14
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(WikiActionButton, {
+                                    label: `${t.discuss}: ${conflict.description}`,
+                                    hint: onDiscuss ? t.discuss : discussDisabledReason || t.unavailable,
+                                    onClick: onDiscuss ? ()=>onDiscuss(conflict) : void 0,
+                                    children: /*#__PURE__*/ jsx(WikiDiscussIcon, {
+                                        width: 14,
+                                        height: 14
+                                    })
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                id: id,
+                hidden: !expanded,
+                className: "ov-wiki-dashboard__evidence",
+                children: /*#__PURE__*/ jsxs("dl", {
+                    children: [
+                        /*#__PURE__*/ jsx("dt", {
+                            children: t.reason
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: conflict.reason || '—'
+                        }),
+                        /*#__PURE__*/ jsx("dt", {
+                            children: t.occurred
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: /*#__PURE__*/ jsx("time", {
+                                dateTime: new Date(1000 * conflict.beginTime).toISOString(),
+                                children: new Date(1000 * conflict.beginTime).toISOString()
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("dt", {
+                            children: t.fixedAt
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: null === conflict.fixTime ? '—' : /*#__PURE__*/ jsx("time", {
+                                dateTime: new Date(1000 * conflict.fixTime).toISOString(),
+                                children: new Date(1000 * conflict.fixTime).toISOString()
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("dt", {
+                            children: t.solution
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: conflict.fixPlan || '—'
+                        }),
+                        /*#__PURE__*/ jsx("dt", {
+                            children: t.evidence
+                        }),
+                        /*#__PURE__*/ jsx("dd", {
+                            children: conflict.resolutionBasis || '—'
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+const SvgSeverityFilter = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        overflow: "visible",
+        preserveAspectRatio: "none",
+        style: {
+            display: "block"
+        },
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("g", {
+            fill: "currentColor",
+            children: /*#__PURE__*/ jsx("path", {
+                d: "M11.375 9.917a1.458 1.458 0 1 0-2.916-.001 1.458 1.458 0 0 0 2.916 0m.875 0a2.333 2.333 0 1 1-2.77-2.293V2.188a.437.437 0 1 1 .874 0v5.436a2.33 2.33 0 0 1 1.896 2.293M5.542 5.25a1.458 1.458 0 1 0-2.916-.001 1.458 1.458 0 0 0 2.916.001m.875 0c0 1.14-.816 2.087-1.896 2.292v4.27a.438.438 0 0 1-.875 0v-4.27a2.333 2.333 0 0 1 0-4.584v-.77a.438.438 0 0 1 .875 0v.77A2.33 2.33 0 0 1 6.417 5.25"
+            })
+        })
+    });
+const severity_filterreact = SvgSeverityFilter;
+const SvgFilterChevron = (props)=>/*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 14,
+        height: 14,
+        fill: "none",
+        overflow: "visible",
+        preserveAspectRatio: "none",
+        style: {
+            display: "block"
+        },
+        viewBox: "0 0 14 14",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            fill: "currentColor",
+            d: "M9.607 5.232a.437.437 0 1 1 .619.619L7.309 8.768a.437.437 0 0 1-.618 0L3.774 5.85a.437.437 0 1 1 .619-.619L7 7.84z"
+        })
+    });
+const filter_chevronreact = SvgFilterChevron;
+const values = [
+    'all',
+    'high',
+    'medium',
+    'low'
+];
+function WikiSeverityFilter({ value, onChange, labels: t }) {
+    const [open, setOpen] = useState(false);
+    const trigger = useRef(null);
+    const id = useId();
+    const focusSelected = useCallback((node)=>{
+        node?.querySelector('[aria-selected="true"]')?.focus();
+    }, []);
+    const close = ()=>{
+        setOpen(false);
+        trigger.current?.focus();
+    };
+    return /*#__PURE__*/ jsx(Popover, {
+        trigger: "click",
+        placement: "bottom",
+        open: open,
+        onOpenChange: setOpen,
+        role: "presentation",
+        className: "ov-wiki-dashboard__severity-popover",
+        content: /*#__PURE__*/ jsx("div", {
+            ref: focusSelected,
+            id: id,
+            role: "listbox",
+            tabIndex: -1,
+            "aria-label": t.severity,
+            className: "ov-wiki-dashboard__severity-menu",
+            onBlur: (event)=>{
+                if (!event.currentTarget.contains(event.relatedTarget) && event.relatedTarget !== trigger.current) setOpen(false);
+            },
+            onKeyDown: (event)=>{
+                if ('Escape' === event.key || 'Tab' === event.key) {
+                    if ('Escape' === event.key) event.preventDefault();
+                    close();
+                    return;
+                }
+                if (![
+                    'ArrowDown',
+                    'ArrowUp',
+                    'Home',
+                    'End'
+                ].includes(event.key)) return;
+                event.preventDefault();
+                const options = [
+                    ...event.currentTarget.querySelectorAll('[role="option"]')
+                ];
+                const index = options.indexOf(event.target);
+                const next = 'Home' === event.key ? 0 : 'End' === event.key ? options.length - 1 : (index + ('ArrowDown' === event.key ? 1 : -1) + options.length) % options.length;
+                options[next]?.focus();
+            },
+            children: values.map((severity)=>/*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": value === severity,
+                    tabIndex: value === severity ? 0 : -1,
+                    onClick: ()=>{
+                        onChange(severity);
+                        close();
+                    },
+                    children: t[severity]
+                }, severity))
+        }),
+        children: /*#__PURE__*/ jsxs("button", {
+            type: "button",
+            "aria-haspopup": "listbox",
+            "aria-controls": open ? id : void 0,
+            "aria-expanded": open,
+            "aria-label": `${t.severity}: ${t[value]}`,
+            className: "ov-wiki-dashboard__severity-filter",
+            onClick: (event)=>{
+                trigger.current = event.currentTarget;
+            },
+            onKeyDown: (event)=>{
+                trigger.current = event.currentTarget;
+                if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {
+                    event.preventDefault();
+                    setOpen(true);
+                }
+            },
+            children: [
+                /*#__PURE__*/ jsx(severity_filterreact, {
+                    "aria-hidden": "true"
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    children: t.severity
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "ov-wiki-dashboard__filter-value",
+                    children: t[value]
+                }),
+                /*#__PURE__*/ jsx(filter_chevronreact, {
+                    "aria-hidden": "true"
+                })
+            ]
+        })
+    });
+}
+function WikiDashboard(props) {
+    const { kind, data, editDisabledReason, discussDisabledReason, locale: localeProp, onOpenUri, onOpenDashboard, onEdit, onDiscuss, labels, loading, error, onRetry, className, ...rest } = props;
+    const locale = useLocale(localeProp);
+    const t = wikiLabels(locale, labels);
+    const [severity, setSeverity] = useState('all');
+    const conflicts = 'file' === kind ? data?.conflicts.filter((item)=>'all' === severity || item.severity === severity) ?? [] : [];
+    const count = data ? 'file' === kind ? data.conflicts.filter((item)=>'unfixed' === item.state).length : data.conflictFileCount : void 0;
+    return /*#__PURE__*/ jsxs("div", {
+        ...rest,
+        className: [
+            'ov-wiki-dashboard',
+            className
+        ].filter(Boolean).join(' '),
+        children: [
+            /*#__PURE__*/ jsx("header", {
+                className: "ov-wiki-dashboard__header",
+                children: /*#__PURE__*/ jsx("h2", {
+                    children: t.title
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "ov-wiki-dashboard__body",
+                children: [
+                    /*#__PURE__*/ jsx("dl", {
+                        className: "ov-wiki-dashboard__statistics",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            children: [
+                                /*#__PURE__*/ jsx(WikiWarningIcon, {
+                                    width: 14,
+                                    height: 14
+                                }),
+                                /*#__PURE__*/ jsx("dd", {
+                                    children: void 0 === count ? '—' : 'directory' === kind && count >= 100 ? '99+' : `${count}${'directory' === kind && data?.limited ? '+' : ''}`
+                                }),
+                                /*#__PURE__*/ jsx("dt", {
+                                    children: 'file' === kind ? t.pending : t.conflictFiles
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "ov-wiki-dashboard__toolbar",
+                        children: [
+                            /*#__PURE__*/ jsx("h3", {
+                                children: t.conflicts
+                            }),
+                            'file' === kind ? /*#__PURE__*/ jsx(WikiSeverityFilter, {
+                                value: severity,
+                                onChange: setSeverity,
+                                labels: t
+                            }) : null
+                        ]
+                    }),
+                    'file' === kind && conflicts.length ? /*#__PURE__*/ jsx("div", {
+                        className: "ov-wiki-dashboard__conflicts",
+                        role: "region",
+                        "aria-label": t.conflicts,
+                        tabIndex: 0,
+                        children: conflicts.map((conflict)=>/*#__PURE__*/ jsx(WikiConflictCard, {
+                                conflict: conflict,
+                                path: data?.path,
+                                labels: t,
+                                editDisabledReason: editDisabledReason,
+                                discussDisabledReason: discussDisabledReason,
+                                onOpenUri: onOpenUri,
+                                onEdit: onEdit,
+                                onDiscuss: onDiscuss
+                            }, conflict.id))
+                    }) : 'directory' === kind && data?.files.length ? /*#__PURE__*/ jsx("ul", {
+                        className: "ov-wiki-dashboard__files",
+                        children: data.files.map((file)=>/*#__PURE__*/ jsxs("li", {
+                                children: [
+                                    /*#__PURE__*/ jsx(WikiFileIcon, {
+                                        name: file
+                                    }),
+                                    /*#__PURE__*/ jsxs("button", {
+                                        type: "button",
+                                        className: "ov-wiki-dashboard__link",
+                                        disabled: !onOpenDashboard && !onOpenUri,
+                                        onClick: ()=>(onOpenDashboard ?? onOpenUri)?.(file),
+                                        children: [
+                                            /*#__PURE__*/ jsx("span", {
+                                                children: file.split('/').pop()
+                                            }),
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: "ov-wiki-dashboard__file-uri",
+                                                children: file
+                                            })
+                                        ]
+                                    }),
+                                    onEdit ? /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        onClick: ()=>onEdit(file),
+                                        children: t.edit
+                                    }) : null
+                                ]
+                            }, file))
+                    }) : /*#__PURE__*/ jsx(DashboardState, {
+                        state: {
+                            loading,
+                            error,
+                            onRetry
+                        },
+                        empty: t.empty,
+                        loading: t.loading,
+                        failed: t.failed,
+                        retry: t.retry
+                    }),
+                    'directory' === kind && data?.limited ? /*#__PURE__*/ jsx("p", {
+                        className: "ov-wiki-dashboard__limited",
+                        children: t.limited
+                    }) : null
+                ]
+            })
+        ]
+    });
+}
+export { WikiDashboard };