@yumiai/chat-widget 0.1.2 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,105 @@
 # Changelog
 
+## [0.2.1] - 2026-05-19
+
+### Fixed
+
+- **完善 `peerDependencies`**：将 `@ant-design/icons` 和 `tailwindcss-scoped-preflight` 加入 `peerDependencies`。0.2.0 的 dist 直接以 bare import 引用这两者，但 package.json 既未声明 dep 也未声明 peerDep，导致下游消费者（如 JetForge frontend）`npm install` 后 vite/rollup 在 `Can't resolve 'tailwindcss-scoped-preflight'` 处崩。`@ant-design/icons` 同款问题，但消费侧若自己已装则巧合可过。
+  - `@ant-design/icons`: `^6.0.0 || ^7.0.0`，标记 `optional`（仅在使用相关 icon 时需要）。
+  - `tailwindcss-scoped-preflight`: `^4.0.0`，**必需**（chat-widget 的 CSS scoping 依赖它）。
+
+## [0.2.0] - 2026-05-19
+
+聚合自 0.1.2 以来 ~198 次提交，覆盖 **CWRF-001 → CWRF-013** 全部 Phase（P1 ~ P6）和若干 JETP 集成。重点是：a2ui / GenUI 渲染管线落地、shadcn × Tailwind v4 设计体系接入、DashboardLayout / RiskRegister / DataTable 三件套 Split 重构（已删除 legacy 但提供 transformer 自动迁移）、Phase 5 a11y 严格化（axe-core CI gate）、Phase 6 catalog 89 组件三件 contract 形式化。
+
+### Added
+
+#### a2ui / GenUI / JsonRender (CWRF-013 P1–P2, JETP-033)
+
+- **JETP-033 GenUI rendering pipeline**：`JsonRender` 组件 + page viewer + streaming 集成，把 agent 的 JSON 描述渲染为完整 UI。
+- **`@json-render/{core,react}` 升级 0.14.1 → 0.19.0**（CWRF-013 PR-P1-#2）。
+- **Tailwind v4 + scoped-preflight + `.ycw-shadcn` 接入**（PR-P1-#3），CSS 隔离不污染宿主样式。
+- **shadcn × YCW 设计体系：36 primitives**——12 layout + 12 form + 12 feedback/overlay，全部 catalog spread + registry `defineRegistry` 接线、单测覆盖（PR-P1-#4a/#4b/#4c）。
+- **JrSlot 命名插槽体系**：synthetic wrapper component + catalog/registry 注册 + `legacy.slots.named-children` transformer（PR-P1-#5）。
+- **YCW 6 layout primitives + 设计 token**（PR-P2-#1）。
+- **catalog 描述统一改写为 6-element prompt spec**：38 domain + 36 shadcn 组件（PR-P2-#2/#3）。
+- **catalog description linter + fragment file snapshot**（PR-P2-#4），机器可验证地保证描述质量。
+- **named-slots ADR + S6 Card-parent demo**（PR-P2-#6）。
+
+#### Split refactors (CWRF-013 P3)
+
+- **Split A · DashboardLayout** → `AppChrome` + `SideNav` + `SectionRouter` + normalize helpers + `legacy.dashboardlayout.split` transformer（PR-P3-#3）。
+- **Split B · RiskRegister** → `RiskList` + `RiskHeatMatrix` + `legacy.riskregister.split` transformer（PR-P3-#2）。
+- **Split C · DataTable modular** → `TableToolbar` + `ColumnFilter` + `RowGroup` banner wrapper + `filterPath` 读侧 + `legacy.datatable.split-toolbar` transformer + dotted filterPath translator（PR-P3-#1）。
+- **PR-P3-#5**：multi-component E2E、migrator automation-rate gate、named-slot interop、`FormSection` passthrough alias、cross-component visual baseline。
+
+#### Polish & micro-interactions (CWRF-013 P4)
+
+- **Phase 4 a2ui UI polish & microinteraction proposal v1.1**。
+- **Tier 2/3/4 落地**：Slice G 自适应基础设施、`ChecklistCard.compact` + `KPICluster` compact patterns、`SectionRouter` fade-slide、`RowGroup` caret rotate、`SideNav` icon/badge/disabled、`AppChrome.footer` destructive auto-wrap。
+- **`useComponentState` + `StateView` + 五状态接线**：`DataTable` / `Chart` / `GanttChart` / `WaterfallChart` / `Timeline` / `AppChrome` / `RiskList` / `EvidenceChain` / `AssumptionRegister` 等 ~13 组件（Tier 4-4 A/B/C）。
+
+#### Accessibility (CWRF-013 P5)
+
+- **Tier 5-2 `:focus-visible` 第二波迁移**。
+- **Tier 5-3 P0 keyboard parity**（4 个 pressable surface）。
+- **Tier 5-4 dual encoding**：Heatmap / GanttChart / BudgetBar 色彩失败时仍可读。
+- **`KPICard` variant icon dual-encoding**（AC-A11Y-008）+ **`ConfirmDialog` Radix description warning** 修复。
+- **AC-A11Y-005 axe-core CI gate**：15 个 P0 组件 0 critical/serious 违规。
+
+#### Catalog contracts (CWRF-013 P6)
+
+- **Tier 6-1 RESPONSIVE contract**：扩展到 7 个 P1 container 组件。
+- **Tier 6-2 anti-pattern contract**：全部 89 组件正式化。
+- **Tier 6-3 Cross-ref contract**：全部 89 组件完成。
+- **Tier 6-4**：从 catalog prompt payload 中剥离 engineering provenance，降低 LLM context 噪音。
+
+#### File viewer / KiCad / Gerber (CWRF-001/002/003)
+
+- **`extractKicadSexprByUuid`**：从 `.kicad_sch` / `.kicad_pcb` 正文按 `uuid` 截取外层 S 表达式块（Vitest 覆盖）。
+- **KiCad 画布选中 → 引用**：监听 `kicanvas-embed` 的 `kicanvas:select`（需 **jp-kicanvas** 补丁产出 `detail.jp.uuid`）；显示「问一下 / 复制片段」条。
+- **`kicanvasScriptUrl` 配置项**：`ChatWidget` / `FileViewerPanel` 可传入自建脚本 URL，未传时 ESM 下可读 `VITE_KICANVAS_SCRIPT_URL`。
+- **GerberViewer 嵌入渲染**：内层图层 SIG 处理 + 2D/3D entry + baseline 测试（PR-P1-#6）；动态导入类型 `gerber-2d-entry.d.ts`。
+- **沉浸式 workspace + session channel + JsonRender viewers**（KiCad/Gerber 全链路）。
+- **Word / Excel / Step / Three viewers**：核心 viewer + 各自 lazy chunk。
+
+#### SDK / API surface
+
+- **JETP-032 skill selector**。
+- **CWRF-007 design system + CSS token isolation**（`.ycw-*` 前缀隔离）。
+- **CWRF-013 P2-T15.2 ModelPicker SDK extraction**、status banner、styling contracts。
+
+#### Tooling / CI / Docs
+
+- **GitLab CI pipeline + Dockerfile + publish script**。
+- **`.size-limit.json` 重置**到 post-Tailwind+shadcn 基线（PR-P1-Gate）。
+- **smoke 覆盖** 从 4 → 8（PR-P1-Gate）。
+- **`tests/visual/gerber-baseline`** 脚手架。
+- **大量 README v1.5 → v1.16 级联更新**、Phase 1/2 Gate checklist、kickoff checklist、ADR、jetagents handoff 文档。
+
+### Changed
+
+- **子 Agent 卡片「已完成」判定**（继承自 0.1.1/0.1.2）：基于后端 `agent_end` 通知 + `round.messages` 按 `agentInstanceId` 检查进行中工具，避免「顶上已完成、内部仍生成中」的不一致。
+- **tailwindcss 包**从 devDependencies 移到 runtime dependencies（消费侧无需再装）。
+- **Docker build**：移除 `npm install ./dist`，改用 vite alias；切回官方 npm registry 避免 mirror 同步 404；通过 `--build-arg` 注入 `VITE_API_TARGET`。
+
+### Removed (BREAKING)
+
+> 0.x 阶段允许 minor 含 break；以下旧组件已删除，请用各自 transformer 迁移：
+
+- ❌ **legacy `DashboardLayout`** —— 用 `legacy.dashboardlayout.split` transformer 拆为 `AppChrome` + `SideNav` + `SectionRouter`。
+- ❌ **legacy `RiskRegister`** —— 用 `legacy.riskregister.split` transformer 拆为 `RiskList` + `RiskHeatMatrix`。
+- ❌ **`DataTable` phantom field schemas** —— Split C 重构后已是 modular `TableToolbar` + `ColumnFilter` + `RowGroup`；幻影 schema 不再需要。
+- ❌ **静态 prompt-fragment 脚本**（PR-P2-#5 obsolete）——改为 catalog 内联描述。
+
+### Fixed
+
+- **`randomUUID` fallback**：非安全 HTTP context 下退回 polyfill，避免 widget 在 http:// 部署上崩。
+- **`file-viewer` 生产构建样式丢失**：确保 panel styles 进 production bundle。
+- **`file-viewer` 文本下载 URI malformed**：raw text content 先包成 Blob URL 再下载。
+- **demo PostCSS 构建**：恢复 `@tailwindcss/postcss` + `tailwindcss` 依赖。
+- **CWRF-013 P2-#4 linter 收尾**：补齐 6 个由新 linter 暴露的描述空缺。
+
 ## [0.1.2] - 2025-03-17
 
 ### Fixed

