drawlib 0.2.4.dev1__tar.gz → 0.3.0__tar.gz

drawlib-0.3.0/PKG-INFO

@@ -0,0 +1,252 @@
+Metadata-Version: 2.3
+Name: drawlib
+Version: 0.3.0
+Summary: Python drawing library. Illustration as Code.
+Author: Yuichi Ito
+Author-email: Yuichi Ito <yuichi@yuichi.com>
+License: Apache-2.0
+Requires-Dist: matplotlib>=3.8
+Requires-Dist: pydantic>=2.8
+Requires-Dist: pygments>=2.18
+Requires-Dist: markdown-it-py>=3.0
+Requires-Dist: jinja2>=3.1
+Requires-Dist: typer>=0.12.0
+Requires-Dist: rich>=13.0.0
+Requires-Dist: playwright>=1.40.0 ; extra == 'pdf'
+Requires-Python: >=3.11
+Project-URL: Homepage, https://www.drawlib.com
+Project-URL: Repository, https://github.com/yuichi110/drawlib
+Provides-Extra: pdf
+Description-Content-Type: text/markdown
+
+# Drawlib
+
+**Pure-Python Library for "Illustration as Code" & "Illustrated Documentation as Code"**
+
+Drawlib is a declarative Python drawing library and integrated documentation compiler designed for software engineers and **autonomous AI coding agents**. Instead of maintaining brittle diagrams in external GUI tools (draw.io, Visio, PowerPoint) and manually pasting exported images into wikis, Drawlib lets you author, version-control, and build architectural diagrams, data charts, technical documents, and presentation slide decks entirely from code in Git.
+
+![Drawlib Hero Concept](https://www.drawlib.com/pypi_images/01_hero_concept.png)
+
+- **Official Website & Documentation**: [https://www.drawlib.com/](https://www.drawlib.com/)
+- **Repository Guides & Whitepapers**:
+  - [Quickstart Guide (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/quickstart.pdf)
+  - [16:9 Presentation Slide Deck (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/slide_about_drawlib.pdf)
+  - [Dogfooding Whitepaper — English (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/drawlib-dogfooding-en.pdf) | [日本語版 (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/drawlib-dogfooding.pdf)
+
+---
+
+## Why Drawlib v0.3?
+
+### 1. Cloud & Software Engineering Diagrams
+Stop assembling complex architectures out of raw coordinates. Drawlib provides high-level diagramming engines (`drawlib.diagrams`, `drawlib.graph`) and standardized icon sets (`drawlib.icons.gcp`, `phosphor`, `fontawesome`):
+
+![Cloud Architecture Showcase](https://www.drawlib.com/pypi_images/02_showcase_diagrams.png)
+
+- **Auto-Layout Graphs (`drawlib.graph`)**: Declarative graph layout solvers (`ArchitectureGraph`, `LayerGraph`, `TreeGraph`, `RadialGraph`, `GridGraph`) that compute overlap-free coordinates (`get_layout()`), nested cluster bounds, and `offset()` fine-tuning for rendering with `drawlib.diagrams` and `drawlib.shapes`.
+- **Technical Diagrams (`drawlib.diagrams`)**:
+  - **Cloud Architecture (`ArchitectureDiagram`)**: VPC boundaries, subnets, tiers, and official cloud service icons.
+  - **Flowcharts (`FlowDiagram`)**: Process stages, decision branches, and orthogonal connectors.
+  - **Sequence Diagrams (`SequenceDiagram`)**: Client/server lifelines, synchronous/asynchronous messages, and activation bars.
+  - **UML Class, ER & State Diagrams (`ClassDiagram`, `ERDiagram`, `StateDiagram`)**: Object-oriented models, database schemas, and state machines.
+
+---
+
+### 2. Quantitative Charts & SmartArt Infographics
+Compose presentation-ready infographics (`drawlib.smartarts`) and quantitative data plots (`drawlib.charts`) side by side on the same canvas:
+
+![Charts and SmartArts Showcase](https://www.drawlib.com/pypi_images/03_showcase_charts_smartarts.png)
+
+- **SmartArts (`drawlib.smartarts`)**: `ChevronProcess`, `Cycle`, `Table`, `TreeNode`, `MindMapNode`, `Pyramid`, `BoxList`, `BulletPoints`, `GridLayout`, and syntax-highlighted `SourceCode`.
+- **Charts (`drawlib.charts`)**: Pure-Python `BarChart`, `LineChart`, `AreaChart`, `PieChart`, `RadarChart`, `ScatterChart`, and `GanttChart` styled with the same design tokens as your diagrams.
+
+---
+
+### 3. Rich Primitives & Semantic Design System
+At its foundation, Drawlib separates **Content** (geometry, coordinates, structure) from **Style** (colors, typography, borders, themes)—just like HTML and CSS:
+
+![Primitives and Styles Showcase](https://www.drawlib.com/pypi_images/04_showcase_primitives.png)
+
+- **5 Core Primitive Categories**:
+  - **Icons (`drawlib.icons`)**: 1,500+ Phosphor icons (5 weights), FontAwesome, and official Google Cloud (GCP) icons.
+  - **Images (`drawlib.images`)**: Non-destructive `Dimage` processing pipeline (`sepia()`, `grayscale()`, `mosaic()`, `mirror()`, `crop()`, borders, rotation).
+  - **Lines (`drawlib.lines`)**: Straight, curved (`bend`), quadratic/cubic Bezier, and rounded multi-point polylines with customizable arrowheads (`"->"`, `"<-"`, `"<->"`).
+  - **Shapes (`drawlib.shapes`)**: 23 geometric primitives (`rectangle`, `circle`, `ellipse`, `rhombus`, `star`, `arrow`, `chevron`, `bubblespeech`, `polygon`, etc.).
+  - **Text (`drawlib.text`, `drawlib.fonts`)**: Multilingual typography with automatic on-demand font caching (`FontRoboto`, `FontSansSerif`, `FontSerif`, `FontSourceCode`, `FontJapanese`, `FontChinese`, `FontKorean`, `FontArabic`, etc.).
+- **7-Role Semantic Style System (`drawlib.styles`)**:
+  - Built-in presets (`default`, `google`, `essentials`, `monochrome`, `warm`, `cold`) accessed via `Styles.<Token>` (`Styles.PrimaryFlat`, `Styles.Neutral`, `Styles.SecondaryNeutral`, `Styles.MutedDashed`, `Styles.SuccessNeutral`, `Styles.WarningNeutral`, `Styles.DangerNeutral`).
+
+---
+
+### 4. Illustrated Documentation & Slide as Code
+Write Markdown files with embedded ```` ```drawlib ```` code blocks. A single `drawlib build` command compiles your repository into multiple publication formats:
+
+![Documentation as Code Workflow](https://www.drawlib.com/pypi_images/05_workflow_doc_as_code.png)
+
+- **4 Project Scaffolds (`drawlib init <type>`)**:
+  - `drawlib init site`: Multi-page documentation website (`docs_html/`), GitHub Markdown (`docs/`), and PDF.
+  - `drawlib init doc`: Linear technical specification / whitepaper (`*_html/`, `*_markdown/`, `*.pdf`).
+  - `drawlib init slide`: 16:9 presentation slide deck with native SVG text and keyboard navigation (`slide_html/`, `slide.pdf`).
+  - `drawlib init images`: Standalone batch Python illustration scripts (`images_src/` -> `images/`).
+
+---
+
+### 5. AI Inner Loop & Human Outer Loop
+Drawlib is engineered from the ground up for **AI-native documentation and diagram engineering** (Claude Code, Cursor, Gemini, Codex), separating high-frequency visual self-correction from high-level human review:
+
+![AI Inner Loop and Human Outer Loop](https://www.drawlib.com/pypi_images/06_ai_agent_loop.png)
+
+- **AI Inner Loop (Autonomous Visual Self-Correction)**:
+  1. **On-Demand Spec & Codebase Lookup**: The AI agent autonomously queries **`drawlib rules show <topic>`** for detailed API specifications and design best practices, while directly inspecting **repository source code, schemas, and design docs** as the single source of truth.
+  2. **Code Synthesis & Grid Preview (`drawlib show -g`)**: The agent writes Python drawing blocks and Markdown prose, then renders a headless preview with a coordinate grid overlay.
+  3. **Multimodal Inspection & Self-Repair**: The agent visually inspects the rendered PNG for text clipping, overlapping labels, or style imbalances, repairing coordinates and styles autonomously until the diagram passes inspection.
+- **Human Outer Loop (Intent & Review)**:
+  - The developer stays focused on high-level architecture and intent—providing initial goals, reviewing the compiled **Published Docs** (HTML / PDF / GitHub MD / Slide), and iterating on direction without ever nudging pixels in a GUI tool.
+
+---
+
+## Installation
+
+Install `drawlib` from PyPI using `pip` or `uv`:
+
+```bash
+pip install drawlib
+```
+
+To enable headless PDF export for documentation sites, linear documents, and slide decks, install the `[pdf]` extra and Chromium:
+
+```bash
+pip install "drawlib[pdf]"
+playwright install chromium
+```
+
+Verify the installation:
+
+```bash
+drawlib --version
+```
+
+---
+
+## Quick Start
+
+### 1. Standalone Python Script
+
+Create a file named `architecture.py`:
+
+```python
+from drawlib.canvas import save, setup
+from drawlib.lines import line
+from drawlib.shapes import rectangle
+from drawlib.styles import Styles
+from drawlib.text import text
+
+setup(width=120, height=50)
+
+# 1. Structural Boundary (Muted)
+rectangle((60, 25), width=112, height=42, r=3, style=Styles.MutedDashed)
+text((22, 42.5), "Production VPC", style=Styles.MutedBold.patch(text_size=9))
+
+# 2. Entrypoint & Hero Service
+rectangle((22, 24), width=24, height=16, r=2, style=Styles.Neutral, text="Client App")
+rectangle(
+    (58, 24),
+    width=26,
+    height=16,
+    r=2,
+    style=Styles.PrimaryFlat,
+    text="API Gateway",
+    text_style=Styles.WhiteBold,
+)
+
+# 3. Downstream Services (Tinted Neutral Cards)
+rectangle((96, 33), width=24, height=12, r=2, style=Styles.SecondaryNeutral, text="Auth Service")
+rectangle((96, 15), width=24, height=12, r=2, style=Styles.SuccessNeutral, text="Audit Log DB")
+
+# 4. Directional Connectors
+line((34, 24), (45, 24), arrow_head="->", style=Styles.DarkBold)
+line((71, 28), (84, 33), arrow_head="->", style=Styles.DarkBold)
+line((71, 20), (84, 15), arrow_head="->", style=Styles.DarkBold)
+
+save()
+```
+
+Run the script with Python or `drawlib` to generate `architecture.png`:
+
+```bash
+python architecture.py
+```
+
+#### Core Principles at a Glance
+- **Bottom-Left Origin `(0, 0)`**: `setup(width=120, height=50)` defines a Cartesian coordinate canvas where `x` spans `0..120` (left to right) and `y` spans `0..50` (bottom to top).
+- **Center Alignment by Default**: Shapes (`rectangle`, `circle`, `icon`, `image`, `text`) are positioned by their center `(x, y)`, making horizontal and vertical alignment effortless.
+- **50%+ Neutral Baseline**: Ground supporting nodes in calm neutral styles (`Styles.Neutral`, `Styles.SecondaryNeutral`, `Styles.SuccessNeutral`) and reserve saturated fills (`Styles.PrimaryFlat`) for primary focal points.
+- **Style Patching (`.patch()`)**: Customize any preset token non-destructively via `Styles.MutedBold.patch(text_size=9)` or `Styles.Primary.patch(shape_line_width=2)`.
+
+---
+
+### 2. Illustrated Documentation & Slide Deck Workflow
+
+Scaffold a new documentation website, technical spec, or 16:9 slide deck in seconds:
+
+```bash
+# Initialize a multi-page documentation site in docs_src/
+drawlib init site
+
+# Or initialize a 16:9 presentation slide deck in slide_src/
+drawlib init slide
+```
+
+Inside your Markdown files (`docs_src/index.md`), embed Python drawing blocks using the ```` ```drawlib ```` fence:
+
+````markdown
+# System Architecture
+
+Below is our core request routing pipeline:
+
+```drawlib 600px center file:service_routing.png caption:"Service Routing Pipeline"
+from drawlib.canvas import setup
+from drawlib.shapes import rectangle
+from drawlib.lines import line
+from drawlib.styles import Styles
+
+setup(width=100, height=40)
+rectangle((25, 20), width=30, height=16, r=2, style=Styles.Neutral, text="Ingress")
+rectangle((75, 20), width=30, height=16, r=2, style=Styles.PrimaryFlat, text="Core API", text_style=Styles.WhiteBold)
+line((40, 20), (60, 20), arrow_head="->", style=Styles.DarkBold)
+```
+````
+
+Compile or preview with the `drawlib` CLI:
+
+```bash
+# Build HTML site, GitHub Markdown, or PDF
+./docs_src/build.sh
+
+# Launch local HTTP server with broken-link check at http://localhost:8000
+drawlib serve docs_html/
+
+# Render a single diagram with coordinate grid (-g) for layout inspection
+drawlib show docs_src/index.md service_routing.png -g -o preview_grid.png
+```
+
+---
+
+### 3. CLI Reference Summary
+
+| Command | Description |
+| :--- | :--- |
+| `drawlib init <site\|doc\|slide\|images>` | Scaffold a new documentation, slide deck, or image project |
+| `drawlib build <html\|markdown\|pdf\|image>` | Compile source files into HTML, Markdown, PDF, or PNG/WebP images |
+| `drawlib serve <html_dir> [--check]` | Start a local HTTP server for built HTML docs/slides with pre-flight link checks |
+| `drawlib show <file> [target] [-g]` | Render and inspect a single script or embedded Markdown diagram (with optional grid) |
+| `drawlib rules show [topic]` | On-demand CLI reference for AI agents to look up detailed API specs & best practices (`overview`, `style-guide`, `api`, `lib-*`) |
+| `drawlib cache <list\|download\|clear>` | Manage local font and icon asset caches (supports offline pre-caching via `--all`) |
+
+---
+
+## Links & Resources
+
+- **Official Website & Documentation**: [https://www.drawlib.com/](https://www.drawlib.com/)
+- **PyPI Package**: [https://pypi.org/project/drawlib/](https://pypi.org/project/drawlib/)
+- **GitHub Repository**: [https://github.com/yuichi110/drawlib](https://github.com/yuichi110/drawlib)
+- **License**: Apache License 2.0

drawlib-0.3.0/docs/README_PYPI.md

@@ -0,0 +1,231 @@
+# Drawlib
+
+**Pure-Python Library for "Illustration as Code" & "Illustrated Documentation as Code"**
+
+Drawlib is a declarative Python drawing library and integrated documentation compiler designed for software engineers and **autonomous AI coding agents**. Instead of maintaining brittle diagrams in external GUI tools (draw.io, Visio, PowerPoint) and manually pasting exported images into wikis, Drawlib lets you author, version-control, and build architectural diagrams, data charts, technical documents, and presentation slide decks entirely from code in Git.
+
+![Drawlib Hero Concept](https://www.drawlib.com/pypi_images/01_hero_concept.png)
+
+- **Official Website & Documentation**: [https://www.drawlib.com/](https://www.drawlib.com/)
+- **Repository Guides & Whitepapers**:
+  - [Quickstart Guide (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/quickstart.pdf)
+  - [16:9 Presentation Slide Deck (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/slide_about_drawlib.pdf)
+  - [Dogfooding Whitepaper — English (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/drawlib-dogfooding-en.pdf) | [日本語版 (PDF)](https://github.com/yuichi110/drawlib/blob/main/docs/drawlib-dogfooding.pdf)
+
+---
+
+## Why Drawlib v0.3?
+
+### 1. Cloud & Software Engineering Diagrams
+Stop assembling complex architectures out of raw coordinates. Drawlib provides high-level diagramming engines (`drawlib.diagrams`, `drawlib.graph`) and standardized icon sets (`drawlib.icons.gcp`, `phosphor`, `fontawesome`):
+
+![Cloud Architecture Showcase](https://www.drawlib.com/pypi_images/02_showcase_diagrams.png)
+
+- **Auto-Layout Graphs (`drawlib.graph`)**: Declarative graph layout solvers (`ArchitectureGraph`, `LayerGraph`, `TreeGraph`, `RadialGraph`, `GridGraph`) that compute overlap-free coordinates (`get_layout()`), nested cluster bounds, and `offset()` fine-tuning for rendering with `drawlib.diagrams` and `drawlib.shapes`.
+- **Technical Diagrams (`drawlib.diagrams`)**:
+  - **Cloud Architecture (`ArchitectureDiagram`)**: VPC boundaries, subnets, tiers, and official cloud service icons.
+  - **Flowcharts (`FlowDiagram`)**: Process stages, decision branches, and orthogonal connectors.
+  - **Sequence Diagrams (`SequenceDiagram`)**: Client/server lifelines, synchronous/asynchronous messages, and activation bars.
+  - **UML Class, ER & State Diagrams (`ClassDiagram`, `ERDiagram`, `StateDiagram`)**: Object-oriented models, database schemas, and state machines.
+
+---
+
+### 2. Quantitative Charts & SmartArt Infographics
+Compose presentation-ready infographics (`drawlib.smartarts`) and quantitative data plots (`drawlib.charts`) side by side on the same canvas:
+
+![Charts and SmartArts Showcase](https://www.drawlib.com/pypi_images/03_showcase_charts_smartarts.png)
+
+- **SmartArts (`drawlib.smartarts`)**: `ChevronProcess`, `Cycle`, `Table`, `TreeNode`, `MindMapNode`, `Pyramid`, `BoxList`, `BulletPoints`, `GridLayout`, and syntax-highlighted `SourceCode`.
+- **Charts (`drawlib.charts`)**: Pure-Python `BarChart`, `LineChart`, `AreaChart`, `PieChart`, `RadarChart`, `ScatterChart`, and `GanttChart` styled with the same design tokens as your diagrams.
+
+---
+
+### 3. Rich Primitives & Semantic Design System
+At its foundation, Drawlib separates **Content** (geometry, coordinates, structure) from **Style** (colors, typography, borders, themes)—just like HTML and CSS:
+
+![Primitives and Styles Showcase](https://www.drawlib.com/pypi_images/04_showcase_primitives.png)
+
+- **5 Core Primitive Categories**:
+  - **Icons (`drawlib.icons`)**: 1,500+ Phosphor icons (5 weights), FontAwesome, and official Google Cloud (GCP) icons.
+  - **Images (`drawlib.images`)**: Non-destructive `Dimage` processing pipeline (`sepia()`, `grayscale()`, `mosaic()`, `mirror()`, `crop()`, borders, rotation).
+  - **Lines (`drawlib.lines`)**: Straight, curved (`bend`), quadratic/cubic Bezier, and rounded multi-point polylines with customizable arrowheads (`"->"`, `"<-"`, `"<->"`).
+  - **Shapes (`drawlib.shapes`)**: 23 geometric primitives (`rectangle`, `circle`, `ellipse`, `rhombus`, `star`, `arrow`, `chevron`, `bubblespeech`, `polygon`, etc.).
+  - **Text (`drawlib.text`, `drawlib.fonts`)**: Multilingual typography with automatic on-demand font caching (`FontRoboto`, `FontSansSerif`, `FontSerif`, `FontSourceCode`, `FontJapanese`, `FontChinese`, `FontKorean`, `FontArabic`, etc.).
+- **7-Role Semantic Style System (`drawlib.styles`)**:
+  - Built-in presets (`default`, `google`, `essentials`, `monochrome`, `warm`, `cold`) accessed via `Styles.<Token>` (`Styles.PrimaryFlat`, `Styles.Neutral`, `Styles.SecondaryNeutral`, `Styles.MutedDashed`, `Styles.SuccessNeutral`, `Styles.WarningNeutral`, `Styles.DangerNeutral`).
+
+---
+
+### 4. Illustrated Documentation & Slide as Code
+Write Markdown files with embedded ```` ```drawlib ```` code blocks. A single `drawlib build` command compiles your repository into multiple publication formats:
+
+![Documentation as Code Workflow](https://www.drawlib.com/pypi_images/05_workflow_doc_as_code.png)
+
+- **4 Project Scaffolds (`drawlib init <type>`)**:
+  - `drawlib init site`: Multi-page documentation website (`docs_html/`), GitHub Markdown (`docs/`), and PDF.
+  - `drawlib init doc`: Linear technical specification / whitepaper (`*_html/`, `*_markdown/`, `*.pdf`).
+  - `drawlib init slide`: 16:9 presentation slide deck with native SVG text and keyboard navigation (`slide_html/`, `slide.pdf`).
+  - `drawlib init images`: Standalone batch Python illustration scripts (`images_src/` -> `images/`).
+
+---
+
+### 5. AI Inner Loop & Human Outer Loop
+Drawlib is engineered from the ground up for **AI-native documentation and diagram engineering** (Claude Code, Cursor, Gemini, Codex), separating high-frequency visual self-correction from high-level human review:
+
+![AI Inner Loop and Human Outer Loop](https://www.drawlib.com/pypi_images/06_ai_agent_loop.png)
+
+- **AI Inner Loop (Autonomous Visual Self-Correction)**:
+  1. **On-Demand Spec & Codebase Lookup**: The AI agent autonomously queries **`drawlib rules show <topic>`** for detailed API specifications and design best practices, while directly inspecting **repository source code, schemas, and design docs** as the single source of truth.
+  2. **Code Synthesis & Grid Preview (`drawlib show -g`)**: The agent writes Python drawing blocks and Markdown prose, then renders a headless preview with a coordinate grid overlay.
+  3. **Multimodal Inspection & Self-Repair**: The agent visually inspects the rendered PNG for text clipping, overlapping labels, or style imbalances, repairing coordinates and styles autonomously until the diagram passes inspection.
+- **Human Outer Loop (Intent & Review)**:
+  - The developer stays focused on high-level architecture and intent—providing initial goals, reviewing the compiled **Published Docs** (HTML / PDF / GitHub MD / Slide), and iterating on direction without ever nudging pixels in a GUI tool.
+
+---
+
+## Installation
+
+Install `drawlib` from PyPI using `pip` or `uv`:
+
+```bash
+pip install drawlib
+```
+
+To enable headless PDF export for documentation sites, linear documents, and slide decks, install the `[pdf]` extra and Chromium:
+
+```bash
+pip install "drawlib[pdf]"
+playwright install chromium
+```
+
+Verify the installation:
+
+```bash
+drawlib --version
+```
+
+---
+
+## Quick Start
+
+### 1. Standalone Python Script
+
+Create a file named `architecture.py`:
+
+```python
+from drawlib.canvas import save, setup
+from drawlib.lines import line
+from drawlib.shapes import rectangle
+from drawlib.styles import Styles
+from drawlib.text import text
+
+setup(width=120, height=50)
+
+# 1. Structural Boundary (Muted)
+rectangle((60, 25), width=112, height=42, r=3, style=Styles.MutedDashed)
+text((22, 42.5), "Production VPC", style=Styles.MutedBold.patch(text_size=9))
+
+# 2. Entrypoint & Hero Service
+rectangle((22, 24), width=24, height=16, r=2, style=Styles.Neutral, text="Client App")
+rectangle(
+    (58, 24),
+    width=26,
+    height=16,
+    r=2,
+    style=Styles.PrimaryFlat,
+    text="API Gateway",
+    text_style=Styles.WhiteBold,
+)
+
+# 3. Downstream Services (Tinted Neutral Cards)
+rectangle((96, 33), width=24, height=12, r=2, style=Styles.SecondaryNeutral, text="Auth Service")
+rectangle((96, 15), width=24, height=12, r=2, style=Styles.SuccessNeutral, text="Audit Log DB")
+
+# 4. Directional Connectors
+line((34, 24), (45, 24), arrow_head="->", style=Styles.DarkBold)
+line((71, 28), (84, 33), arrow_head="->", style=Styles.DarkBold)
+line((71, 20), (84, 15), arrow_head="->", style=Styles.DarkBold)
+
+save()
+```
+
+Run the script with Python or `drawlib` to generate `architecture.png`:
+
+```bash
+python architecture.py
+```
+
+#### Core Principles at a Glance
+- **Bottom-Left Origin `(0, 0)`**: `setup(width=120, height=50)` defines a Cartesian coordinate canvas where `x` spans `0..120` (left to right) and `y` spans `0..50` (bottom to top).
+- **Center Alignment by Default**: Shapes (`rectangle`, `circle`, `icon`, `image`, `text`) are positioned by their center `(x, y)`, making horizontal and vertical alignment effortless.
+- **50%+ Neutral Baseline**: Ground supporting nodes in calm neutral styles (`Styles.Neutral`, `Styles.SecondaryNeutral`, `Styles.SuccessNeutral`) and reserve saturated fills (`Styles.PrimaryFlat`) for primary focal points.
+- **Style Patching (`.patch()`)**: Customize any preset token non-destructively via `Styles.MutedBold.patch(text_size=9)` or `Styles.Primary.patch(shape_line_width=2)`.
+
+---
+
+### 2. Illustrated Documentation & Slide Deck Workflow
+
+Scaffold a new documentation website, technical spec, or 16:9 slide deck in seconds:
+
+```bash
+# Initialize a multi-page documentation site in docs_src/
+drawlib init site
+
+# Or initialize a 16:9 presentation slide deck in slide_src/
+drawlib init slide
+```
+
+Inside your Markdown files (`docs_src/index.md`), embed Python drawing blocks using the ```` ```drawlib ```` fence:
+
+````markdown
+# System Architecture
+
+Below is our core request routing pipeline:
+
+```drawlib 600px center file:service_routing.png caption:"Service Routing Pipeline"
+from drawlib.canvas import setup
+from drawlib.shapes import rectangle
+from drawlib.lines import line
+from drawlib.styles import Styles
+
+setup(width=100, height=40)
+rectangle((25, 20), width=30, height=16, r=2, style=Styles.Neutral, text="Ingress")
+rectangle((75, 20), width=30, height=16, r=2, style=Styles.PrimaryFlat, text="Core API", text_style=Styles.WhiteBold)
+line((40, 20), (60, 20), arrow_head="->", style=Styles.DarkBold)
+```
+````
+
+Compile or preview with the `drawlib` CLI:
+
+```bash
+# Build HTML site, GitHub Markdown, or PDF
+./docs_src/build.sh
+
+# Launch local HTTP server with broken-link check at http://localhost:8000
+drawlib serve docs_html/
+
+# Render a single diagram with coordinate grid (-g) for layout inspection
+drawlib show docs_src/index.md service_routing.png -g -o preview_grid.png
+```
+
+---
+
+### 3. CLI Reference Summary
+
+| Command | Description |
+| :--- | :--- |
+| `drawlib init <site\|doc\|slide\|images>` | Scaffold a new documentation, slide deck, or image project |
+| `drawlib build <html\|markdown\|pdf\|image>` | Compile source files into HTML, Markdown, PDF, or PNG/WebP images |
+| `drawlib serve <html_dir> [--check]` | Start a local HTTP server for built HTML docs/slides with pre-flight link checks |
+| `drawlib show <file> [target] [-g]` | Render and inspect a single script or embedded Markdown diagram (with optional grid) |
+| `drawlib rules show [topic]` | On-demand CLI reference for AI agents to look up detailed API specs & best practices (`overview`, `style-guide`, `api`, `lib-*`) |
+| `drawlib cache <list\|download\|clear>` | Manage local font and icon asset caches (supports offline pre-caching via `--all`) |
+
+---
+
+## Links & Resources
+
+- **Official Website & Documentation**: [https://www.drawlib.com/](https://www.drawlib.com/)
+- **PyPI Package**: [https://pypi.org/project/drawlib/](https://pypi.org/project/drawlib/)
+- **GitHub Repository**: [https://github.com/yuichi110/drawlib](https://github.com/yuichi110/drawlib)
+- **License**: Apache License 2.0

drawlib-0.3.0/pyproject.toml

@@ -0,0 +1,154 @@
+[build-system]
+requires = ["uv-build<0.12"]
+build-backend = "uv_build"
+
+[project]
+name = "drawlib"
+version = "0.3.0"
+description = "Python drawing library. Illustration as Code."
+readme = "docs/README_PYPI.md"
+requires-python = ">=3.11"
+license = { text = "Apache-2.0" }
+authors = [{name = "Yuichi Ito", email = "yuichi@yuichi.com"}]
+dependencies = [
+    "matplotlib>=3.8",
+    "pydantic>=2.8",
+    "pygments>=2.18",
+    "markdown-it-py>=3.0",
+    "jinja2>=3.1",
+    "typer>=0.12.0",
+    "rich>=13.0.0",
+]
+
+[project.urls]
+Homepage = "https://www.drawlib.com"
+Repository = "https://github.com/yuichi110/drawlib"
+
+[project.scripts]
+drawlib = "drawlib._cli.main:main"
+
+[project.optional-dependencies]
+pdf = [
+    "playwright>=1.40.0",
+]
+
+[dependency-groups]
+dev = [
+    "types-pillow>=10.2.0.20240311",
+    "ruff>=0.9.0",
+    "pytest>=8.3.0",
+    "pytest-cov>=6.0.0",
+    "tomlkit>=0.14.0",
+    "ty>=0.0.35",
+    "pyright>=1.1.409",
+    "typer>=0.12.0",
+    "rich>=13.0.0",
+    "pytest-xdist>=3.8.0",
+    "playwright>=1.40.0",
+]
+
+[tool.ruff]
+preview = false
+fix = true
+unsafe-fixes = false
+line-length = 120
+exclude = ["docs"]
+
+[tool.ruff.lint]
+select = [
+    "C90", # mccabe 
+    "F",   # Pyflakes
+    "D",   # pydocstyle
+    "E",   # Pycodestyle Error
+    "I",   # isort
+    "N",   # pep8-naming (N)
+    "W",   # Pycodestyle Warning
+    "ANN", # flake8-annotations (ANN)
+    "CPY", # flake8-copyright
+    "S",   # flake8-bandit
+    "PL"   # Pylint
+]
+
+ignore = [
+    "D203",    # 1 blank line required before class docstring
+    "D212",    # Multi-line docstring summary should start at the first line
+    "D415",    # First line should end with a period, question mark, or exclamation point
+    "F401",    # imported but unused
+    "PLC0414", # Import alias does not rename original package
+    "PLC1901", # compare-to-empty-string
+    "PLR0904", # Too many public methods
+    "PLR0912", # Too many branches
+    "PLR0913", # Too many arguments in function definition
+    "PLR0914", # Too many local variables
+    "PLR0915", # Too many statements
+    "PLR0917", # Too many positional arguments
+    "PLR2004", # Magic value used in comparison
+    "PLW2901"  # Outer variable overwritten by inner target
+]
+
+[tool.ruff.lint.per-file-ignores]
+"src/drawlib/_preset_colors/**.py" = [
+    "N803", # PascalCase argument names for design token patch methods
+]
+"src/drawlib/_preset_styles/**.py" = [
+    "D417", # Style patch methods have hundreds of design tokens that do not need individual docstring entries
+    "N803", # PascalCase argument names for design token patch methods
+]
+"tools/**.py" = [
+    "ANN",     # flake8-annotations
+    "S101",    # Use of assert detected
+    "S310",    # Audit URL open for permitted schemes
+    "S404",    # Subprocess module usage
+    "S603",    # Subprocess call without shell=True
+    "S607",    # Subprocess with partial executable path
+    "PLC2701", # Private name import from external module
+    "PLR6301", # Method could be a function/static method
+]
+"tests*/**.py" = [
+    "F403", # undefined-local-with-import-star
+    "F405", # undefined-local-with-import-star-usage
+    "D100", # undocumented-public-module
+    "D101", # undocumented-public-class
+    "D102", # undocumented-public-method
+    "D103", # undocumented-public-function
+    "D104", # undocumented-public-package
+    "D107", # undocumented-public-init
+    "ANN",  # flake8-annotations
+    "CPY",  # flake8-copyright
+    "S101", # Use of assert detected
+    "PLC2701", # Private name import from external module (standard for unit tests)
+    "PLR6301" # Method could be a function/static method (standard for pytest classes)
+]
+"src/drawlib/_builder/**.py" = [
+    "S102",    # exec usage is intentional for dynamic code execution
+    "S701",    # jinja2 autoescape
+    "PLC0415", # lazy import for optional dependencies
+    "C901",    # complex functions in builder
+    "F403",    # import star
+    "F405"     # import star usage
+]
+"test_build_target/**.py" = [
+    "F403", # undefined-local-with-import-star
+    "F405", # undefined-local-with-import-star-usage
+    "D100", # undocumented-public-module
+    "D103", # undocumented-public-function
+]
+
+[tool.ruff.lint.pydocstyle]
+convention = "google"
+
+[tool.pyright]
+include = ["src/drawlib", "tools"]
+extraPaths = ["."]
+typeCheckingMode = "basic"
+reportMissingTypeArgument = "warning"
+reportUnknownParameterType = "warning"
+reportUnknownVariableType = "warning"
+reportUnknownMemberType = "warning"
+reportUnknownArgumentType = "warning"
+
+[tool.pytest.ini_options]
+testpaths = ["tests"]
+markers = [
+    "image_threshold(threshold): custom pixel match threshold for image comparison",
+]