HTML Example - Mind Map SDK

This directory contains examples of how to integrate the mindstage-sdk into a web application.

---

🚀 Powered by MindStage

mindstage-sdk is the open-source engine behind MindStage, the most powerful AI-driven mind mapping platform.

Check out the full MindStage for:

• 🤖 AI Mind Map Generation
• 📄 Advanced Exports (PDF, SVG, High-Res PNG)
• 🧪 LaTeX Formula Support
• 🤝 Real-time Collaboration

---

🛠 Usage Options

1. Simple Script Tag (Bundled)

Ideal for quick prototypes or non-modular environments.

• File: index-bundle.html
• Usage: Uses the pre-compiled dist/mindstage-sdk.js.

2. ES Modules (Modern)

Ideal for modern web development workflows.

• File: index.html
• Usage: Imports directly from dist/index.js.

3. Vue 3 Demo (Vite + ESM Import)

• Folder: vue3-demo
• Usage: Uses import { renderMindMapFromJSON } from 'mindstage-sdk' and aliases to dist/index.js to verify the built output.

---

🏃 How to Run

Setup

Ensure the SDK is built:

npm run build:bundle

Start Server

Run from the project root directory:

./examples/start-server.sh

Or use any static file server:

python3 -m http.server 8080

Open in your browser: http://localhost:8080/examples/index.html

---

📄 License

MIT © MindStage