package/README.md

@@ -1,6 +1,6 @@
-# @yumiai/chat-widget
+# @yumiai/chat-widget  
 
-Agent 对话 UI 组件 — 为 AI Agent 系统提供开箱即用的聊天界面。
+Agent 对话 UI 组件 — 为 AI Agent 系统提供开箱即用的聊天界面。  
 
 ## 特性
 
@@ -11,9 +11,13 @@ Agent 对话 UI 组件 — 为 AI Agent 系统提供开箱即用的聊天界面
 - **工具调用卡片** — MCP 工具生命周期（生成 → 执行 → 完成），buffering 动画
 - **Todo/Checklist** — 实时任务进度面板，按 Phase → Group → Task 三级结构展示
 - **HITL 表单** — Human-in-the-Loop 交互，支持 JSON Schema / HTML Schema 动态表单
-- **产出物查看器** — 文件 Artifact 点击预览，支持文本/二进制类型识别
+- **富文档查看器** — PDF、图片、代码、3D/STEP、KiCad 原理图/PCB、Markdown、HTML 等 20+ 格式（CWRF-001/003）
+- **溯源图谱** — 3D 推理图谱可视化，支持节点过滤、深度控制、详情面板（CWRF-004）
+- **选区交互** — 文档选区工具条、Ask/Copy 拦截、上下文引用芯片（CWRF-002）
+- **Headless Controller** — `useChatWidgetController` 将业务逻辑与 UI 分离，支持自定义渲染（CWRF-004）
+- **国际化 (i18n)** — `locale` prop 支持 `zh-CN` / `en-US`，可自定义消息字典
 - **打字机效果** — 基于 `requestAnimationFrame` 的逐字展开，自动对齐 Markdown 安全边界
