pptx-react-viewer 4.1.6 → 4.3.0

package/CHANGELOG.md

@@ -7,6 +7,44 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs re-releases a package whenever any of its files
 change, not only on conventional ones.
 
+## [4.2.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@4.2.0) - 2026-09-24
+
+### Features
+
+- **shared:** Add pptx-three-view host with one shared WebGL context (by @ChristopherVR) ([aaaf21d](https://github.com/ChristopherVR/pptx-viewer/commit/aaaf21d56e5baad79f9e7327029811e95c55d781))
+- **shared:** Wire chart-events, view-spec, and export snapshot for pptx-three-view (by @ChristopherVR) ([089738a](https://github.com/ChristopherVR/pptx-viewer/commit/089738a19e443bc08c3c7576b81f28bef236ec0c))
+- **core:** Parse 3D scene/extrusion for cached SmartArt drawing shapes (by @ChristopherVR) ([e80b086](https://github.com/ChristopherVR/pptx-viewer/commit/e80b086ada646f9786510e43f7e11f705eebe77c))
+- **shared:** Add pure chart-3d projection + flat-shading resolvers (by @ChristopherVR) ([117cfc5](https://github.com/ChristopherVR/pptx-viewer/commit/117cfc5d4e355394565a8ca935c6d970a460cc1a))
+- **shared:** Build a real Chart3DSpec for bar3D (clustered/stacked) (by @ChristopherVR) ([7df9a11](https://github.com/ChristopherVR/pptx-viewer/commit/7df9a1137e5b75333dcb376147af04c0dcb6082d))
+- **shared:** Add the 3D chart's SVG chrome overlay renderer (by @ChristopherVR) ([635aea0](https://github.com/ChristopherVR/pptx-viewer/commit/635aea0e896d4fb5c2592627d62147a37ff54313))
+- **shared:** Render flat SmartArt quick styles from the cached drawing (by @ChristopherVR) ([bb89b9b](https://github.com/ChristopherVR/pptx-viewer/commit/bb89b9bddd6b3f696143164665f9539257cc057c))
+- **react:** Replace per-kind 3D chart/SmartArt wrappers with <pptx-three-view> (by @ChristopherVR) ([7abc7f3](https://github.com/ChristopherVR/pptx-viewer/commit/7abc7f326223b064bc902933bdeaa8aa17802175))
+- **shared:** Implement mountChart3DView for oblique bar3D boxes (by @ChristopherVR) ([4cbb870](https://github.com/ChristopherVR/pptx-viewer/commit/4cbb8700cb579510177591cd0b16697ecdf6c2ab))
+- **shared:** Host every 3D chart kind in pptx-three-view (by @claude) ([d8a3019](https://github.com/ChristopherVR/pptx-viewer/commit/d8a3019259327557b331bf9ff456909573eda552))
+- **vue:** Render 3D charts and SmartArt through <pptx-three-view> (by @claude) ([5a35348](https://github.com/ChristopherVR/pptx-viewer/commit/5a35348748e78b49c4e5150843b3bd2797bae0d7))
+- **shared:** Use web components for search, select, and checkbox controls ([#352](https://github.com/ChristopherVR/pptx-viewer/issues/352)) (by @yunfeizhu) ([e09b47a](https://github.com/ChristopherVR/pptx-viewer/commit/e09b47a6e7c94e170d4fe9c87774d11619da776d))
+
+### Bug Fixes
+
+- **shared:** Draw PowerPoint's auto title for a c:title without text (by @claude) ([dd3c6f0](https://github.com/ChristopherVR/pptx-viewer/commit/dd3c6f0165a6d60305ac0e93ec6548707d351ee5))
+- **shared:** Keep surfaceChart3D covering 2D surface charts (by @claude) ([b208414](https://github.com/ChristopherVR/pptx-viewer/commit/b2084147636006d0791d3dc43e98ed1a52d00a74))
+
+### Refactor
+
+- **shared:** Move the extracted chart DOM renderer into shared (by @ChristopherVR) ([0d850d4](https://github.com/ChristopherVR/pptx-viewer/commit/0d850d4015b30bf2d7f92ca8bfd093839d18c5dd))
+- **shared:** Remove the pre-element SmartArt scene runtime (by @claude) ([a2bd6c1](https://github.com/ChristopherVR/pptx-viewer/commit/a2bd6c18beba4ad8e3769a71e04f3cb08fee3d99))
+
+### Testing
+
+- **shared:** Cover the three-view host, controller and sizing (by @ChristopherVR) ([ad42c24](https://github.com/ChristopherVR/pptx-viewer/commit/ad42c248a07e7f297a5e47076c325bbd456417b6))
+- **react:** Give the surface 3D gating fixture a c:view3D (by @ChristopherVR) ([f559b0d](https://github.com/ChristopherVR/pptx-viewer/commit/f559b0decbf7761b4bf22a736ff2e775571b2bfa))
+
+## [4.1.6](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@4.1.6) - 2026-09-23
+
+### Bug Fixes
+
+- **ui:** Align File backstage navigation across bindings ([#351](https://github.com/ChristopherVR/pptx-viewer/issues/351)) (by @yunfeizhu) ([2196a0e](https://github.com/ChristopherVR/pptx-viewer/commit/2196a0e6a5bd33f0e7ea70e18460141a64703874))
+
 ## [4.1.5](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@4.1.5) - 2026-09-23
 
 ### Bug Fixes

package/dist/{AiChatPanel-DRCY3T2Z.js → AiChatPanel-7UQA25FA.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk2O66VMWK_js = require('./chunk-2O66VMWK.js');
-var chunkP5LF34BT_js = require('./chunk-P5LF34BT.js');
-require('./chunk-QMSSDBKN.js');
-require('./chunk-NXGUR2DO.js');
+var chunkKAO5USPE_js = require('./chunk-KAO5USPE.js');
+var chunkE7O4HTS5_js = require('./chunk-E7O4HTS5.js');
+require('./chunk-UTI4CLYJ.js');
+require('./chunk-W5KLLGVH.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
@@ -22,7 +22,7 @@ function useAiChat(bridge, config) {
     setInitError(void 0);
     void (async () => {
       try {
-        const available = await chunk2O66VMWK_js.isAiAvailable();
+        const available = await chunkKAO5USPE_js.isAiAvailable();
         if (cancelled) {
           return;
         }
@@ -30,7 +30,7 @@ function useAiChat(bridge, config) {
           setState("unavailable");
           return;
         }
-        const built = await chunk2O66VMWK_js.createAiChatSession(bridge, configRef.current);
+        const built = await chunkKAO5USPE_js.createAiChatSession(bridge, configRef.current);
         if (cancelled) {
           return;
         }
@@ -87,7 +87,7 @@ function withDeckContext(inner, bridge, strategy) {
       }
       let context = "";
       try {
-        context = await chunk2O66VMWK_js.buildDeckContext(bridge, { strategy, focus: {} });
+        context = await chunkKAO5USPE_js.buildDeckContext(bridge, { strategy, focus: {} });
       } catch {
         context = "";
       }
@@ -145,12 +145,12 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
   chatRef.current = chat;
   react.useEffect(() => {
     const seen = seenToolCallsRef.current;
-    for (const call of chunk2O66VMWK_js.extractReadyToolCalls(chat.messages)) {
+    for (const call of chunkKAO5USPE_js.extractReadyToolCalls(chat.messages)) {
       if (seen.has(call.toolCallId)) {
         continue;
       }
       seen.add(call.toolCallId);
-      onToolTargetRef.current?.(chunk2O66VMWK_js.toolCanvasTarget(call.toolName, call.input));
+      onToolTargetRef.current?.(chunkKAO5USPE_js.toolCanvasTarget(call.toolName, call.input));
     }
   }, [chat.messages]);
   const send = react.useCallback(
@@ -184,7 +184,7 @@ function useAiConversation(useChat, session, config, bridge, options = {}) {
   const setMessages = react.useCallback(
     (next) => {
       chat.setMessages(next);
-      for (const call of chunk2O66VMWK_js.extractReadyToolCalls(next)) {
+      for (const call of chunkKAO5USPE_js.extractReadyToolCalls(next)) {
         seenToolCallsRef.current.add(call.toolCallId);
       }
       session.proposals.clear();
@@ -226,7 +226,7 @@ function deriveTitle(messages) {
 }
 function useAiHistory(input) {
   const { deckId, messages, setMessages } = input;
-  const store = react.useMemo(() => input.store ?? chunk2O66VMWK_js.createChatHistoryStore(), [input.store]);
+  const store = react.useMemo(() => input.store ?? chunkKAO5USPE_js.createChatHistoryStore(), [input.store]);
   const [activeChatId, setActiveChatId] = react.useState(newChatId);
   const [chats, setChats] = react.useState([]);
   const createdAtRef = react.useRef(Date.now());
@@ -369,7 +369,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkP5LF34BT_js.cn(
+        className: chunkE7O4HTS5_js.cn(
           "shrink-0 rounded-sm p-1.5 transition-colors",
           value.trim().length === 0 ? "text-muted-foreground/50" : "bg-primary text-primary-foreground hover:bg-primary/90"
         ),
@@ -392,15 +392,15 @@ function AiFocusBar({
   onClearPicks
 }) {
   const { t } = reactI18next.useTranslation();
-  const chips = chunk2O66VMWK_js.focusTargetChips(targets, slides);
-  const twoTables = chunk2O66VMWK_js.isTwoTableFocus(targets, slides);
+  const chips = chunkKAO5USPE_js.focusTargetChips(targets, slides);
+  const twoTables = chunkKAO5USPE_js.isTwoTableFocus(targets, slides);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border bg-secondary/30", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1 px-2.5 py-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.ai.focusScope") }),
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkP5LF34BT_js.cn(
+          className: chunkE7O4HTS5_js.cn(
             "inline-flex max-w-[10rem] items-center rounded-full px-2 py-0.5 text-[11px]",
             hasPicks || isPinned ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -416,7 +416,7 @@ function AiFocusBar({
           {
             type: "button",
             onClick: () => onSendDirective(
-              chunk2O66VMWK_js.mergeTablesDirective(
+              chunkKAO5USPE_js.mergeTablesDirective(
                 twoTables.slideIndex,
                 twoTables.elementIdA,
                 twoTables.elementIdB
@@ -437,7 +437,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkP5LF34BT_js.cn(
+            className: chunkE7O4HTS5_js.cn(
               "rounded-sm p-1 max-md:min-w-[44px]! max-md:min-h-[44px]! flex items-center justify-center",
               pickMode ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-accent"
             ),
@@ -516,7 +516,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkP5LF34BT_js.cn(
+        className: chunkE7O4HTS5_js.cn(
           "flex min-w-0 flex-1 items-start gap-2 rounded-sm px-2 py-1.5 text-left hover:bg-accent",
           chat.id === activeChatId && "bg-accent/60"
         ),
@@ -671,26 +671,26 @@ function AiToolCallCard({ part }) {
   const failed = part.state === "output-error";
   const done = part.state === "output-available";
   const running = !failed && !done;
-  const activity = chunk2O66VMWK_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
+  const activity = chunkKAO5USPE_js.describeToolActivity(part.toolName, part.input, running ? "present" : "past");
   const Icon = ICONS[activity.icon] ?? lu.LuWrench;
-  const rawSummary = chunk2O66VMWK_js.summarizeToolArgs(part.input);
+  const rawSummary = chunkKAO5USPE_js.summarizeToolArgs(part.input);
   const statusLabel = failed ? t("pptx.ai.toolFailed") : done ? t("pptx.ai.toolDone") : t("pptx.ai.toolRunning");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[12px]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkP5LF34BT_js.cn(
+          className: chunkE7O4HTS5_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkP5LF34BT_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkE7O4HTS5_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkP5LF34BT_js.cn(
+          className: chunkE7O4HTS5_js.cn(
             "ml-auto inline-flex items-center gap-1 rounded-sm px-1.5 py-0.5 text-[10px]",
             failed ? "bg-destructive/15 text-destructive" : done ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
           ),
@@ -707,7 +707,7 @@ function AiToolCallCard({ part }) {
     rawSummary && /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "group mt-0.5 pl-5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer list-none text-[10px] text-muted-foreground/70 hover:text-muted-foreground", children: t("pptx.ai.toolDetails") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 break-words font-mono text-[10px] text-muted-foreground/80", children: [
-        chunk2O66VMWK_js.toolLabel(part.toolName),
+        chunkKAO5USPE_js.toolLabel(part.toolName),
         ": ",
         rawSummary
       ] })
@@ -730,7 +730,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto px-3 py-3", children: [
     messages.map((message) => {
       const isUser = message.role === "user";
-      const parts = chunk2O66VMWK_js.toRenderableParts(message);
+      const parts = chunkKAO5USPE_js.toRenderableParts(message);
       if (parts.length === 0 && !isUser) {
         return null;
       }
@@ -738,7 +738,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkP5LF34BT_js.cn(
+            className: chunkE7O4HTS5_js.cn(
               "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full",
               isUser ? "bg-secondary text-muted-foreground" : "bg-primary/15 text-primary"
             ),
@@ -785,7 +785,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
 }
 function AiProposalCard({ proposal, onAccept, onReject }) {
   const { t } = reactI18next.useTranslation();
-  const lines = proposal.summary.map(chunk2O66VMWK_js.humanizeDiffLine);
+  const lines = proposal.summary.map(chunkKAO5USPE_js.humanizeDiffLine);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-primary/40 bg-primary/5 p-2.5", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-primary", children: t("pptx.ai.proposedChange") }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[12px] font-medium text-foreground", children: proposal.label }),
@@ -993,7 +993,7 @@ function AiChatPanel({
 }) {
   const { t } = reactI18next.useTranslation();
   const { state, session, initError } = useAiChat(bridge, config);
-  const deckId = react.useMemo(() => chunk2O66VMWK_js.deckIdFromBridge(bridge), [bridge]);
+  const deckId = react.useMemo(() => chunkKAO5USPE_js.deckIdFromBridge(bridge), [bridge]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {

package/dist/{AiChatPanel-Y2RKSHOO.mjs → AiChatPanel-UCEK3ZTD.mjs}

@@ -1,7 +1,7 @@
-import { deckIdFromBridge, isAiAvailable, createAiChatSession, extractReadyToolCalls, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, toRenderableParts, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-QEYWSHNE.mjs';
-import { cn } from './chunk-KDTE5JOW.mjs';
-import './chunk-FT3MMIXW.mjs';
-import './chunk-PC7H3C5W.mjs';
+import { deckIdFromBridge, isAiAvailable, createAiChatSession, extractReadyToolCalls, toolCanvasTarget, createChatHistoryStore, focusTargetChips, isTwoTableFocus, mergeTablesDirective, toRenderableParts, humanizeDiffLine, buildDeckContext, describeToolActivity, summarizeToolArgs, toolLabel } from './chunk-YQJOCGOK.mjs';
+import { cn } from './chunk-PLDG3CXW.mjs';
+import './chunk-3UWJWJCR.mjs';
+import './chunk-OBQ453H6.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';

package/dist/{Model3DScene-ITHRMCLT.mjs → Model3DScene-AI2JTBQM.mjs}

@@ -1,4 +1,4 @@
-import { mountModel3D } from './chunk-FT3MMIXW.mjs';
+import { mountModel3D } from './chunk-3UWJWJCR.mjs';
 import './chunk-XGB3TDIC.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{Model3DScene-VJZS726S.js → Model3DScene-X3DS3ELB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkQMSSDBKN_js = require('./chunk-QMSSDBKN.js');
+var chunkUTI4CLYJ_js = require('./chunk-UTI4CLYJ.js');
 require('./chunk-4VNS5WPM.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunkQMSSDBKN_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunkUTI4CLYJ_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{chunk-IXS7DALE.js → OrbitControls-4TDJCTBA.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var chunk3N6AC4HA_js = require('./chunk-3N6AC4HA.js');
+require('./chunk-4VNS5WPM.js');
 
 // ../../node_modules/.bun/three@0.186.0/node_modules/three/examples/jsm/controls/OrbitControls.js
 var _changeEvent = { type: "change" };

package/dist/{chunk-MV2GCDBR.mjs → OrbitControls-WCOIJFFL.mjs}

@@ -1,4 +1,5 @@
 import { Ray, Plane, MathUtils, Vector3, Controls, MOUSE, TOUCH, Quaternion, Spherical, Vector2 } from './chunk-7TAWW5QQ.mjs';
+import './chunk-XGB3TDIC.mjs';
 
 // ../../node_modules/.bun/three@0.186.0/node_modules/three/examples/jsm/controls/OrbitControls.js
 var _changeEvent = { type: "change" };