@pinepaper.studio/mcp-server 1.4.2 → 1.5.0

package/README.md

@@ -7,7 +7,7 @@
 
 ## Overview
 
-PinePaper MCP Server enables AI assistants like Claude to create and animate graphics in [PinePaper Studio](https://pinepaper.studio). Using natural language, you can:
+PinePaper MCP Server enables AI assistants to create and animate graphics in [PinePaper Studio](https://pinepaper.studio) via the Model Context Protocol (MCP). Works with any AI that supports MCP tool calling (Claude, GPT, Gemini, local models, etc.). Using natural language, you can:
 
 - Create text, shapes, and complex graphics
 - Animate items with behavior-driven relations
@@ -26,12 +26,13 @@ npm install -g @pinepaper.studio/mcp-server
 bun add -g @pinepaper.studio/mcp-server
 ```
 
-### 2. Configure Claude Desktop
+### 2. Configure Your AI Client
 
-Add to your `claude_desktop_config.json`:
+Add to your MCP client configuration. Examples:
 
-**macOS:** `~/Library/Application Support/Claude/claude_desktop_config.json`
-**Windows:** `%APPDATA%\Claude\claude_desktop_config.json`
+**Claude Desktop** (`claude_desktop_config.json`):
+- macOS: `~/Library/Application Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
 
 ```json
 {
@@ -44,9 +45,11 @@ Add to your `claude_desktop_config.json`:
 }
 ```
 
+**Other MCP Clients**: Refer to your AI client's MCP configuration documentation.
+
 ### 3. Start Using
 
-Open Claude Desktop and try:
+Open your AI client and try:
 
 > "Create a red pulsing text that says HELLO"
 
@@ -56,6 +59,131 @@ Open Claude Desktop and try:
 
 ## Features
 
+### 🤖 Agent Flow Mode (ENFORCED in v1.5.0)
+
+Agent mode is now **enforced by default** for optimal performance:
+
+- **Auto-Connection**: Browser connects automatically on first tool call (headless mode)
+- **Auto-Session**: Agent sessions start automatically - just start creating!
+- **Batch Operations**: Execute multiple operations in one call (~10x faster)
+- **Smart Exports**: Auto-detect optimal format for Instagram, TikTok, YouTube, etc.
+
+```
+"Create a red pulsing text that says HELLO"  # Browser auto-connects
+"Create 5 items in batch, then export for TikTok"
+"Analyze the scene and recommend export format"
+```
+
+**No manual setup required** - just start making tool calls.
+
+**Tools:**
+- `pinepaper_agent_start_job` - Start a named job session (optional)
+- `pinepaper_agent_end_job` - End job with summary and export recommendations
+- `pinepaper_agent_reset` - Quick canvas reset
+- `pinepaper_agent_batch_execute` - Execute multiple operations in batch
+- `pinepaper_agent_export` - Smart export with platform auto-detection
+- `pinepaper_agent_analyze` - Analyze content for export recommendations
+
+### 🎯 Interactive Triggers (NEW in v1.5.0)
+
+Add click, hover, and drag interactions to items:
+
+```
+"Make the button show a panel when clicked"
+"Add a hover effect that plays an animation"
+"Create a drag-and-drop quiz"
+```
+
+**Event Types:**
+- `click`, `hover_enter`, `hover_exit`
+- `drag_start`, `drag_move`, `drag_end`
+- `timeline`, `animation_end`
+
+**Tools:**
+- `pinepaper_add_trigger` - Add event triggers with actions
+- `pinepaper_remove_trigger` - Remove triggers from items
+- `pinepaper_query_triggers` - List all triggers
+
+### 📝 Quiz/LMS Integration (NEW in v1.5.0)
+
+Create interactive quizzes with SCORM/xAPI support:
+
+```
+"Create a multiple choice quiz about planets"
+"Add a drag-and-drop matching exercise"
+"Track quiz score and progress"
+```
+
+**Question Types:**
+- Multiple choice, Multiple select
+- Drag-and-drop, Matching, Sequencing
+- Hotspot, True/False, Fill-in-blank
+
+**Tools:**
+- `pinepaper_create_quiz` - Create interactive quizzes
+- `pinepaper_get_quiz_state` - Get score, progress, answers
+- `pinepaper_reset_quiz` - Reset quiz state
+
+### 📦 Widget Export (NEW in v1.5.0)
+
+Export as embeddable widgets for websites and LMS:
+
+```
+"Export as a web component"
+"Create an iframe embed code"
+"Generate a React component"
+```
+
+**Export Formats:**
+- `web-component` - `<pinepaper-widget>` custom element
+- `standalone-html` - Complete HTML file
+- `iframe-embed` - Iframe embed code
+- `react-component` - React wrapper
+- `vue-component` - Vue wrapper
+
+**Tool:**
+- `pinepaper_export_widget` - Export with LMS support (SCORM/xAPI)
+
+### 📐 Diagram Tools (NEW in v1.4.3)
+
+Create flowcharts, UML diagrams, network diagrams, and more:
+
+```
+"Create a flowchart for user login process"
+"Make a UML class diagram for the User class"
+"Design a network topology with 3 servers connected to a cloud"
+```
+
+**Shape Types:**
+- **Flowchart**: process, decision, terminal, data, document, database, preparation
+- **UML**: uml-class, uml-usecase, uml-actor
+- **Network**: cloud, server
+- **Basic**: rectangle, circle, triangle, star
+
+**Connector Features:**
+- Smart routing (orthogonal, direct, curved)
+- Arrow styles (classic, stealth, diamond, circle, none)
+- Animated bolt effect for data flow
+- Labels on connectors
+
+**Auto-Layout Algorithms:**
+- Hierarchical (flowcharts, org charts)
+- Force-directed (network diagrams)
+- Tree (hierarchies)
+- Radial (mind maps)
+- Grid (component libraries)
+
+**Tools:**
+- `pinepaper_create_diagram_shape` - Create diagram shapes with ports
+- `pinepaper_connect` - Connect items with smart connectors
+- `pinepaper_connect_ports` - Connect specific ports
+- `pinepaper_add_ports` - Add connection ports to items
+- `pinepaper_auto_layout` - Automatically arrange items
+- `pinepaper_get_diagram_shapes` - List available shapes
+- `pinepaper_update_connector` - Update connector properties
+- `pinepaper_remove_connector` - Remove a connector
+- `pinepaper_diagram_mode` - Control diagram editing mode
+
 ### 🔍 Asset Search & Import (NEW in v1.3.0)
 
 Search and import free SVG assets from multiple repositories:
@@ -78,7 +206,7 @@ Search and import free SVG assets from multiple repositories:
 
 ### 📊 Performance Metrics (NEW in v1.3.0)
 
-Built-in performance tracking helps Claude optimize workflows:
+Built-in performance tracking helps AI assistants optimize workflows:
 
 - Automatic timing for all tool operations
 - Phase breakdown (validation, code generation, execution, screenshots)
@@ -217,7 +345,49 @@ Outputs pairs like:
 |------|-------------|
 | `pinepaper_get_items` | Get canvas items |
 | `pinepaper_get_relation_stats` | Relation statistics |
-| `pinepaper_get_performance_metrics` | Get execution timing metrics (NEW) |
+| `pinepaper_get_performance_metrics` | Get execution timing metrics |
+
+### Diagram Tools (NEW in v1.4.3)
+| Tool | Description |
+|------|-------------|
+| `pinepaper_create_diagram_shape` | Create flowchart/UML/network shapes with ports |
+| `pinepaper_connect` | Connect items with smart connectors |
+| `pinepaper_connect_ports` | Connect specific ports on items |
+| `pinepaper_add_ports` | Add connection ports to items |
+| `pinepaper_auto_layout` | Auto-arrange items using layout algorithms |
+| `pinepaper_get_diagram_shapes` | List available diagram shapes |
+| `pinepaper_update_connector` | Update connector style/label |
+| `pinepaper_remove_connector` | Remove a connector |
+| `pinepaper_diagram_mode` | Control diagram editing mode |
+
+### Agent Flow Mode Tools (NEW in v1.5.0)
+| Tool | Description |
+|------|-------------|
+| `pinepaper_agent_start_job` | Start content creation job session |
+| `pinepaper_agent_end_job` | End job with summary and recommendations |
+| `pinepaper_agent_reset` | Quick canvas reset without page refresh |
+| `pinepaper_agent_batch_execute` | Execute multiple operations in batch |
+| `pinepaper_agent_export` | Smart export with platform auto-detection |
+| `pinepaper_agent_analyze` | Analyze content for export recommendations |
+
+### Interactive Trigger Tools (NEW in v1.5.0)
+| Tool | Description |
+|------|-------------|
+| `pinepaper_add_trigger` | Add event triggers (click, hover, drag) |
+| `pinepaper_remove_trigger` | Remove triggers from items |
+| `pinepaper_query_triggers` | List all triggers on canvas |
+
+### Quiz/LMS Tools (NEW in v1.5.0)
+| Tool | Description |
+|------|-------------|
+| `pinepaper_create_quiz` | Create interactive quizzes |
+| `pinepaper_get_quiz_state` | Get quiz score, progress, answers |
+| `pinepaper_reset_quiz` | Reset quiz to initial state |
+
+### Widget Export Tools (NEW in v1.5.0)
+| Tool | Description |
+|------|-------------|
+| `pinepaper_export_widget` | Export as embeddable widget (web-component, iframe, React, Vue) |
 
 ### Canvas Tools
 | Tool | Description |
@@ -260,11 +430,36 @@ Outputs pairs like:
 3. Add relation: label follows player with offset [0, -50]
 ```
 
+### Flowchart Diagram (NEW)
+
+```
+1. Create a terminal shape with label "Start"
+2. Create a process shape with label "Get Input"
+3. Create a decision shape with label "Valid?"
+4. Create a terminal shape with label "End"
+5. Connect Start → Get Input
+6. Connect Get Input → Valid?
+7. Connect Valid? → End (label: "Yes")
+8. Connect Valid? → Get Input (label: "No", routing: curved)
+9. Apply hierarchical auto-layout
+```
+
+### Network Diagram (NEW)
+
+```
+1. Create a cloud shape with label "Internet"
+2. Create 3 server shapes with labels "Web", "API", "DB"
+3. Connect Internet → Web (label: "HTTPS")
+4. Connect Web → API (label: "REST")
+5. Connect API → DB (label: "SQL")
+6. Apply force-directed auto-layout
+```
+
 ## Architecture
 
 ```
 ┌─────────────────────────────────────────────────────────────┐
-│                     Claude Desktop                          │
+│                 AI Client (Claude, etc.)                    │
 │                          │                                  │
 │                    MCP Protocol                             │
 │                          │                                  │
@@ -303,7 +498,7 @@ bun install
 bun run build
 ```
 
-### Test with Claude Desktop (Local)
+### Test with MCP Client (Local)
 
 1. Build the server:
    ```bash
@@ -314,7 +509,7 @@ bun run build
    bun run build
    ```
 
-2. Add to Claude Desktop config (`~/Library/Application Support/Claude/claude_desktop_config.json` on macOS):
+2. Add to your MCP client config (example for Claude Desktop on macOS: `~/Library/Application Support/Claude/claude_desktop_config.json`):
    ```json
    {
      "mcpServers": {
@@ -326,7 +521,7 @@ bun run build
    }
    ```
 
-3. Restart Claude Desktop
+3. Restart your MCP client
 
 4. Test with: "What PinePaper tools do you have available?"
 
@@ -381,7 +576,7 @@ The i18n system provides localized:
 Set the `PINEPAPER_LOCALE` environment variable:
 
 ```bash
-# In Claude Desktop config
+# In MCP client config (example for Claude Desktop)
 {
   "mcpServers": {
     "pinepaper": {
@@ -432,7 +627,7 @@ See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
 
 ### Performance Metrics
 
-PinePaper MCP Server includes built-in performance tracking to help Claude optimize workflows by identifying bottlenecks and choosing faster alternatives.
+PinePaper MCP Server includes built-in performance tracking to help AI assistants optimize workflows by identifying bottlenecks and choosing faster alternatives.
 
 **Key Features:**
 - ⚡ Automatic timing for all tool operations
@@ -445,14 +640,14 @@ PinePaper MCP Server includes built-in performance tracking to help Claude optim
 **Quick Example:**
 
 ```
-Claude: "Let me check if batch operations are faster"
+AI: "Let me check if batch operations are faster"
 → pinepaper_get_performance_metrics(format: 'summary')
 
 Result:
   - pinepaper_create_item: avg 145ms
   - pinepaper_batch_create (10 items): avg 298ms (~30ms per item)
 
-Claude: "I'll use batch_create for the next 20 items"
+AI: "I'll use batch_create for the next 20 items"
 ```
 
 **Configuration:**
@@ -472,8 +667,8 @@ export PINEPAPER_METRICS_RETENTION=5000
 ### Guides
 
 - **[Workflow Guide](docs/WORKFLOW_GUIDE.md)** - Decision trees, multi-step patterns, performance optimization, and troubleshooting
-- **[Performance Metrics](docs/PERFORMANCE_METRICS.md)** - In-memory metrics system for Claude self-optimization
-- **[PinePaper Reference](docs/CLAUDE_Pinepaper_v1_beta.md)** - Complete PinePaper Studio API reference
+- **[Performance Metrics](docs/PERFORMANCE_METRICS.md)** - In-memory metrics system for AI self-optimization
+- **[PinePaper Reference](https://pinepaper.studio/docs/)** - Complete PinePaper Studio API reference
 
 ### External Documentation
 

package/dist/__tests__/fixtures/mock-generators.d.ts

@@ -76,6 +76,83 @@ export declare const mockPatternGenerator: {
         bgColor: string;
     };
 };
+export declare const mockBokehGenerator: {
+    generatorName: "drawBokeh";
+    params: {
+        count: number;
+        colors: string[];
+        bgColor: string;
+        minRadius: number;
+        maxRadius: number;
+        shadowBlur: number;
+        distribution: "poisson";
+        driftAnimation: boolean;
+    };
+};
+export declare const mockGradientMeshGenerator: {
+    generatorName: "drawGradientMesh";
+    params: {
+        colors: string[];
+        bgColor: string;
+        blobCount: number;
+        blendMode: string;
+        drift: boolean;
+    };
+};
+export declare const mockGeometricAbstractGenerator: {
+    generatorName: "drawGeometricAbstract";
+    params: {
+        colors: string[];
+        bgColor: string;
+        shapeCount: number;
+        blendMode: string;
+        rotation: boolean;
+    };
+};
+export declare const mockWindFieldGenerator: {
+    generatorName: "drawWindField";
+    params: {
+        particleCount: number;
+        colors: string[];
+        bgColor: string;
+        direction: number;
+        turbulence: number;
+        trailLength: number;
+        speed: number;
+    };
+};
+export declare const mockFluidFlowGenerator: {
+    generatorName: "drawFluidFlow";
+    params: {
+        streamCount: number;
+        colors: string[];
+        bgColor: string;
+        depthLayers: number;
+        speed: number;
+    };
+};
+export declare const mockOrganicFlowGenerator: {
+    generatorName: "drawOrganicFlow";
+    params: {
+        layerCount: number;
+        colors: string[];
+        bgColor: string;
+        blendMode: string;
+        fillToBottom: boolean;
+        animated: boolean;
+    };
+};
+export declare const mockNoiseTextureGenerator: {
+    generatorName: "drawNoiseTexture";
+    params: {
+        noiseType: "perlin";
+        colors: string[];
+        bgColor: string;
+        scale: number;
+        density: number;
+        animated: boolean;
+    };
+};
 export declare const allMockGenerators: ({
     generatorName: "drawSunburst";
     params: {
@@ -143,5 +220,75 @@ export declare const allMockGenerators: ({
         color: string;
         bgColor: string;
     };
+} | {
+    generatorName: "drawBokeh";
+    params: {
+        count: number;
+        colors: string[];
+        bgColor: string;
+        minRadius: number;
+        maxRadius: number;
+        shadowBlur: number;
+        distribution: "poisson";
+        driftAnimation: boolean;
+    };
+} | {
+    generatorName: "drawGradientMesh";
+    params: {
+        colors: string[];
+        bgColor: string;
+        blobCount: number;
+        blendMode: string;
+        drift: boolean;
+    };
+} | {
+    generatorName: "drawGeometricAbstract";
+    params: {
+        colors: string[];
+        bgColor: string;
+        shapeCount: number;
+        blendMode: string;
+        rotation: boolean;
+    };
+} | {
+    generatorName: "drawWindField";
+    params: {
+        particleCount: number;
+        colors: string[];
+        bgColor: string;
+        direction: number;
+        turbulence: number;
+        trailLength: number;
+        speed: number;
+    };
+} | {
+    generatorName: "drawFluidFlow";
+    params: {
+        streamCount: number;
+        colors: string[];
+        bgColor: string;
+        depthLayers: number;
+        speed: number;
+    };
+} | {
+    generatorName: "drawOrganicFlow";
+    params: {
+        layerCount: number;
+        colors: string[];
+        bgColor: string;
+        blendMode: string;
+        fillToBottom: boolean;
+        animated: boolean;
+    };
+} | {
+    generatorName: "drawNoiseTexture";
+    params: {
+        noiseType: "perlin";
+        colors: string[];
+        bgColor: string;
+        scale: number;
+        density: number;
+        animated: boolean;
+    };
 })[];
 //# sourceMappingURL=mock-generators.d.ts.map

package/dist/__tests__/fixtures/mock-generators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock-generators.d.ts","sourceRoot":"","sources":["../../../src/__tests__/fixtures/mock-generators.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;CAS7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAU9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;CAOvC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAS7B,CAAC"}
+{"version":3,"file":"mock-generators.d.ts","sourceRoot":"","sources":["../../../src/__tests__/fixtures/mock-generators.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;CAS7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;CAQjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAU9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;CAUhC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;;;CAOvC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC;AAIF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;CAY9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;CASrC,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;;;;;;;CAS1C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;CAWlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;CASlC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;CAUpC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;CAUrC,CAAC;AAGF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgB7B,CAAC"}

package/dist/__tests__/fixtures/mock-generators.js

@@ -76,6 +76,84 @@ export const mockPatternGenerator = {
         bgColor: '#1e293b',
     },
 };
+// Phase 2: New generators
+export const mockBokehGenerator = {
+    generatorName: 'drawBokeh',
+    params: {
+        count: 30,
+        colors: ['#f472b6', '#818cf8', '#34d399', '#fbbf24'],
+        bgColor: '#0f172a',
+        minRadius: 10,
+        maxRadius: 60,
+        shadowBlur: 20,
+        distribution: 'poisson',
+        driftAnimation: true,
+    },
+};
+export const mockGradientMeshGenerator = {
+    generatorName: 'drawGradientMesh',
+    params: {
+        colors: ['#ec4899', '#8b5cf6', '#06b6d4'],
+        bgColor: '#0f0f23',
+        blobCount: 5,
+        blendMode: 'screen',
+        drift: true,
+    },
+};
+export const mockGeometricAbstractGenerator = {
+    generatorName: 'drawGeometricAbstract',
+    params: {
+        colors: ['#f43f5e', '#3b82f6', '#10b981', '#f59e0b'],
+        bgColor: '#1e1b4b',
+        shapeCount: 12,
+        blendMode: 'multiply',
+        rotation: true,
+    },
+};
+export const mockWindFieldGenerator = {
+    generatorName: 'drawWindField',
+    params: {
+        particleCount: 200,
+        colors: ['#e0f2fe', '#bae6fd', '#7dd3fc'],
+        bgColor: '#0c4a6e',
+        direction: 45,
+        turbulence: 0.5,
+        trailLength: 30,
+        speed: 1.5,
+    },
+};
+export const mockFluidFlowGenerator = {
+    generatorName: 'drawFluidFlow',
+    params: {
+        streamCount: 8,
+        colors: ['#67e8f9', '#a78bfa', '#f9a8d4'],
+        bgColor: '#0f172a',
+        depthLayers: 3,
+        speed: 0.8,
+    },
+};
+export const mockOrganicFlowGenerator = {
+    generatorName: 'drawOrganicFlow',
+    params: {
+        layerCount: 4,
+        colors: ['#34d399', '#6ee7b7', '#a7f3d0', '#d1fae5'],
+        bgColor: '#064e3b',
+        blendMode: 'screen',
+        fillToBottom: true,
+        animated: true,
+    },
+};
+export const mockNoiseTextureGenerator = {
+    generatorName: 'drawNoiseTexture',
+    params: {
+        noiseType: 'perlin',
+        colors: ['#94a3b8', '#64748b'],
+        bgColor: '#1e293b',
+        scale: 0.01,
+        density: 0.7,
+        animated: true,
+    },
+};
 // Collection of all mock generators
 export const allMockGenerators = [
     mockSunburstGenerator,
@@ -86,5 +164,12 @@ export const allMockGenerators = [
     mockCircuitGenerator,
     mockStackedCirclesGenerator,
     mockPatternGenerator,
+    mockBokehGenerator,
+    mockGradientMeshGenerator,
+    mockGeometricAbstractGenerator,
+    mockWindFieldGenerator,
+    mockFluidFlowGenerator,
+    mockOrganicFlowGenerator,
+    mockNoiseTextureGenerator,
 ];
 //# sourceMappingURL=mock-generators.js.map

package/dist/__tests__/fixtures/mock-generators.js.map

@@ -1 +1 @@
-{"version":3,"file":"mock-generators.js","sourceRoot":"","sources":["../../../src/__tests__/fixtures/mock-generators.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,aAAa,EAAE,cAAuB;IACtC,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;QAC9B,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,aAAa,EAAE,iBAA0B;IACzC,MAAM,EAAE;QACN,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAC5C,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,aAAa,EAAE,UAAmB;IAClC,MAAM,EAAE;QACN,QAAQ,EAAE,OAAgB;QAC1B,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,CAAC;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,aAAa,EAAE,UAAmB;IAClC,MAAM,EAAE;QACN,QAAQ,EAAE,MAAe;QACzB,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,aAAa,EAAE,WAAoB;IACnC,MAAM,EAAE;QACN,SAAS,EAAE,CAAC;QACZ,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAC/D,SAAS,EAAE,EAAE;QACb,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,aAAa,EAAE,aAAsB;IACrC,MAAM,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,GAAG;QACZ,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,aAAa,EAAE,oBAA6B;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QAC1E,YAAY,EAAE,QAAiB;KAChC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,aAAa,EAAE,aAAsB;IACrC,MAAM,EAAE;QACN,WAAW,EAAE,SAAkB;QAC/B,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,qBAAqB;IACrB,kBAAkB;IAClB,oBAAoB;IACpB,2BAA2B;IAC3B,oBAAoB;CACrB,CAAC"}
+{"version":3,"file":"mock-generators.js","sourceRoot":"","sources":["../../../src/__tests__/fixtures/mock-generators.ts"],"names":[],"mappings":"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"}

package/dist/agent/export-manager.d.ts

@@ -0,0 +1,77 @@
+/**
+ * PinePaper Smart Export Manager
+ *
+ * Provides intelligent export recommendations and platform presets.
+ * Analyzes content to suggest optimal export formats.
+ */
+import { Platform, ExportFormat, PlatformPreset, ContentAnalysis, ExportRecommendation } from './types.js';
+/**
+ * Manages smart exports with content analysis and platform presets.
+ *
+ * Features:
+ * - Content analysis (animations, colors, complexity)
+ * - Platform preset management
+ * - Optimal format recommendations
+ * - Export code generation
+ */
+export declare class SmartExportManager {
+    /**
+     * Get platform preset configuration
+     */
+    getPreset(platform: Platform): PlatformPreset;
+    /**
+     * List all available platforms
+     */
+    listPlatforms(): Platform[];
+    /**
+     * Generate code to analyze canvas content
+     */
+    generateAnalysisCode(): string;
+    /**
+     * Recommend export format based on content analysis
+     */
+    recommendFormat(analysis: ContentAnalysis): ExportRecommendation[];
+    /**
+     * Recommend platforms based on content analysis
+     */
+    recommendPlatforms(analysis: ContentAnalysis): Platform[];
+    /**
+     * Get optimal format for a specific platform based on content
+     */
+    getOptimalFormat(platform: Platform, analysis: ContentAnalysis): ExportFormat;
+    /**
+     * Generate export code for a specific platform
+     */
+    generateExportCode(platform: Platform, format: ExportFormat, options?: {
+        quality?: 'draft' | 'standard' | 'high';
+    }): string;
+    /**
+     * Generate SVG export code
+     */
+    private generateSVGExportCode;
+    /**
+     * Generate PNG export code
+     */
+    private generatePNGExportCode;
+    /**
+     * Generate GIF export code
+     */
+    private generateGIFExportCode;
+    /**
+     * Generate video export code (MP4/WebM)
+     */
+    private generateVideoExportCode;
+    /**
+     * Generate PDF export code
+     */
+    private generatePDFExportCode;
+    /**
+     * Generate code to set canvas size from preset
+     */
+    generateSetCanvasSizeCode(platform: Platform): string;
+}
+/**
+ * Get the singleton export manager instance
+ */
+export declare function getExportManager(): SmartExportManager;
+//# sourceMappingURL=export-manager.d.ts.map

package/dist/agent/export-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-manager.d.ts","sourceRoot":"","sources":["../../src/agent/export-manager.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EAEd,eAAe,EACf,oBAAoB,EAIrB,MAAM,YAAY,CAAC;AAMpB;;;;;;;;GAQG;AACH,qBAAa,kBAAkB;IAC7B;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,cAAc;IAI7C;;OAEG;IACH,aAAa,IAAI,QAAQ,EAAE;IAI3B;;OAEG;IACH,oBAAoB,IAAI,MAAM;IA4G9B;;OAEG;IACH,eAAe,CAAC,QAAQ,EAAE,eAAe,GAAG,oBAAoB,EAAE;IAqElE;;OAEG;IACH,kBAAkB,CAAC,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE;IA0BzD;;OAEG;IACH,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,GAAG,YAAY;IAU7E;;OAEG;IACH,kBAAkB,CAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,EACpB,OAAO,GAAE;QAAE,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAA;KAAO,GACxD,MAAM;IA4BT;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAkB7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IA6B7B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IA8B7B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAsC/B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IA8B7B;;OAEG;IACH,yBAAyB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM;CAWtD;AAQD;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAKrD"}