-- **主题支持** — `light` / `dark` / `auto` 三种主题，CSS 变量驱动
+- **CSS 隔离** — 所有类名 `ycw-` 前缀，CSS 变量驱动主题，不污染宿主样式
 - **Adapter 模式** — 认证、API 地址、Token 刷新完全由消费方注入，零耦合
 
 ## 安装
@@ -22,7 +26,7 @@ Agent 对话 UI 组件 — 为 AI Agent 系统提供开箱即用的聊天界面
 npm install @yumiai/chat-widget
 ```
 
-**Peer Dependencies:**
+**Peer Dependencies（必需）:**
 
 ```json
 {
@@ -32,6 +36,16 @@ npm install @yumiai/chat-widget
 }
 ```
 
+**可选 Peer Dependencies（溯源 3D 图谱）:**
+
+```json
+{
+  "three": ">=0.150.0",
+  "react-force-graph-3d": "^1.29.0",
+  "three-spritetext": "^1.10.0"
+}
+```
+
 ## 快速开始
 
 ```tsx
@@ -99,7 +113,58 @@ class MyAdapter implements ChatWidgetAdapter {
 }
 ```
 
-详细接口定义见 [docs/02-adapter-interface.md](docs/02-adapter-interface.md)。
+详细接口定义见 [docs/02-adapter-interface.md](docs/02-adapter-interface.md)。完整 API 文档见 [docs/11-api-reference.md](docs/11-api-reference.md)。
+
+## Headless Controller（CWRF-004）
+
+如果需要完全自定义 UI，可直接使用 `useChatWidgetController` Hook：
+
+```tsx
+import { useChatWidgetController } from '@yumiai/chat-widget'
+
+function MyCustomChat({ adapter }) {
+  const {
+    executionStatus,
+    connectionStatus,
+    rounds,
+    sendMessage,
+    widgetAPI,
+  } = useChatWidgetController({
+    adapter,
+    sessionId: 123,
+    onStatusChange: (s) => console.log('status:', s),
+    onRoundChange: (r) => console.log('new round:', r),
+    onConnectionChange: (c) => console.log('connection:', c),
+  })
+
+  return (
+    <div>
+      {rounds.map((round) => (
+        <div key={round.id}>{/* 自定义轮次渲染 */}</div>
+      ))}
+    </div>
+  )
+}
+```
+
+## 溯源图谱（CWRF-004）
+
+溯源组件可作为子路径单独导入（需安装 three.js 可选依赖）：
+
+```tsx
+import { ProvenanceGraphDrawerContent, useProvenanceGraph } from '@yumiai/chat-widget/provenance'
+
+function ProvenancePanel({ sessionId }) {
+  const { graph, loading } = useProvenanceGraph({
+    sessionId,
+    enabled: !!sessionId,
+    fetcher: (sid, params) => myApi.getProvenanceGraph(sid, params),
+  })
+
+  if (loading) return <Spin />
+  return <ProvenanceGraphDrawerContent graph={graph} />
+}
+```
 
 ## API 参考
 
@@ -117,6 +182,10 @@ class MyAdapter implements ChatWidgetAdapter {
 | `onHITLSubmit` | `(response) => Promise<void>` | — | HITL 表单提交回调 |
 | `onStatusChange` | `(status: ExecutionStatus) => void` | — | 执行状态变化回调 |
 | `onError` | `(error: Error) => void` | — | 错误回调 |
+| `locale` | `'zh-CN' \| 'en-US'` | `'zh-CN'` | UI 语言 |
+| `renderToolResult` | `(data: ToolCallData) => ReactNode` | — | 自定义工具结果渲染 |
+| `onSelectionAsk` | `(ref: FileReference) => void` | — | 文档选区"提问"回调 |
+| `onBeforeCopy` | `(ref: FileReference) => void` | — | 文档选区"复制"拦截 |
 | `height` | `number \| string` | `600` | 容器高度 |
 | `theme` | `'light' \| 'dark' \| 'auto'` | `'auto'` | 主题 |
 
@@ -157,31 +226,59 @@ chat-widget/
 │   ├── index.ts                    # 公共导出
 │   ├── types.ts                    # 类型定义
 │   ├── errors.ts                   # 错误类型
-│   ├── ChatWidget.tsx              # 主组件
-│   ├── ChatWidget.css              # 主样式
+│   ├── ChatWidget.tsx              # 主组件（thin shell）
+│   ├── ChatWidget.css              # 主样式（ycw- 前缀）
+│   ├── controller/                 # Headless Controller (CWRF-004)
+│   │   ├── useChatWidgetController.ts
+│   │   └── index.ts
 │   ├── hooks/
 │   │   ├── useSSE.ts               # SSE 连接 Hook
-│   │   └── useMessageAggregator.ts # 消息聚合 Hook
+│   │   ├── useMessageAggregator.ts # 消息聚合 Hook
+│   │   └── useAttentionManager.ts  # 注意力通知 Hook
 │   ├── adapters/
-│   │   ├── ChatWidgetAdapter.ts    # Adapter 接口
 │   │   └── DefaultJetAgentsAdapter.ts # JetAgents 默认适配器
-│   └── components/
-│       ├── PinnedArea.tsx          # 置顶区域
-│       ├── RoundHeader.tsx         # 轮次标题
-│       ├── MessageContent.tsx      # 消息内容渲染
-│       ├── ChildAgentCard.tsx      # 子 Agent 卡片
-│       ├── ToolCardBuffering.tsx   # 工具调用卡片
-│       ├── TodoCard.tsx            # Todo 进度面板
-│       ├── PlanCard.tsx            # 计划面板
-│       ├── SchemaFormRenderer.tsx  # HITL 表单渲染器
-│       └── renderers/              # 工具结果渲染器
+│   ├── provenance/                 # 溯源图谱 (CWRF-004)
+│   │   ├── api.ts                  # ProvenanceGraphFetcher
+│   │   ├── GraphBuilder.ts         # 图构建器
+│   │   ├── components/             # 3D 图谱、面板、过滤器
+│   │   └── hooks/                  # useProvenanceGraph
+│   ├── components/
+│   │   ├── FileViewer/             # 富文档查看器 (CWRF-001/003)
+│   │   ├── SplitPanel/             # 分屏面板 (CWRF-002)
+│   │   ├── ContextBridge/          # 选区交互 (CWRF-002)
+│   │   ├── PinnedArea.tsx
+│   │   ├── MessageContent.tsx
+│   │   ├── ChildAgentCard.tsx
+│   │   ├── ToolCardBuffering.tsx
+│   │   ├── TodoCard.tsx
+│   │   ├── PlanCard.tsx
+│   │   └── SchemaFormRenderer.tsx
+│   └── i18n/                       # 国际化字典
 ├── tests/                          # 集成测试
 ├── docs/                           # 设计文档
-├── tsup.config.ts                  # 构建配置
+├── tsup.config.ts                  # 构建配置（双入口：main + provenance）
 ├── vitest.config.ts                # 测试配置
 └── package.json
 ```
 
