@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 +46 -17
- package/dist/cli.mjs +324 -88
- package/dist/cli.mjs.map +1 -1
- package/dist/index.d.mts +2 -19
- package/dist/terminal-client.js +16 -16
- package/package.json +2 -2
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.
|
|
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
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
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,
|