=== Sattive SVG Studio – Secure SVG Management & Live Editing ===
Contributors: sattivedevlabs
Tags: svg, svg editor, image editor, media library, vector graphics
Requires at least: 5.8
Tested up to: 6.9
Stable tag: 1.0.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Stop wrestling with "File Type Not Permitted" errors. Sattive SVG Studio brings secure SVG support and a built-in visual editor directly to your Media library.

== Description ==

Sattive SVG Studio is the ultimate SVG power-up for WordPress. While WordPress blocks SVGs by default for security reasons, Sattive SVG Studio allows you to safely upload, sanitize, and visually edit vector graphics without ever leaving your dashboard.

Built with performance and user experience in mind, Sattive SVG Studio features a premium, node-based visual editor powered by Fabric.js. Whether you need to change the color of an icon, add a drop shadow, or reorganize the layers of a complex illustration, this plugin makes it as easy as using a professional design tool.

### 🌟 Core Features

* **Secure SVG Uploads:** Automatic XML sanitization strips malicious scripts and prevents XSS attacks on upload.
* **Native Media Library Integration:** View your SVG thumbnails perfectly rendered in the WordPress grid—no more blank document icons.
* **Sattive SVG Studio Workspace:** A complete visual editing environment built directly into the Attachment Details modal.
* **Segment Selection:** Click on specific shapes or paths within your SVG to edit them individually, just like in Figma or Illustrator.
* **Live Appearance Controls:** Instantly tweak Fill Colors, Stroke Colors, Stroke Weights, and Opacity.
* **Advanced Effects:** Add customizable Drop Shadows (Color, Blur, X/Y Offset) to any shape.
* **Layer Management:** Bring shapes forward, send them backward, duplicate, delete, or flip them horizontally/vertically.
* **Canvas Controls:** Apply a background color to your SVG or instantly center all objects.
* **History Engine:** Made a mistake? Use the built-in Undo/Redo buttons (or Ctrl+Z / Ctrl+Y keyboard shortcuts).

### 🚀 How It Works
1. Upload an SVG to your Media Library.
2. Click on the image and hit the blue **"Edit SVG with Sattive SVG Studio"** button.
3. The Studio editor will launch. Click any shape to change its color, add a shadow, or move it around.
4. Click **Apply Changes**. The plugin securely overwrites the original file on your server, instantly updating it across your website.

== Installation ==

1. Upload the `sattive-svg-studio` folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Go to **Settings > Sattive SVG Studio** to configure your general preferences (optional).
4. Navigate to your Media Library and upload an `.svg` file to get started.

== Frequently Asked Questions ==

= Are my SVGs safe from malicious code? =
Yes! Sattive SVG Studio includes a lightweight but strict sanitization protocol that automatically strips `<script>` tags and dangerous `on*` attributes (like `onclick`) the moment the file hits your server.

= Will this slow down my website? =
No. The visual editor only loads in the WordPress backend. On the frontend, your SVGs are served as standard, lightning-fast image files.

= Does this work with Elementor, Gutenberg, or Divi? =
Absolutely. Because Sattive SVG Studio permanently updates the actual `.svg` file on your server, any page builder displaying that image will instantly show your updated edits.

== Screenshots ==

1. The Sattive SVG Studio workspace inside the WordPress Media Library.
2. Using the Segment Editor to change the color of a specific shape.
3. Applying Drop Shadows and adjusting Layer Z-indexes.

== Changelog ==

= 1.0.1 =
* Major Update: Introduced the complete visual editor engine powered by Fabric.js.
* Added: Node-based segment selection for editing individual paths.
* Added: Layer management (Bring Forward, Send Backward, Duplicate).
* Added: Advanced Drop Shadow controls and History Engine (Undo/Redo).
* Fixed: Compatibility fix for WordPress SVG cropping errors.

= 1.0.0 =
* Initial release.
* Added secure SVG upload sanitization and thumbnail support.

== Third-Party Libraries ==
* Fabric.js (v5.3.1) - https://github.com/fabricjs/fabric.js (Licensed under MIT)
