github/penpot-mcp
1
0
Fork 0
mirror of https://github.com/penpot/penpot-mcp.git synced 2026-04-25 11:18:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add deprecation warning to plugin UI

Browse Source
This commit is contained in:
Dominik Jain 2026-02-18 20:38:01 +01:00
parent e8762103c1
commit fc1c77de64
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
penpot-plugin/index.html
View File

@ -6,6 +6,12 @@
<title>Penpot plugin example</title> <title>Penpot plugin example</title>
</head> </head>
<body> <body>
<div style="font-weight: bold; font-size: 11px; margin-bottom: 10px">
IMPORTANT: You are using an outdated version of the Penpot MCP server. The MCP server has been integrated
into the Penpot repository. Find the latest version here:<br />
https://github.com/penpot/penpot/tree/develop/mcp
</div>
<button type="button" data-appearance="secondary" data-handler="connect-mcp">Connect to MCP server</button> <button type="button" data-appearance="secondary" data-handler="connect-mcp">Connect to MCP server</button>
<div id="connection-status" style="margin-top: 10px; font-size: 12px; color: #666">Not connected</div> <div id="connection-status" style="margin-top: 10px; font-size: 12px; color: #666">Not connected</div>

2
penpot-plugin/src/plugin.ts
View File

@ -11,7 +11,7 @@ declare const IS_MULTI_USER_MODE: boolean;
const isMultiUserMode = typeof IS_MULTI_USER_MODE !== "undefined" ? IS_MULTI_USER_MODE : false; const isMultiUserMode = typeof IS_MULTI_USER_MODE !== "undefined" ? IS_MULTI_USER_MODE : false;
// Open the plugin UI (main.ts) // Open the plugin UI (main.ts)
penpot.ui.open("Penpot MCP Plugin", `?theme=${penpot.theme}&multiUser=${isMultiUserMode}`, { width: 158, height: 200 }); penpot.ui.open("Penpot MCP Plugin", `?theme=${penpot.theme}&multiUser=${isMultiUserMode}`, { width: 300, height: 250 });
// Handle messages // Handle messages
penpot.ui.onMessage<string | { id: string; task: string; params: any }>((message) => { penpot.ui.onMessage<string | { id: string; task: string; params: any }>((message) => {