@office-kit/pptx-dev 0.7.0 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -29,10 +29,17 @@ If you prefer the bare `office-pptx dev deck.tsx` command, install the CLI once
29
29
  with `npm install --global @office-kit/pptx-dev@latest`. The local npm script
30
30
  continues to use the project's installed version.
31
31
 
32
+ To update an existing project, stop its dev server and run inside the project:
33
+
34
+ ```sh
35
+ npm install -D @office-kit/pptx-dev@latest
36
+ npm run dev
37
+ ```
38
+
32
39
  Open the local URL printed by the server. Save a slide file, `theme.ts` or `deck.tsx` to rebuild. The viewer
33
40
  has a vertical thumbnail strip, a large slide canvas and an AI chat panel on the right. Click a thumbnail or use
34
41
  arrow keys, Page Up/Down, Home/End to navigate. Fit/zoom and Present (Escape to
35
- exit) are viewing controls. Select an area for an AI instruction or use **Edit text**
42
+ exit) are viewing controls. Click an object or drag an area for an AI instruction, or double-click text
36
43
  to save a literal directly. All edits are persisted in TSX.
37
44
  Keep the server running throughout the edit/review loop. Saving updates only the
38
45
  changed thumbnails and slide view, preserving zoom, scroll position and presentation
@@ -155,22 +162,44 @@ References: [Claude Code commands](https://code.claude.com/docs/en/commands),
155
162
 
156
163
  ## Edit from the slide
157
164
 
158
- Use **Select area** and drag a rectangle, then enter an instruction such as
159
- “Move this down a little.” Choose an agent pane and click **Apply with AI**.
160
- The request includes the slide, preview revision, relative bounds and intersecting
161
- text. Start Claude Code in that pane first; Codex starts when you send.
162
- Selection is cleared when the preview or selected slide changes. Shift+Enter
163
- inserts a newline; Cmd/Ctrl+Enter sends the request.
164
-
165
- Use **Edit text**, click a paragraph, and **Save text** to update its TSX source
166
- without waiting for an agent. Direct saves require a unique source literal within
167
- the entry directory and verify that other slides did not change. Computed text,
168
- shared values and ambiguous matches use **Apply with AI** instead. **Undo text**
169
- restores the last direct edit only if its file has not changed since. **Undo with
170
- AI** asks the agent to reverse its previous selection edit while preserving newer
171
- work; it is not a source snapshot restore.
172
-
173
- After each successful agent edit or direct text save/undo, the dev server captures
165
+ Hover to see an object's outline, **click an object** to give it an AI instruction,
166
+ or **drag a rectangle** to select an arbitrary area. No mode switching is needed.
167
+ Enter an instruction such as “Move this down a little,” choose an agent pane, and
168
+ click **Apply with AI**. The request includes the slide, preview revision, relative
169
+ bounds and intersecting text. Start Claude Code in that pane first; Codex starts
170
+ when you send. Click the background or press Escape to deselect. Selection also
171
+ clears when the preview or selected slide changes. Shift+Enter inserts a newline;
172
+ Cmd/Ctrl+Enter sends the request.
173
+
174
+ **Double-click a paragraph** to edit it in place. Enter inserts a newline;
175
+ Cmd/Ctrl+Enter or **Save text** saves, and Escape cancels. Direct saves require a
176
+ unique source literal within the entry directory and verify that other slides did
177
+ not change. Computed text, shared values and ambiguous matches use **Apply with AI**
178
+ instead.
179
+
180
+ ### Undo and Redo
181
+
182
+ The toolbar's **Undo / Redo** restores actual source and asset changes, including
183
+ AI edits, direct text saves and saves from an external editor. Use **Cmd/Ctrl+Z**
184
+ and **Cmd/Ctrl+Shift+Z** (or Ctrl+Y) while focused on the preview. Inside a text
185
+ field or agent terminal, those keys keep their normal local meaning.
186
+
187
+ An AI turn includes its build repairs and screenshot correction passes. Overlapping
188
+ agent turns are grouped as **Concurrent edits**; Undo waits until all have finished.
189
+ A direct text save and any subsequent AI visual corrections are separate entries.
190
+ New edits clear Redo. File additions and deletions are included; newer external saves
191
+ are recorded as their own edit before Undo, and conflicting writes are refused.
192
+ Undo/Redo rebuilds the preview without asking an agent to reinterpret or change the
193
+ restored design. It also works when an AI edit broke the build.
194
+
195
+ History lasts for the dev server session (browser reloads preserve it), up to 50
196
+ entries / 128 MiB. It covers TS/JS, JSON, CSS, Markdown, YAML, PPTX and image files
197
+ inside the entry directory, excluding symlinks, `node_modules`, `.git`, `dist` and
198
+ `.office-kit`. The tracked project must fit within 64 MiB. Changes outside that
199
+ folder, CLI session state and conversation transcripts are not restored. Keep Git for
200
+ persistent project history.
201
+
202
+ After each successful agent edit or direct text save, the dev server captures
174
203
  all changed slides, including slides offscreen. Codex receives PNG attachments;
175
204
  Claude Code receives local PNG paths through its Stop hook and is instructed to
176
205
  read them. The agent checks overlap, clipping, alignment, spacing and contrast,