pptx-react-viewer 4.31.1 → 4.33.0

package/CHANGELOG.md

@@ -7,6 +7,47 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs releases whenever any published file changes, not only on
 conventional commits.
 
+## [4.33.0](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-react-viewer@4.33.0) - 2026-10-10
+
+### Features
+
+- **color:** Add the Office theme colour palette to the color area ([646b6b5](https://github.com/ChristopherVR/ooxml/commit/646b6b532a304013f0c8783801ab3401de8a1950))
+- **pptx:** Add host ribbon tabs to all five PowerPoint bindings ([2089f62](https://github.com/ChristopherVR/ooxml/commit/2089f620d736c867dbd383f2fe4dd39eff7e6cc3))
+- **text:** Add the fonts' design advance widths, regular and bold ([15f7eeb](https://github.com/ChristopherVR/ooxml/commit/15f7eebb692c4cf43d8febdd49070e583daef22a))
+- **visio:** Pick theme colours that follow the page theme ([d29c9c7](https://github.com/ChristopherVR/ooxml/commit/d29c9c7b8ae343821db3461ca55af2283d6a19ef))
+
+### Bug Fixes
+
+- **pptx:** Verify certificate chains with node:crypto, not node-forge ([51e6312](https://github.com/ChristopherVR/ooxml/commit/51e6312aa152a47ac11a6beced49b373adf0fb68))
+- **pptx:** Keep the browser's image drag out of picture moves ([817a36a](https://github.com/ChristopherVR/ooxml/commit/817a36a1eae21a48e149ee5459597577dd2cdf22))
+
+### Refactor
+
+- **geometry:** Move the orthogonal connector router out of pptx ([7628894](https://github.com/ChristopherVR/ooxml/commit/7628894c847d098846b7250e8cf7cfee0b8e1ecd))
+- **ui:** Move Excel and Word colour pickers onto the shared grid ([ab332b6](https://github.com/ChristopherVR/ooxml/commit/ab332b6ed7a4b80bc5016de05efb3fad694c85de))
+
+### Styling
+
+- Apply oxfmt to files drifted from the formatter ([daeabf2](https://github.com/ChristopherVR/ooxml/commit/daeabf26125af866f90359ac8a5716234d5b8b36))
+
+## [4.32.0](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-react-viewer@4.32.0) - 2026-10-10
+
+### Features
+
+- **geometry:** Share arrow-key nudges and Shift angle snapping ([a839871](https://github.com/ChristopherVR/ooxml/commit/a8398713b97bcc9a193e6bd85aba51c55066eba8))
+
+### Testing
+
+- **core:** Fuzz the xml, formula, number format and hyperlink parsers ([c6911a0](https://github.com/ChristopherVR/ooxml/commit/c6911a00f79fb07eab294d885b760452b4bdaf72))
+
+### Dependencies
+
+- **deps:** Bump the production-minor-and-patch group with 5 updates ([#42](https://github.com/ChristopherVR/ooxml/issues/42)) ([fda493e](https://github.com/ChristopherVR/ooxml/commit/fda493e2697908c477ce845019d9c2fe8b591ab2))
+
+### Chores
+
+- **deps-dev:** Bump the development-minor-and-patch group across 1 directory with 6 updates ([#43](https://github.com/ChristopherVR/ooxml/issues/43)) ([e3a4861](https://github.com/ChristopherVR/ooxml/commit/e3a4861279b8d2bbf3b869617329eddb953b7838))
+
 ## [4.31.1](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-react-viewer@4.31.1) - 2026-10-09
 
 ### Bug Fixes

package/README.md

@@ -34,8 +34,8 @@ npm install react react-dom framer-motion lucide-react react-icons jspdf jszip f
 ## Quick start
 
 ```tsx
-import { useState } from 'react';
 import { PowerPointViewer } from 'pptx-react-viewer';
+import { useState } from 'react';
 // Not using Tailwind? Import the bundled stylesheet once at your app entry:
 import 'pptx-react-viewer/styles';
 
@@ -63,8 +63,8 @@ The component fills its parent, so give the parent a height. That's the whole se
 To read the edited presentation back out as bytes, pass a `ref` and call `getContent()`:
 
 ```tsx
-import { useRef } from 'react';
 import { PowerPointViewer, type PowerPointViewerHandle } from 'pptx-react-viewer';
+import { useRef } from 'react';
 
 const viewerRef = useRef<PowerPointViewerHandle>(null);
 
@@ -123,6 +123,7 @@ const bytes = await viewerRef.current?.getContent(); // Uint8Array of a valid .p
 | `onStopCollaboration`                                                      | `() => void`                            | n/a      | Called when the collaboration session stops                                                                                                                                                                                                                                                                                                                    |
 | `theme`                                                                    | `ViewerTheme`                           | n/a      | Theme configuration for customising colours, radius, and CSS vars                                                                                                                                                                                                                                                                                              |
 | `hiddenActions`                                                            | `ToolbarActionId[]`                     | n/a      | Hide individual toolbar buttons and/or ribbon tabs (e.g. `['share', 'broadcast']`) instead of the whole toolbar; omitted hides nothing                                                                                                                                                                                                                         |
+| `ribbonAddIns`                                                             | `RibbonAddInTab[]`                      | n/a      | Ribbon tabs the host adds after Help; a command runs its `run` callback and raises `office-ribbon-add-in` (see the customization guide)                                                                                                                                                                                                                        |
 | `customization`                                                            | `ViewerCustomization`                   | -        | Hide, lock or remap any part of the UI (ribbon tabs/buttons, File > Options pages/sections/settings, File tab, context menus, shortcuts, panels, AI/collaboration, dialogs); the same helpers (`hideRibbonTab`, `lockSetting`, ...) are on the `ref` handle. See the [UI Customization guide](https://christophervr.github.io/ooxml/pptx/guide/customization). |
 | `defaultThemeKey`                                                          | `string`                                | n/a      | Initial File > Options > Appearance selection when no persisted preference exists                                                                                                                                                                                                                                                                              |
 | `availableThemes`                                                          | `ThemeCatalogEntry[]`                   | n/a      | Theme choices offered by File > Options > Appearance (defaults to the built-in catalog)                                                                                                                                                                                                                                                                        |

package/dist/{AiChatPanel-I3D2C4YR.mjs → AiChatPanel-47A5ONVT.mjs}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-FBG42UO3.mjs';
-import './chunk-GDQSMJQZ.mjs';
+import { cn } from './chunk-WEPZYAB6.mjs';
+import './chunk-Q3DHYOLK.mjs';
 import { useMemo, useRef, useState, useEffect, useReducer, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { LuSparkles, LuX, LuLoaderCircle, LuTriangleAlert, LuHistory, LuMessageSquarePlus, LuTrash2, LuPlus, LuGitMerge, LuCrosshair, LuPinOff, LuPin, LuUser, LuBot, LuCheck, LuSquare, LuSend, LuMessageSquare, LuPalette, LuUndo2, LuWrench, LuStickyNote, LuFilm, LuNavigation, LuSearch, LuMove, LuChartColumn, LuLayoutTemplate, LuTable, LuShapes, LuType, LuEye } from 'react-icons/lu';

package/dist/{AiChatPanel-JKF3V3IM.js → AiChatPanel-FV5ECOV5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkPOPGQIVR_js = require('./chunk-POPGQIVR.js');
-require('./chunk-DFFCFNK2.js');
+var chunkSQUVXHAE_js = require('./chunk-SQUVXHAE.js');
+require('./chunk-W2IMY5SY.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
 var lu = require('react-icons/lu');
@@ -365,7 +365,7 @@ function AiComposer({
         disabled: value.trim().length === 0,
         title: t("pptx.ai.send"),
         "aria-label": t("pptx.ai.send"),
-        className: chunkPOPGQIVR_js.cn(
+        className: chunkSQUVXHAE_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"
         ),
@@ -396,7 +396,7 @@ function AiFocusBar({
       chips.map((chip) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunkPOPGQIVR_js.cn(
+          className: chunkSQUVXHAE_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"
           ),
@@ -433,7 +433,7 @@ function AiFocusBar({
             title: t("pptx.ai.pickElement"),
             "aria-label": t("pptx.ai.pickAria"),
             "aria-pressed": pickMode,
-            className: chunkPOPGQIVR_js.cn(
+            className: chunkSQUVXHAE_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"
             ),
@@ -512,7 +512,7 @@ function AiHistoryList({ chats, activeChatId, onResume, onDelete }) {
       {
         type: "button",
         onClick: () => onResume(chat.id),
-        className: chunkPOPGQIVR_js.cn(
+        className: chunkSQUVXHAE_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"
         ),
@@ -676,17 +676,17 @@ function AiToolCallCard({ part }) {
       /* @__PURE__ */ jsxRuntime.jsx(
         Icon,
         {
-          className: chunkPOPGQIVR_js.cn(
+          className: chunkSQUVXHAE_js.cn(
             "w-3.5 h-3.5 shrink-0",
             failed ? "text-destructive" : "text-muted-foreground"
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkPOPGQIVR_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkSQUVXHAE_js.cn("truncate", failed ? "text-destructive" : "text-foreground"), children: activity.label }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "span",
         {
-          className: chunkPOPGQIVR_js.cn(
+          className: chunkSQUVXHAE_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"
           ),
@@ -734,7 +734,7 @@ function AiMessageList({ messages, isStreaming, bridge }) {
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: chunkPOPGQIVR_js.cn(
+            className: chunkSQUVXHAE_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"
             ),

package/dist/{Model3DScene-KYIYYLMY.js → Model3DScene-5HLXSIIK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./chunk-DFFCFNK2.js');
+require('./chunk-W2IMY5SY.js');
 var pptx = require('ooxml-ui/pptx');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{Model3DScene-EZDCI7TT.mjs → Model3DScene-MSC4LEKG.mjs}

@@ -1,4 +1,4 @@
-import './chunk-GDQSMJQZ.mjs';
+import './chunk-Q3DHYOLK.mjs';
 import { mountModel3D } from 'ooxml-ui/pptx';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';