d09dec47065904c20cbc21eb497381ea66ad5813
- Created reusable ActionButton component to handle common button behavior - Created reusable Section component for consistent section styling - Refactored App, MatchSizes, and SwapPositions to use new components - Fixed scrolling issues in the main container - Improved code organization and reduced duplication 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
Edison PowerPoint Add-in
A productivity toolkit that enhances PowerPoint with specialized formatting and content tools for creating professional presentations.
Features
Content Tools
- Match Properties: Copy visual properties (line style, fill color, text formatting) from the first selected shape to all other selected shapes.
- Match Sizes: Resize all selected shapes to match the dimensions of the first selected shape.
- Swap Positions: Swap the position of two selected shapes while maintaining their size and formatting.
- Insert Titles: Add slide titles to slides that are missing them.
- Round Image: Create circular images by generating an elliptical mask and selecting both shapes for intersection.
Slide Enhancement Tools
- Progress Bar: Add or remove a visual progress indicator at the bottom of each slide showing the current position in the presentation.
- Confidential Marking: Add or remove a "Confidential" label to all slides in the presentation.
- Draft Watermark: Add or remove a "DRAFT" watermark on slide masters to mark in-progress presentations.
Alignment Tools
- Horizontal Alignment: Align selected objects to the left, center, or right of the slide.
- Vertical Alignment: Align selected objects to the top, middle, or bottom of the slide.
Grid & Guidelines Tools
- Custom Grid: Create a customizable grid with adjustable spacing, opacity, and color.
- Guidelines: Add horizontal or vertical guidelines at specific positions with customizable colors.
Installation
For End Users
- Download the latest release from the Releases page.
- Follow the installation instructions provided with the download.
- Open PowerPoint and find the Edison add-in in the ribbon.
For Developers
To set up the development environment:
-
Clone the repository:
git clone https://github.com/your-org/edison-powerpoint-addin.git cd edison-powerpoint-addin -
Install dependencies:
npm install -
Build the project:
npm run build -
Start the development server:
npm run start
Development Guide
Project Structure
/src/taskpane/components/- React components for each tool/src/commands/- Command handlers for add-in functionality/assets/- Images and icons
Key Development Commands
npm run build- Build the project for productionnpm run build:dev- Build with development settingsnpm run dev-server- Start the development servernpm run lint- Check code qualitynpm run lint:fix- Fix linting issuesnpm run start- Start the add-in in PowerPointnpm run stop- Stop the running add-innpm run validate- Validate the manifest file
Creating New Tools
To add a new tool to the add-in:
- Create a new component in
/src/taskpane/components/ - Follow the pattern of existing components, using the Office.js API for PowerPoint
- Import and add your component to
App.tsx - Update this documentation to include your new tool
User Guide
Getting Started
- Open PowerPoint and navigate to the "Home" tab
- Click on the "Edison Pane" button to open the add-in taskpane
- The taskpane displays all available tools organized by category
Using Content Tools
Match Properties
- Select multiple shapes (the first shape is the source)
- Click "Match Properties" in the Edison pane
- All selected shapes will adopt the properties of the first selected shape
Match Sizes
- Select multiple shapes (the first shape is the source)
- Click "Match Sizes" in the Edison pane
- All selected shapes will be resized to match the first selected shape
Swap Positions
- Select exactly two shapes
- Click "Swap Positions" in the Edison pane
- The shapes will exchange positions while maintaining their size and formatting
Insert Titles
- Click "Insert Titles" in the Edison pane
- Slides without titles will have a title placeholder added
Round Image
- Select an image
- Click "Round Image" in the Edison pane
- The image will be cropped to a circular shape
Using Slide Enhancement Tools
Progress Bar
- Click "Add Progress Bar" to add a progress indicator to all slides
- Click "Remove Progress Bar" to remove the progress indicators
Confidential Marking
- Click "Add Confidential" to add the confidential label to all slides
- Click "Remove Confidential" to remove all confidential labels
Draft Watermark
- Click "Add Draft" to add a DRAFT watermark to the slide masters
- Click "Remove Draft" to remove all DRAFT watermarks
Using Alignment Tools
- Select one or more shapes
- Click on the desired alignment button (Left, Center, Right, Top, Middle, Bottom)
- All selected shapes will be aligned accordingly
License
This project is licensed under the MIT License - see the LICENSE file for details.
Version History
- v1.0.0 - First stable release
- v0.1.0 - Initial release with core functionality
Description
Languages
TypeScript
93.3%
HTML
4.2%
JavaScript
2.5%