+## 文档目录
+
+| 编号 | 文档 | 内容 |
+|------|------|------|
+| 01 | [架构设计](docs/01-architecture.md) | 整体架构、数据流、消息路由规则、滚动与置顶 |
+| 02 | [Adapter 接口规范](docs/02-adapter-interface.md) | ChatWidgetAdapter 接口、DefaultJetAgentsAdapter |
+| 03 | [SSE 协议规范](docs/03-sse-protocol.md) | SSEMessage 结构、NotificationType、控制消息 |
+| 04 | [组件详解](docs/04-components.md) | 各组件职责、渲染逻辑、Props |
+| 05 | [主题与样式](docs/05-theming-and-styling.md) | CSS 变量、Light/Dark 主题、动画 |
+| 06 | [性能优化](docs/06-performance.md) | RAF 批量更新、Map 索引、延迟拼接、打字机 |
+| 07 | [时序图与架构图](docs/07-sequence-diagrams.md) | Mermaid 时序图、状态机、组件关系图、消息路由流程图 |
+| 08 | [错误处理与重连](docs/08-error-handling.md) | 错误类型、401 Token 刷新、自动重连、容错策略 |
+| 09 | [消息聚合引擎深度解析](docs/09-message-aggregation-deep-dive.md) | 索引体系、分段策略、短残片回溯、MCP 聚合、chunk 去重 |
+| 10 | [测试策略](docs/10-testing-strategy.md) | 测试分层、Mock 工厂、E2E 蓝图、覆盖率要求 |
+| 11 | [API 参考文档](docs/11-api-reference.md) | 完整 Props/API/类型定义、导出清单 |
+| 12 | [原始设计规范](docs/12-design-spec.md) | 原始设计背景、消息协议、验收标准（移植自 JetForge） |
+| 13 | [UI 设计规范](docs/13-ui-design-spec.md) | 颜色、排版、间距、动画、响应式、无障碍（移植自 JetForge） |
+
 ## License
 
