pptx-vue-viewer 1.1.31 → 1.1.32

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.1.31](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.1.31) - 2026-06-21
+
+### Bug Fixes
+
+- **angular:** Bundle pptx-viewer-core and fix demo JIT + Vue demo alias (by @ChristopherVR) ([78838ec](https://github.com/ChristopherVR/pptx-viewer/commit/78838ec900fe2d8c90bc39333636d788c52c3161))
+
 ## [1.1.30](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.1.30) - 2026-06-21
 
 ### Features

package/README.md

@@ -3,17 +3,14 @@
 [![npm version](https://img.shields.io/npm/v/pptx-vue-viewer.svg)](https://www.npmjs.com/package/pptx-vue-viewer)
 [![license](https://img.shields.io/npm/l/pptx-vue-viewer.svg)](https://github.com/ChristopherVR/pptx-viewer/blob/main/LICENSE)
 
-Show Microsoft PowerPoint (`.pptx`) presentations directly in a Vue 3 app:
-no server, no conversion step, no PowerPoint install required. Drop in a
-`<PowerPointViewer>` component, hand it the file's bytes, and it reads and
-displays the slides as real HTML and CSS, with slide navigation and zoom.
+Show, edit, and present Microsoft PowerPoint (`.pptx`) files directly in a
+Vue 3 app: no server, no conversion step, no PowerPoint install required. Drop
+in a `<PowerPointViewer>` component, hand it the file's bytes, and it renders
+slides as real HTML and CSS with full editing and export support.
 
 ![PowerPoint editor UI rendered in the browser](https://raw.githubusercontent.com/ChristopherVR/pptx-viewer/main/.github/assets/editor.png)
 
-> The screenshot shows the full-featured **React** editor. This Vue package is at
-> a **read-only viewer** milestone today; see [Limitations](#limitations).
-
-The reading is done by the framework-agnostic [`pptx-viewer-core`](https://www.npmjs.com/package/pptx-viewer-core) engine (also published as [`@christophervr/pptx-viewer`](https://www.npmjs.com/package/@christophervr/pptx-viewer) -- the two names are identical releases), which turns a `.pptx` file into a structured slide model. This package is the Vue layer that draws that model on screen, and the engine is **bundled in**, so you install just one package.
+The rendering is done by the framework-agnostic [`pptx-viewer-core`](https://www.npmjs.com/package/pptx-viewer-core) engine (also published as [`@christophervr/pptx-viewer`](https://www.npmjs.com/package/@christophervr/pptx-viewer) -- the two names are identical releases), which turns a `.pptx` file into a structured slide model. This package is the Vue layer that draws that model on screen, and the engine is **bundled in**, so you install just one package.
 
 <samp>**[▶️ Try the live demo](https://christophervr.github.io/pptx-viewer/demo-vue/)** · **[📦 npm](https://www.npmjs.com/package/pptx-vue-viewer)** · **[📖 Full docs](https://christophervr.github.io/pptx-viewer/)**</samp>
 
@@ -24,6 +21,18 @@ The reading is done by the framework-agnostic [`pptx-viewer-core`](https://www.n
 - **A single component**: `<PowerPointViewer>`, written in `<script setup>` style.
 - **Real HTML rendering**: slides are drawn as ordinary HTML and SVG, not as a
   picture, so text stays sharp at any zoom and is selectable and accessible.
+- **Editing**: select, drag, resize, rotate; inline text editing; format painter;
+  shape adjustment handles; align, distribute, group, flip, and z-order; undo/redo;
+  snap-to-grid, snap-to-shape, H/V guides, and rulers.
+- **Full Office-style ribbon**: all tabs wired (Home, Insert, Draw, Design,
+  Transitions, Animations, Slide Show, Review, View) plus a status bar and
+  context menu.
+- **Inspector**: element and slide property panels, including chart data editor.
+- **Presentation mode**: animation playback, presenter view, slide transitions,
+  rehearse timings, subtitles, and freehand ink.
+- **Export**: PNG, PDF, GIF, and WebM video; print; Save As (pptx/ppsx/pptm).
+- **Collaboration**: real-time Yjs-based co-editing with cursor/selection presence.
+- **Comments, find/replace, accessibility panel, version history**, and more.
 - **Slide navigation**: live thumbnail previews, previous/next, and a slide counter.
 - **Zoom**: in, out, and reset.
 - **Themeable**: change colours through CSS custom properties.
@@ -140,23 +149,23 @@ async function save() {
 
 ### Props
 
-| Prop            | Type                        | Default | Description                                                 |
-| --------------- | --------------------------- | ------- | ----------------------------------------------------------- |
-| `content`       | `Uint8Array \| ArrayBuffer` | n/a     | The `.pptx` bytes to render. **Required.**                  |
-| `theme`         | `ViewerTheme`               | n/a     | Color/radius overrides applied as CSS custom properties.    |
-| `class`         | `string`                    | n/a     | Class applied to the root element.                          |
-| `canEdit`       | `boolean`                   | `false` | Reserved for the editor (not yet implemented).              |
-| `filePath`      | `string`                    | n/a     | Reserved for autosave recovery.                             |
-| `authorName`    | `string`                    | n/a     | Reserved for comments/annotations.                          |
-| `collaboration` | `CollaborationConfig`       | n/a     | Reserved for real-time collaboration (not yet implemented). |
+| Prop            | Type                        | Default | Description                                                       |
+| --------------- | --------------------------- | ------- | ----------------------------------------------------------------- |
+| `content`       | `Uint8Array \| ArrayBuffer` | n/a     | The `.pptx` bytes to render. **Required.**                        |
+| `theme`         | `ViewerTheme`               | n/a     | Color/radius overrides applied as CSS custom properties.          |
+| `class`         | `string`                    | n/a     | Class applied to the root element.                                |
+| `canEdit`       | `boolean`                   | `false` | Enables the editor toolbar, inspector, and drag-and-drop editing. |
+| `filePath`      | `string`                    | n/a     | Passed to autosave / recovery logic.                              |
+| `authorName`    | `string`                    | n/a     | Displayed in comment annotations.                                 |
+| `collaboration` | `CollaborationConfig`       | n/a     | Yjs real-time collaboration config (server URL, room, role).      |
 
 ### Events
 
-| Event                 | Payload      | Description                                 |
-| --------------------- | ------------ | ------------------------------------------- |
-| `active-slide-change` | `number`     | Emits the active slide index on navigation. |
-| `content-change`      | `Uint8Array` | Reserved for editing (not yet emitted).     |
-| `dirty-change`        | `boolean`    | Reserved for editing (not yet emitted).     |
+| Event                 | Payload      | Description                                        |
+| --------------------- | ------------ | -------------------------------------------------- |
+| `active-slide-change` | `number`     | Emits the active slide index on navigation.        |
+| `content-change`      | `Uint8Array` | Emits updated bytes after any editing change.      |
+| `dirty-change`        | `boolean`    | Emits `true`/`false` when the dirty state changes. |
 
 ### Exposed methods (template `ref`)
 
@@ -172,22 +181,25 @@ async function save() {
 
 ## Limitations
 
-This package is at a **read-only viewer** milestone: it shows the content of a
-slide, but some visual effects and all editing are not built yet.
-
-- **Shown today:** text (with mixed formatting), shapes (solid, gradient, and
-  image fills, plus outlines), pictures and images, the still frame of a video,
-  nested groups, and straight connectors.
-- **Shown as placeholders:** tables, charts, SmartArt, ink, OLE objects, 3D
-  models, and zoom links appear as labelled boxes for now.
-- **Not built yet:** custom shape outlines and bent or curved connectors;
-  effects (shadows, glow, 3D, image filters); warped text and equations;
-  embedded fonts; video and audio playback; animations, transitions, and
-  presentation mode; editing (selecting, the toolbar, the inspector); and export.
-
-The `pptx-viewer-core` engine already reads most of this data, so you can get it
-from the parsed model even where this UI does not draw it yet. Progress, the
-roadmap, and design notes live in [`PORTING.md`](./PORTING.md).
+The Vue package has reached feature parity with the React package for the vast
+majority of the editing and presentation surface. A few depth/fidelity items
+remain:
+
+- **Secondary/log value axes** - Charts with a right-hand secondary value axis,
+  log scale, or display units show primary-axis data only. Data tables on charts
+  are also deferred.
+- **True CSS-3D extrusion** - Shape extrusion is approximated with layered
+  box-shadows; real extruded faces (as in the React renderer) are deferred.
+- **Image chroma-key** - Destructive `clrChange` colour-replacement on images is
+  not yet applied (recolour, duotone, and artistic effects are done).
+- **3D models / Zoom elements** - GLB/GLTF models fall back to their poster image;
+  zoom elements render as static link tiles.
+- **Master/template editing** - Editing routes to slide elements only; edits to
+  the slide master or layout template are not yet wired.
+
+The `pptx-viewer-core` engine parses all of this data, so you can access it from
+the model even where the UI does not expose it yet. Progress and design notes live
+in [`PORTING.md`](./PORTING.md).
 
 ## Build (contributing)
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vue-viewer",
-	"version": "1.1.31",
+	"version": "1.1.32",
 	"description": "Vue 3 PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",