@teamflojo/floimg-mermaid 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Brett Cooke
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,426 @@
+# imgflo-mermaid
+
+Mermaid diagram generator for imgflo - create flowcharts, sequence diagrams, class diagrams, and more using Mermaid syntax.
+
+## Installation
+
+```bash
+npm install imgflo imgflo-mermaid
+```
+
+This will install Mermaid CLI (~50MB including dependencies).
+
+## Usage
+
+```typescript
+import createClient from 'imgflo';
+import mermaid from 'imgflo-mermaid';
+
+const imgflo = createClient({
+  store: {
+    default: 's3',
+    s3: { region: 'us-east-1', bucket: 'my-diagrams' }
+  }
+});
+
+// Register the Mermaid generator
+imgflo.registerGenerator(mermaid());
+
+// Generate a flowchart
+const diagram = await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      graph TD
+        A[Start] --> B{Is it working?}
+        B -->|Yes| C[Great!]
+        B -->|No| D[Debug]
+        D --> B
+    `,
+    theme: 'dark'
+  }
+});
+
+// Upload to S3
+const result = await imgflo.save(diagram, './output/flow.svg');
+console.log(result.url);
+```
+
+## Diagram Types
+
+Mermaid supports many diagram types - all available via pass-through syntax:
+
+### Flowchart
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      graph LR
+        A[Square Rect] --> B(Rounded)
+        B --> C{Decision}
+        C -->|One| D[Result 1]
+        C -->|Two| E[Result 2]
+    `
+  }
+});
+```
+
+### Sequence Diagram
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      sequenceDiagram
+        Alice->>John: Hello John, how are you?
+        John-->>Alice: Great!
+        Alice-)John: See you later!
+    `
+  }
+});
+```
+
+### Class Diagram
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      classDiagram
+        Animal <|-- Duck
+        Animal <|-- Fish
+        Animal : +int age
+        Animal : +String gender
+        Animal: +isMammal()
+        class Duck{
+          +String beakColor
+          +swim()
+          +quack()
+        }
+    `
+  }
+});
+```
+
+### State Diagram
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      stateDiagram-v2
+        [*] --> Still
+        Still --> [*]
+        Still --> Moving
+        Moving --> Still
+        Moving --> Crash
+        Crash --> [*]
+    `
+  }
+});
+```
+
+### Entity Relationship Diagram
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      erDiagram
+        CUSTOMER ||--o{ ORDER : places
+        ORDER ||--|{ LINE-ITEM : contains
+        CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
+    `
+  }
+});
+```
+
+### Gantt Chart
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      gantt
+        title A Gantt Diagram
+        dateFormat YYYY-MM-DD
+        section Section
+          A task :a1, 2024-01-01, 30d
+          Another task :after a1, 20d
+    `
+  }
+});
+```
+
+### Pie Chart
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      pie title Pets adopted by volunteers
+        "Dogs" : 386
+        "Cats" : 85
+        "Rats" : 15
+    `
+  }
+});
+```
+
+### Git Graph
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      gitGraph
+        commit
+        commit
+        branch develop
+        checkout develop
+        commit
+        commit
+        checkout main
+        merge develop
+    `
+  }
+});
+```
+
+## Configuration
+
+### Generator Options
+
+```typescript
+imgflo.registerGenerator(mermaid({
+  theme: 'dark',              // Default theme
+  backgroundColor: '#1a1a1a', // Default background
+  format: 'svg',              // 'svg' | 'png'
+  width: 800,                 // Default width (for PNG)
+  height: 600                 // Default height (for PNG)
+}));
+```
+
+### Per-Diagram Overrides
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: '...',
+    theme: 'forest',          // Override theme
+    backgroundColor: 'transparent',
+    format: 'png',            // Generate PNG instead
+    width: 1200,
+    height: 800
+  }
+});
+```
+
+### Available Themes
+
+- `default` - Default Mermaid theme
+- `forest` - Green theme
+- `dark` - Dark theme
+- `neutral` - Neutral grey theme
+
+### Advanced Configuration
+
+Pass Mermaid config object directly:
+
+```typescript
+await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: '...',
+    mermaidConfig: {
+      theme: 'base',
+      themeVariables: {
+        primaryColor: '#BB2528',
+        primaryTextColor: '#fff',
+        primaryBorderColor: '#7C0000',
+        lineColor: '#F8B229',
+        secondaryColor: '#006100',
+        tertiaryColor: '#fff'
+      }
+    }
+  }
+});
+```
+
+## Mermaid Documentation
+
+Since this generator uses Mermaid syntax directly, refer to the official Mermaid docs:
+
+- **Diagram Types**: https://mermaid.js.org/intro/syntax-reference.html
+- **Flowcharts**: https://mermaid.js.org/syntax/flowchart.html
+- **Sequence Diagrams**: https://mermaid.js.org/syntax/sequenceDiagram.html
+- **Configuration**: https://mermaid.js.org/config/setup/modules/mermaidAPI.html
+- **Themes**: https://mermaid.js.org/config/theming.html
+
+## Examples
+
+### System Architecture
+
+```typescript
+const architecture = await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      graph TB
+        subgraph "Frontend"
+          A[React App]
+          B[Next.js]
+        end
+        subgraph "Backend"
+          C[API Gateway]
+          D[Lambda Functions]
+          E[(Database)]
+        end
+        A --> C
+        B --> C
+        C --> D
+        D --> E
+    `,
+    theme: 'dark',
+    backgroundColor: 'transparent'
+  }
+});
+```
+
+### User Journey
+
+```typescript
+const journey = await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      journey
+        title My working day
+        section Go to work
+          Make tea: 5: Me
+          Go upstairs: 3: Me
+          Do work: 1: Me, Cat
+        section Go home
+          Go downstairs: 5: Me
+          Sit down: 5: Me
+    `
+  }
+});
+```
+
+### Mind Map
+
+```typescript
+const mindMap = await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: `
+      mindmap
+        root((imgflo))
+          Generators
+            Shapes
+            OpenAI
+            QuickChart
+            Mermaid
+          Transform
+            Convert
+            Resize
+          Upload
+            S3
+            Filesystem
+    `
+  }
+});
+```
+
+## Output Formats
+
+### SVG (Default)
+
+```typescript
+// Returns scalable vector graphic
+const svg = await imgflo.generate({
+  generator: 'mermaid',
+  params: { code: '...', format: 'svg' }
+});
+```
+
+### PNG
+
+```typescript
+// Returns raster image
+const png = await imgflo.generate({
+  generator: 'mermaid',
+  params: {
+    code: '...',
+    format: 'png',
+    width: 1920,
+    height: 1080
+  }
+});
+```
+
+## Performance
+
+- **First render**: ~1-2 seconds (includes CLI startup)
+- **Subsequent renders**: ~500ms-1s per diagram
+- **Memory**: ~50-100MB per process
+
+## Troubleshooting
+
+### "Mermaid code parsing failed"
+
+Check your Mermaid syntax:
+```typescript
+// ❌ Bad syntax
+code: `graph TD A -> B`
+
+// ✅ Correct syntax
+code: `graph TD\n  A --> B`
+```
+
+### Diagram not rendering
+
+Ensure proper indentation and whitespace:
+```typescript
+code: `
+  graph TD
+    A[Start] --> B[End]
+`
+```
+
+### Theme not applying
+
+Make sure theme name is valid:
+```typescript
+theme: 'dark'  // ✅ Valid
+theme: 'blue'  // ❌ Invalid
+```
+
+## Why Mermaid?
+
+- **Text-based**: Easy to version control and generate programmatically
+- **Wide support**: Many diagram types
+- **Clean syntax**: Human-readable
+- **AI-friendly**: Easy for LLMs to generate
+- **No GUI needed**: Perfect for automation
+
+## License
+
+MIT
+
+## See Also
+
+- [imgflo](https://github.com/bcooke/imgflo) - Core library
+- [Mermaid](https://mermaid.js.org) - Diagram library
+- [Mermaid Live Editor](https://mermaid.live) - Test diagrams

package/dist/index.d.ts

@@ -0,0 +1,68 @@
+import type { ImageGenerator, GeneratorSchema } from "@teamflojo/floimg";
+/**
+ * Schema for the Mermaid diagram generator
+ */
+export declare const mermaidSchema: GeneratorSchema;
+/**
+ * Mermaid diagram generator - creates diagrams using Mermaid syntax
+ *
+ * This generator accepts Mermaid diagram syntax directly (pass-through pattern).
+ * No imgflo abstraction - you get full Mermaid capabilities.
+ *
+ * @see https://mermaid.js.org/intro/ - Mermaid documentation
+ *
+ * @example
+ * ```typescript
+ * import createClient from '@teamflojo/floimg';
+ * import mermaid from '@teamflojo/floimg-mermaid';
+ *
+ * const floimg = createClient();
+ * floimg.registerGenerator(mermaid());
+ *
+ * const diagram = await floimg.generate({
+ *   generator: 'mermaid',
+ *   params: {
+ *     code: `
+ *       graph TD
+ *         A[Start] --> B[Process]
+ *         B --> C[End]
+ *     `,
+ *     theme: 'dark'
+ *   }
+ * });
+ * ```
+ */
+export interface MermaidConfig {
+    /** Default theme: 'default' | 'forest' | 'dark' | 'neutral' */
+    theme?: string;
+    /** Default background color */
+    backgroundColor?: string;
+    /** Output format: 'svg' | 'png' (default: 'svg') */
+    format?: 'svg' | 'png';
+    /** Image width (for PNG) */
+    width?: number;
+    /** Image height (for PNG) */
+    height?: number;
+}
+export interface MermaidParams extends Record<string, unknown> {
+    /** Mermaid diagram code (required) */
+    code?: string;
+    /** Theme override */
+    theme?: string;
+    /** Background color override */
+    backgroundColor?: string;
+    /** Format override */
+    format?: 'svg' | 'png';
+    /** Width override (for PNG) */
+    width?: number;
+    /** Height override (for PNG) */
+    height?: number;
+    /** Mermaid config object (advanced) */
+    mermaidConfig?: Record<string, unknown>;
+}
+/**
+ * Create a Mermaid generator instance
+ */
+export default function mermaid(config?: MermaidConfig): ImageGenerator;
+export { mermaid };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAa,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,eA8C3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC5D,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB;IACtB,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,MAAM,GAAE,aAAkB,GAAG,cAAc,CAkF1E;AAGD,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/index.js

@@ -0,0 +1,118 @@
+import { run as runMermaid } from "@mermaid-js/mermaid-cli";
+import { writeFile, unlink } from "fs/promises";
+import { tmpdir } from "os";
+import { join } from "path";
+/**
+ * Schema for the Mermaid diagram generator
+ */
+export const mermaidSchema = {
+    name: "mermaid",
+    description: "Generate diagrams using Mermaid syntax (flowcharts, sequence diagrams, etc.)",
+    category: "Diagrams",
+    parameters: {
+        code: {
+            type: "string",
+            title: "Mermaid Code",
+            description: "Mermaid diagram syntax (e.g., 'graph TD; A-->B')",
+        },
+        theme: {
+            type: "string",
+            title: "Theme",
+            description: "Diagram color theme",
+            enum: ["default", "forest", "dark", "neutral"],
+            default: "default",
+        },
+        backgroundColor: {
+            type: "string",
+            title: "Background Color",
+            description: "Background color (hex or named color)",
+            default: "white",
+        },
+        format: {
+            type: "string",
+            title: "Output Format",
+            description: "Output image format",
+            enum: ["svg", "png"],
+            default: "svg",
+        },
+        width: {
+            type: "number",
+            title: "Width",
+            description: "Image width in pixels (for PNG)",
+            minimum: 100,
+            maximum: 4096,
+        },
+        height: {
+            type: "number",
+            title: "Height",
+            description: "Image height in pixels (for PNG)",
+            minimum: 100,
+            maximum: 4096,
+        },
+    },
+    requiredParameters: ["code"],
+};
+/**
+ * Create a Mermaid generator instance
+ */
+export default function mermaid(config = {}) {
+    const { theme: defaultTheme = 'default', backgroundColor: defaultBgColor = 'white', format: defaultFormat = 'svg', width: defaultWidth, height: defaultHeight, } = config;
+    return {
+        name: "mermaid",
+        schema: mermaidSchema,
+        async generate(params) {
+            const { code, theme = defaultTheme, backgroundColor = defaultBgColor, format = defaultFormat, width = defaultWidth, height = defaultHeight, mermaidConfig = {}, } = params;
+            if (!code) {
+                throw new Error("Mermaid 'code' parameter is required");
+            }
+            // Create temp files
+            const tempId = Math.random().toString(36).substring(7);
+            const inputFile = join(tmpdir(), `mermaid-${tempId}.mmd`);
+            const outputFile = join(tmpdir(), `mermaid-${tempId}.${format}`);
+            try {
+                // Write Mermaid code to temp file
+                await writeFile(inputFile, code, 'utf-8');
+                // Build Mermaid CLI config
+                const cliConfig = {
+                    theme,
+                    backgroundColor,
+                    ...(width && { width }),
+                    ...(height && { height }),
+                    ...mermaidConfig,
+                };
+                // Run Mermaid CLI
+                await runMermaid(inputFile, outputFile, // CLI typing is too strict, we build valid paths
+                cliConfig);
+                // Read output
+                const { readFile } = await import('fs/promises');
+                const bytes = await readFile(outputFile);
+                // Determine MIME type
+                const mimeType = format === 'png' ? 'image/png' : 'image/svg+xml';
+                return {
+                    bytes: Buffer.from(bytes),
+                    mime: mimeType,
+                    ...(width && { width }),
+                    ...(height && { height }),
+                    source: "mermaid",
+                    metadata: {
+                        theme,
+                        format,
+                    },
+                };
+            }
+            finally {
+                // Cleanup temp files
+                try {
+                    await unlink(inputFile);
+                    await unlink(outputFile);
+                }
+                catch (err) {
+                    // Ignore cleanup errors
+                }
+            }
+        },
+    };
+}
+// Also export as named export for convenience
+export { mermaid };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@teamflojo/floimg-mermaid",
+  "version": "0.1.0",
+  "description": "Mermaid diagram generator for floimg - create flowcharts, sequence diagrams, and more",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "floimg",
+    "mermaid",
+    "diagram",
+    "flowchart",
+    "sequence-diagram",
+    "visualization",
+    "image-generation"
+  ],
+  "author": "Brett Cooke",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TeamFlojo/floimg.git",
+    "directory": "packages/floimg-mermaid"
+  },
+  "peerDependencies": {
+    "@teamflojo/floimg": "^0.1.0"
+  },
+  "dependencies": {
+    "@mermaid-js/mermaid-cli": "^11.4.1",
+    "puppeteer": "^23.11.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.2",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8",
+    "@teamflojo/floimg": "0.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "postinstall": "puppeteer browsers install chrome"
+  }
+}