[feature]: Adding Eraser.io in Integrations

[prakharsingh-74]

Is there an existing issue for this?

• I have searched the existing issues

Summary

📌 Overview

Integrate Eraser.io into Plane to enable engineering teams to seamlessly embed, view, and link technical architecture diagrams, flowcharts, and technical specs directly within Plane Issues, Pages, Modules, and Project Settings.

---

💡 Why this Feature? (Problem & Value Proposition)

• Problem: Developers and architects design software architecture, sequence diagrams, and flowcharts in Eraser.io, but have to copy-paste static screenshots into Plane issues, which quickly become outdated.
• Value:
  1. Live Diagrams in Plane: Keeps architecture docs and technical specs dynamic and up-to-date inside Plane.
  2. Faster Context Switching: Developers can view architecture models directly in issue descriptions without navigating away.
  3. Visual Task Breakdown: Architecture diagram nodes or flows can be linked to corresponding Plane issues/modules.

---

📅 Phased Milestones

Milestone	Title & Objective	Key Deliverables	Affected Codebase Modules	Acceptance Criteria
Milestone 1	Architecture Design	• Research Eraser API & oEmbed schemas • Draft API data flow RFC	Spec / RFC Document	• Approved Architecture design • Verified Eraser API endpoints
Milestone 2	Editor Embed & Slash Command	• Add /eraser slash command • Build TipTap iframe embed node • Auto-unfurl Eraser URLs	packages/editor	• Paste Eraser link to embed live diagram • Interactive diagram preview in issues/pages
Milestone 3	Backend Models & Webhooks	• Add Django EraserIntegration model • Build connection & metadata APIs • Webhook receiver for updates	apps/api	• API stores & validates Eraser API keys • Metadata endpoint fetches title & thumbnail
Milestone 4	Settings UI & Issue Sidebar	• Eraser card in Workspace Settings • Connection modal (API token input) • Issue sidebar diagram links widget	apps/web packages/shared-state	• Admins can connect/disconnect integration • Issues show linked Eraser architecture docs
Milestone 5	Testing, Specs & PR Ready	• Write backend pytest & frontend tests • Run pnpm check (oxlint, types) • Prepare PR & documentation	apps/api/tests/ docs/	• Clean test pass & pnpm check • Ready for maintainer review

---

Why should this be worked on?

Most dev teams use Eraser for architecture diagrams and Plane for tracking tasks. Integrating Eraser lets us embed live, auto-updating diagrams inside issue descriptions instead of static screenshots. It keeps tech specs up to date in one place.

[makeplane]

Synced with Plane Workspace 🔄

[GIT-346] [feature]: Adding Eraser.io in Integrations

[prakharsingh-74]

@vihar and @pushya22 I would like to work on this feature, can I start working on it?
Waiting for your approval !