=== Doohickey's Dev Tools ===
Contributors: mosaiclifecreative
Tags: developer tools, css generator, color picker, web development, code tools
Requires at least: 5.8
Tested up to: 6.9
Stable tag: 1.0.4
Requires PHP: 7.4
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html

Essential web development utilities right in your WordPress dashboard — CSS generators, color tools, code formatters, and more.

== Description ==

**Doohickey's Dev Tools** puts a full suite of developer utilities right inside your WordPress admin. No more juggling browser tabs and bookmarking random websites — everything you need is one click away.

= Free Tools =

**CSS Tools**
* **Gradient Generator** — Linear and radial gradients with unlimited color stops
* **Box Shadow Generator** — Visual box-shadow builder with layered shadows
* **Border Generator** — Shorthand and per-side border controls
* **Border Radius Generator** — Per-corner radius with visual preview
* **Clip-Path Maker** — Polygon, circle, ellipse, and inset clip paths
* **Flexbox Generator** — Visual flexbox playground with container controls
* **CSS Grid Generator** — Set columns, rows, gaps, and alignment visually

**Color Tools**
* **Color Picker** — HSV color picker with HEX, RGB, and HSL output
* **Contrast Checker** — WCAG 2.1 AA/AAA compliance testing
* **Color Converter** — Convert between HEX, RGB, HSL, and CMYK

**Code Tools**
* **String Utilities** — Case conversion, reverse, slug, character/word count
* **Encoder / Decoder** — Base64, URL encoding, HTML entities, and more

**Generators**
* **Placeholder Image** — Custom-sized placeholder images for mockups
* **Lorem Ipsum** — Paragraphs, sentences, or words of filler text
* **QR Code Generator** — Instant QR codes from any text or URL

**SEO & Meta**
* **Schema.org Generator** — Structured data for Article, Local Business, and FAQ
* **Meta Tag Generator** — SEO meta tags, Open Graph, and Twitter Cards

**Converters**
* **SVG to PNG** — Client-side SVG conversion with scale options
* **HTML to Markdown** — Convert HTML markup to clean Markdown
* **Markdown Preview** — Live Markdown editor with rendered preview
* **Aspect Ratio Calculator** — Calculate ratios from dimensions, scale with locked ratios, common size presets

= Pro Version =

Upgrade to Doohickey's Dev Tools Pro for additional tools and features:

* **Palette Generator** — Interactive color wheel with 7 harmony modes. Export as CSS or SCSS variables.
* **Code Formatter** — Auto-format JSON, HTML, CSS, JavaScript, and SQL
* **Diff Checker** — Side-by-side text comparison with highlighted differences
* **HTML Table Generator** — Visual table builder with CSV import
* **Test Data Generator** — Generate realistic fake data (names, emails, addresses, etc.)
* **Flexbox** — Per-item controls (flex-grow, flex-shrink, flex-basis, align-self, order)
* **CSS Grid** — Templates (Holy Grail, Dashboard, 12-Col, etc.), custom definitions, per-cell spans
* **Placeholder Image** — Social media presets and Data URI export
* **Schema.org** — 5 additional types (Product, Person, Organization, Event, Recipe)
* **QR Code** — Custom logo overlay

= Why Doohickey's Dev Tools? =

* **Zero external dependencies** — Everything runs client-side in your browser
* **No data leaves your site** — Your code and content stay private
* **Copy-ready output** — One-click copy for all generated CSS, HTML, and code
* **Consistent interface** — Every tool follows the same clean, intuitive layout
* **Lightweight** — Single JavaScript bundle, loads only on the tools page

== Source Code & Build Instructions ==

The full source code for this plugin, including uncompiled JavaScript and CSS, is available at:
https://github.com/mosaiclifecreative/doohickeys-dev-tools

To build from source:

1. Clone the repository
2. Run `npm install` to install dependencies
3. Run `npm run build` to compile the production bundle
4. The compiled files are output to the `build/` directory

The project uses `@wordpress/scripts` for building. Source files are in `admin/js/` (JSX) and `admin/css/` (CSS).

== Installation ==

1. Go to **Plugins → Add New** in your WordPress admin
2. Search for "Doohickey's Dev Tools"
3. Click **Install Now**, then **Activate**
4. Navigate to **Doohickey's** in your admin sidebar
5. Start building!

== Frequently Asked Questions ==

= Does this plugin affect my site's frontend? =

No. Doohickey's Dev Tools only loads on its own admin page. It adds zero scripts, styles, or markup to your public-facing site.

= Do I need to be online for the tools to work? =

Most tools work entirely offline once the page is loaded. The QR Code generator and Placeholder Image generator use client-side rendering. No external API calls are made.

= What does the Pro version include? =

Pro unlocks 5 additional tools (Palette Generator, Code Formatter, Diff Checker, HTML Table Generator, Test Data Generator) plus advanced features in 5 more tools. The Pro version is available separately at mosaiclifecreative.com.

= Is my code/data sent anywhere? =

Never. All processing happens in your browser. Nothing is transmitted to external servers.

== Screenshots ==

1. CSS Gradient Generator with full sidebar navigation
2. Box Shadow Generator with visual preview and layered shadow controls
3. Color Converter with HEX, RGB, HSL, HWB, and CMYK output
4. Contrast Checker with WCAG 2.1 AA/AAA compliance results
5. Border Radius Generator with shape presets and per-corner controls
6. Schema.org Generator with Article structured data and JSON-LD output
7. QR Code Generator with custom colors
8. SVG to PNG Converter with file upload and code paste options

== Changelog ==

= 1.0.4 =
* Fixed: plugin no longer deactivates itself after updating from 1.0.2

= 1.0.3 =
* Smooth upgrade path: free version auto-deactivates when Pro is installed
* Updated installation instructions

= 1.0.2 =
* Renamed plugin to Doohickey's Dev Tools
* New slug: doohickeys-dev-tools
* Updated Freemius configuration for WordPress.org compliance
* Free tools are fully functional with no locked features
* Pro tools and features available separately via upgrade

= 1.0.1 =
* Renamed to "by Mosaic Life Creative"
* Default gradient fix
* Tested up to WordPress 6.9

= 1.0.0 =
* Initial release
* 21 free developer tools across 6 categories
* Modern React-powered interface
* Fully client-side — no external API calls