-Proprietary — YumiAI
+Proprietary — YumiAI  

package/dist/ExcelCore-DJOIVQMI.js

@@ -0,0 +1,11 @@
+import {
+  ExcelCore,
+  ExcelCore_default
+} from "./chunk-56WRZM3R.js";
+import "./chunk-VXJWGLZ7.js";
+import "./chunk-7D4SUZUM.js";
+export {
+  ExcelCore,
+  ExcelCore_default as default
+};
+//# sourceMappingURL=ExcelCore-DJOIVQMI.js.map

package/dist/ExcelCore-DJOIVQMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/ExcelViewer-3YLLYYIQ.js

@@ -0,0 +1,65 @@
+import {
+  injectStyles,
+  useResource,
+  useResourceContext
+} from "./chunk-GAMA3VA7.js";
+import "./chunk-7D4SUZUM.js";
+
+// src/components/JsonRender/domain/ExcelViewer.tsx
+import React, { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STYLE_ID = "jr-styles-excel-viewer";
+var SHEET = `
+.jr-excel-viewer { width: 100%; min-width: 0; max-width: 100%; min-height: 300px; }
+.jr-excel-viewer--loading, .jr-excel-viewer--error {
+  padding: 1rem; font-family: var(--jr-font, system-ui, sans-serif);
+  color: var(--jr-text-muted, #64748b);
+}
+.jr-excel-viewer--error { color: var(--jr-danger, #ef4444); }
+`;
+var LazyExcelCore = React.lazy(() => import("./ExcelCore-DJOIVQMI.js"));
+var ExcelViewer = ({ props, emit }) => {
+  injectStyles(STYLE_ID, SHEET);
+  const res = useResource({ resource_id: props.resource_id, url: props.url, content: props.content });
+  useEffect(() => {
+    if (res.loading) return;
+    if (res.error) {
+      emit?.("viewer:error", { resource_id: props.resource_id, error: res.error });
+    } else {
+      emit?.("viewer:loaded", { resource_id: props.resource_id, mimeType: res.mimeType, fileName: res.fileName });
+    }
+  }, [res.loading, res.error]);
+  const ctx = useResourceContext();
+  if (res.loading) return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer jr-excel-viewer--loading", children: "Loading\u2026" });
+  if (res.error) return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer jr-excel-viewer--error", children: res.error });
+  const textContent = res.content;
+  const src = res.url;
+  const isLegacy = res.fileName?.match(/\.xls$/i) && !res.fileName?.match(/\.xlsx$/i);
+  if (isLegacy && ctx?.resolvePreviewUrl && props.resource_id) {
+    return /* @__PURE__ */ jsx(LegacyFallback, { resourceId: props.resource_id, ctx });
+  }
+  if (textContent) {
+    return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer ycw-excel-viewer", children: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer--loading", children: "Loading Excel viewer\u2026" }), children: /* @__PURE__ */ jsx(LazyExcelCore, { content: textContent, sheet: props.sheet }) }) });
+  }
+  if (!src) return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer jr-excel-viewer--error", children: "No spreadsheet source" });
+  return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer ycw-excel-viewer", children: /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer--loading", children: "Loading Excel viewer\u2026" }), children: /* @__PURE__ */ jsx(LazyExcelCore, { src, sheet: props.sheet }) }) });
+};
+var LegacyFallback = ({ resourceId, ctx }) => {
+  const [previewUrl, setPreviewUrl] = React.useState();
+  const [error, setError] = React.useState();
+  React.useEffect(() => {
+    ctx.resolvePreviewUrl?.(resourceId, "html").then((url) => setPreviewUrl(url)).catch((err) => setError(String(err?.message ?? err)));
+  }, [resourceId, ctx]);
+  if (error) return /* @__PURE__ */ jsxs("div", { className: "jr-excel-viewer jr-excel-viewer--error", children: [
+    ".xls preview failed: ",
+    error
+  ] });
+  if (!previewUrl) return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer jr-excel-viewer--loading", children: "Converting .xls\u2026" });
+  return /* @__PURE__ */ jsx("div", { className: "jr-excel-viewer", children: /* @__PURE__ */ jsx("iframe", { src: previewUrl, title: "Excel Preview", style: { width: "100%", height: 600, border: "none" } }) });
+};
+var ExcelViewer_default = ExcelViewer;
+export {
+  ExcelViewer,
+  ExcelViewer_default as default
+};
+//# sourceMappingURL=ExcelViewer-3YLLYYIQ.js.map

package/dist/ExcelViewer-3YLLYYIQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/JsonRender/domain/ExcelViewer.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useResource } from '../../../hooks/useResource.js'\nimport { useResourceContext } from '../../../contexts/ResourceContext.js'\nimport { injectStyles } from './injectStyles.js'\n\nconst STYLE_ID = 'jr-styles-excel-viewer'\nconst SHEET = `\n.jr-excel-viewer { width: 100%; min-width: 0; max-width: 100%; min-height: 300px; }\n.jr-excel-viewer--loading, .jr-excel-viewer--error {\n  padding: 1rem; font-family: var(--jr-font, system-ui, sans-serif);\n  color: var(--jr-text-muted, #64748b);\n}\n.jr-excel-viewer--error { color: var(--jr-danger, #ef4444); }\n`\n\ninterface Props {\n  props: {\n    resource_id?: string\n    url?: string\n    content?: string\n    title?: string\n    sheet?: string\n  }\n  emit?: (event: string, data?: unknown) => void\n}\n\nconst LazyExcelCore = React.lazy(() => import('../../ViewerCore/ExcelCore.js'))\n\nexport const ExcelViewer: React.FC<Props> = ({ props, emit }) => {\n  injectStyles(STYLE_ID, SHEET)\n  const res = useResource({ resource_id: props.resource_id, url: props.url, content: props.content })\n\n  useEffect(() => {\n    if (res.loading) return\n    if (res.error) {\n      emit?.('viewer:error', { resource_id: props.resource_id, error: res.error })\n    } else {\n      emit?.('viewer:loaded', { resource_id: props.resource_id, mimeType: res.mimeType, fileName: res.fileName })\n    }\n  }, [res.loading, res.error])\n\n  const ctx = useResourceContext()\n\n  if (res.loading) return <div className=\"jr-excel-viewer jr-excel-viewer--loading\">Loading…</div>\n  if (res.error) return <div className=\"jr-excel-viewer jr-excel-viewer--error\">{res.error}</div>\n\n  const textContent = res.content\n  const src = res.url\n  const isLegacy = res.fileName?.match(/\\.xls$/i) && !res.fileName?.match(/\\.xlsx$/i)\n\n  if (isLegacy && ctx?.resolvePreviewUrl && props.resource_id) {\n    return <LegacyFallback resourceId={props.resource_id} ctx={ctx} />\n  }\n\n  if (textContent) {\n    return (\n      <div className=\"jr-excel-viewer ycw-excel-viewer\">\n        <React.Suspense fallback={<div className=\"jr-excel-viewer--loading\">Loading Excel viewer…</div>}>\n          <LazyExcelCore content={textContent} sheet={props.sheet} />\n        </React.Suspense>\n      </div>\n    )\n  }\n\n  if (!src) return <div className=\"jr-excel-viewer jr-excel-viewer--error\">No spreadsheet source</div>\n\n  return (\n    <div className=\"jr-excel-viewer ycw-excel-viewer\">\n      <React.Suspense fallback={<div className=\"jr-excel-viewer--loading\">Loading Excel viewer…</div>}>\n        <LazyExcelCore src={src} sheet={props.sheet} />\n      </React.Suspense>\n    </div>\n  )\n}\n\nconst LegacyFallback: React.FC<{ resourceId: string; ctx: { resolvePreviewUrl?(id: string, fmt: 'html' | 'pdf'): Promise<string> } }> = ({ resourceId, ctx }) => {\n  const [previewUrl, setPreviewUrl] = React.useState<string>()\n  const [error, setError] = React.useState<string>()\n\n  React.useEffect(() => {\n    ctx.resolvePreviewUrl?.(resourceId, 'html')\n      .then(url => setPreviewUrl(url))\n      .catch(err => setError(String(err?.message ?? err)))\n  }, [resourceId, ctx])\n\n  if (error) return <div className=\"jr-excel-viewer jr-excel-viewer--error\">.xls preview failed: {error}</div>\n  if (!previewUrl) return <div className=\"jr-excel-viewer jr-excel-viewer--loading\">Converting .xls…</div>\n\n  return (\n    <div className=\"jr-excel-viewer\">\n      <iframe src={previewUrl} title=\"Excel Preview\" style={{ width: '100%', height: 600, border: 'none' }} />\n    </div>\n  )\n}\n\nexport default ExcelViewer\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS,iBAAiB;AA2CP,cA0CN,YA1CM;AAtC1B,IAAM,WAAW;AACjB,IAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBd,IAAM,gBAAgB,MAAM,KAAK,MAAM,OAAO,yBAA+B,CAAC;AAEvE,IAAM,cAA+B,CAAC,EAAE,OAAO,KAAK,MAAM;AAC/D,eAAa,UAAU,KAAK;AAC5B,QAAM,MAAM,YAAY,EAAE,aAAa,MAAM,aAAa,KAAK,MAAM,KAAK,SAAS,MAAM,QAAQ,CAAC;AAElG,YAAU,MAAM;AACd,QAAI,IAAI,QAAS;AACjB,QAAI,IAAI,OAAO;AACb,aAAO,gBAAgB,EAAE,aAAa,MAAM,aAAa,OAAO,IAAI,MAAM,CAAC;AAAA,IAC7E,OAAO;AACL,aAAO,iBAAiB,EAAE,aAAa,MAAM,aAAa,UAAU,IAAI,UAAU,UAAU,IAAI,SAAS,CAAC;AAAA,IAC5G;AAAA,EACF,GAAG,CAAC,IAAI,SAAS,IAAI,KAAK,CAAC;AAE3B,QAAM,MAAM,mBAAmB;AAE/B,MAAI,IAAI,QAAS,QAAO,oBAAC,SAAI,WAAU,4CAA2C,2BAAQ;AAC1F,MAAI,IAAI,MAAO,QAAO,oBAAC,SAAI,WAAU,0CAA0C,cAAI,OAAM;AAEzF,QAAM,cAAc,IAAI;AACxB,QAAM,MAAM,IAAI;AAChB,QAAM,WAAW,IAAI,UAAU,MAAM,SAAS,KAAK,CAAC,IAAI,UAAU,MAAM,UAAU;AAElF,MAAI,YAAY,KAAK,qBAAqB,MAAM,aAAa;AAC3D,WAAO,oBAAC,kBAAe,YAAY,MAAM,aAAa,KAAU;AAAA,EAClE;AAEA,MAAI,aAAa;AACf,WACE,oBAAC,SAAI,WAAU,oCACb,8BAAC,MAAM,UAAN,EAAe,UAAU,oBAAC,SAAI,WAAU,4BAA2B,wCAAqB,GACvF,8BAAC,iBAAc,SAAS,aAAa,OAAO,MAAM,OAAO,GAC3D,GACF;AAAA,EAEJ;AAEA,MAAI,CAAC,IAAK,QAAO,oBAAC,SAAI,WAAU,0CAAyC,mCAAqB;AAE9F,SACE,oBAAC,SAAI,WAAU,oCACb,8BAAC,MAAM,UAAN,EAAe,UAAU,oBAAC,SAAI,WAAU,4BAA2B,wCAAqB,GACvF,8BAAC,iBAAc,KAAU,OAAO,MAAM,OAAO,GAC/C,GACF;AAEJ;AAEA,IAAM,iBAAkI,CAAC,EAAE,YAAY,IAAI,MAAM;AAC/J,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAiB;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAiB;AAEjD,QAAM,UAAU,MAAM;AACpB,QAAI,oBAAoB,YAAY,MAAM,EACvC,KAAK,SAAO,cAAc,GAAG,CAAC,EAC9B,MAAM,SAAO,SAAS,OAAO,KAAK,WAAW,GAAG,CAAC,CAAC;AAAA,EACvD,GAAG,CAAC,YAAY,GAAG,CAAC;AAEpB,MAAI,MAAO,QAAO,qBAAC,SAAI,WAAU,0CAAyC;AAAA;AAAA,IAAsB;AAAA,KAAM;AACtG,MAAI,CAAC,WAAY,QAAO,oBAAC,SAAI,WAAU,4CAA2C,mCAAgB;AAElG,SACE,oBAAC,SAAI,WAAU,mBACb,8BAAC,YAAO,KAAK,YAAY,OAAM,iBAAgB,OAAO,EAAE,OAAO,QAAQ,QAAQ,KAAK,QAAQ,OAAO,GAAG,GACxG;AAEJ;AAEA,IAAO,sBAAQ;","names":[]}