* feat(mcp): enhance document management and design tools - Updated `openDocument` to always re-fetch the live canvas, ensuring user edits are captured. - Introduced new tools: `get_design_prompt` for retrieving design guidelines and `batch_design` for executing multiple design operations using a DSL. - Improved `handleInsertNode` and `handleUpdateNode` to include validation for node data and return the final node state after operations. - Enhanced design prompt with detailed PenNode schema and layout rules for better AI-generated designs. - Added validation functions to ensure node data integrity during CRUD operations. - Updated `handleOpenDocument` to provide context-aware design prompts based on document content. * feat(electron): enhance build configuration and auto-update functionality - Updated `electron-builder.yml` to include artifact naming conventions for Windows and Linux builds. - Enhanced NSIS installer settings to create desktop and start menu shortcuts. - Improved path handling for GUI applications on Windows to ensure proper environment variable inheritance. - Refactored auto-update logic in `main.ts` to streamline update checks and improve error handling. - Added new IPC handlers for managing pending file paths and improved file handling during application startup. - Updated `use-electron-menu` hook to handle additional menu structures and improve document loading logic. * chore: bump version to 0.3.1 and update project description - Updated version in package.json to 0.3.1. - Enhanced project description to highlight OpenPencil as the world's first open-source AI-native vector design tool featuring concurrent Agent Teams and Design-as-Code capabilities. - Refactored auto-updater to utilize constants for GitHub repository details, improving maintainability. - Introduced a new constants file to centralize shared values for the Electron application, enhancing code clarity and reducing duplication. - Updated various components to use new constants for port file handling and window dimensions, ensuring consistency across the application. * feat(ai): clarify mobile design guidelines and mockup usage - Updated design guidelines to emphasize that "mobile" requests should generate actual mobile-sized screens (375x812) instead of desktop mockups. - Added critical notes regarding the use of phone mockups, specifying they should only be used for marketing showcases and not for functional mobile screens. - Enhanced clarity on sizing and layout rules for mobile and web designs to ensure consistent application of design principles. * fix(canvas): improve text centering, layout inference, and Pencil format rendering - Resolve fit-content parent dimensions in computeLayoutPositions instead of using 0 (which caused negative available space and broken child positioning) - Reduce text width estimation minimum from 20px to 1px to fix centering of narrow single-character text in fixed-size centered frames - Add inferLayout() to detect padding-only frames as layout containers, so padding offsets are applied to children (fixes badge text ignoring padding) - Use Fabric's fontSize * 1.13 for single-line text height in centering calculations instead of fontSize * lineHeight - Add fontWeight propagation to text width/height estimation functions - Refine defaultLineHeight() tiers for better Pencil format compatibility - Support Pencil's singular `effect` property alongside `effects` array - Handle plain color strings in fill/stroke resolution for Pencil format - Add directional stroke rendering as synthetic border rectangles - Add icon_font node type rendering via lookupIconByName - Fix z-order reconciliation to use fresh canvas object map after text recreation - Fix canvas initialization race: defer reference tracking until canvas is ready - Resolve $variable references with circular reference guards * feat(types): add icon_font node type with panel and store support - Add IconFontNode type to pen.ts for icon_font nodes storing iconFontName - Extend property panel and icon section to recognize icon_font nodes - Add icon_font type icon in layer panel - Support icon_font in document tree utilities * feat(ai): improve design generation accuracy and validation - Add pre-validation pass to fix text with explicit pixel height to fit_content - Enhance validation tree dump with textGrowth and lineHeight fields - Update orchestrator prompts with structural patterns from Pencil analysis - Simplify role-resolver defaults to match Pencil conventions - Only force textGrowth=fixed-width on text >15 chars in streaming insertion * feat(ai): optimize generation pipeline and fix streaming layout - Disable LLM validation layer (pre-validation heuristics still run) - Remove visual-ref pipeline (3 fewer LLM calls per generation) - Compress sub-agent prompt and design principles (~70% smaller) - Remove width>480 guards so mobile gets root frame height expansion - Add gap field to orchestrator rootFrame format and guidance - Default icon_font nodes to lucide family in generation heuristics * feat(ai): load full Lucide icon set and default icon_font to lucide - Load all 1,729 Lucide icons as primary set (replaces 286 hand-picked) - Keep Feather as fallback for unmatched names - Default iconFontFamily to 'lucide' during .pen file normalization * feat(codegen): add icon_font support to all 8 code generators Output Lucide icon references instead of 'Unknown node' comments. React/RN use component syntax, HTML/Vue/Svelte use data-lucide, Flutter/SwiftUI/Compose use framework-native icon APIs. * feat(panels): replace product card quick action with food app homepage * feat(electron): implement preferences management and app storage abstraction - Introduced a new preferences management system in Electron, replacing localStorage with a JSON-based preferences file. - Added IPC handlers for getting, setting, and removing preferences, ensuring data persistence across sessions. - Created an app storage utility to provide a consistent API for accessing preferences in both Electron and web environments. - Updated various components and stores to utilize the new app storage system for improved data handling and synchronization. - Enhanced the initialization process to load preferences at startup, ensuring a seamless user experience. --------- Co-authored-by: Fini <fini.yang@gmail.com>
124 lines
3.9 KiB
TypeScript
124 lines
3.9 KiB
TypeScript
import { fork, execSync, type ChildProcess } from 'node:child_process'
|
|
import { existsSync } from 'node:fs'
|
|
import { networkInterfaces } from 'node:os'
|
|
import { join, resolve } from 'node:path'
|
|
|
|
let mcpProcess: ChildProcess | null = null
|
|
let mcpPort: number | null = null
|
|
|
|
// Auto-cleanup MCP child process when the parent (Nitro) process exits.
|
|
// On Linux, child processes become orphaned when the parent is killed;
|
|
// this ensures the MCP server is stopped when the Nitro server exits.
|
|
function killMcpProcessSync(): void {
|
|
if (!mcpProcess || !mcpProcess.pid) return
|
|
try {
|
|
if (process.platform === 'win32') {
|
|
execSync(`taskkill /pid ${mcpProcess.pid} /T /F`, { stdio: 'ignore' })
|
|
} else {
|
|
process.kill(mcpProcess.pid, 'SIGKILL')
|
|
}
|
|
} catch { /* process may have already exited */ }
|
|
mcpProcess = null
|
|
mcpPort = null
|
|
}
|
|
|
|
// Synchronous cleanup on process exit (last resort)
|
|
process.on('exit', () => killMcpProcessSync())
|
|
|
|
// Graceful cleanup on signals (e.g. Electron killing Nitro with SIGTERM)
|
|
for (const signal of ['SIGINT', 'SIGTERM', 'SIGHUP'] as const) {
|
|
process.on(signal, () => {
|
|
killMcpProcessSync()
|
|
process.exit(0)
|
|
})
|
|
}
|
|
|
|
/** Resolve the MCP server script path across dev, web build, and Electron production. */
|
|
function resolveMcpServerScript(): string {
|
|
// Electron production: extraResources
|
|
const electronResources = process.env.ELECTRON_RESOURCES_PATH
|
|
if (electronResources) {
|
|
const p = join(electronResources, 'mcp-server.cjs')
|
|
if (existsSync(p)) return p
|
|
}
|
|
// dev + web build
|
|
const fromCwd = resolve(process.cwd(), 'dist', 'mcp-server.cjs')
|
|
if (existsSync(fromCwd)) return fromCwd
|
|
// Fallback: relative to this file (Nitro bundled output)
|
|
const fromFile = resolve(__dirname, '..', '..', '..', 'dist', 'mcp-server.cjs')
|
|
if (existsSync(fromFile)) return fromFile
|
|
return fromCwd
|
|
}
|
|
|
|
/** Get the first non-internal IPv4 address (LAN IP). */
|
|
export function getLocalIp(): string | null {
|
|
const nets = networkInterfaces()
|
|
for (const name of Object.keys(nets)) {
|
|
for (const net of nets[name] ?? []) {
|
|
if (net.family === 'IPv4' && !net.internal) {
|
|
return net.address
|
|
}
|
|
}
|
|
}
|
|
return null
|
|
}
|
|
|
|
export function getMcpServerStatus(): { running: boolean; port: number | null; localIp: string | null } {
|
|
const running = mcpProcess !== null && mcpProcess.exitCode === null
|
|
return {
|
|
running,
|
|
port: running ? mcpPort : null,
|
|
localIp: running ? getLocalIp() : null,
|
|
}
|
|
}
|
|
|
|
export function startMcpHttpServer(port: number): { running: boolean; port: number; localIp: string | null; error?: string } {
|
|
if (mcpProcess && mcpProcess.exitCode === null) {
|
|
return { running: true, port: mcpPort!, localIp: getLocalIp() }
|
|
}
|
|
|
|
const serverScript = resolveMcpServerScript()
|
|
|
|
try {
|
|
mcpProcess = fork(serverScript, ['--http', '--port', String(port)], {
|
|
stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
|
|
env: { ...process.env },
|
|
})
|
|
|
|
mcpPort = port
|
|
|
|
mcpProcess.stderr?.on('data', (data: Buffer) => {
|
|
console.error(`[mcp-server] ${data.toString().trim()}`)
|
|
})
|
|
|
|
mcpProcess.on('exit', (code) => {
|
|
console.error(`[mcp-server] exited with code ${code}`)
|
|
mcpProcess = null
|
|
mcpPort = null
|
|
})
|
|
|
|
return { running: true, port, localIp: getLocalIp() }
|
|
} catch (err) {
|
|
return { running: false, port, localIp: null, error: err instanceof Error ? err.message : String(err) }
|
|
}
|
|
}
|
|
|
|
export function stopMcpHttpServer(): { running: false } {
|
|
if (mcpProcess) {
|
|
if (process.platform === 'win32') {
|
|
// SIGTERM is unreliable on Windows; use taskkill for proper cleanup
|
|
try {
|
|
const pid = mcpProcess.pid
|
|
if (pid) {
|
|
execSync(`taskkill /pid ${pid} /T /F`, { stdio: 'ignore' })
|
|
}
|
|
} catch { /* ignore */ }
|
|
} else {
|
|
mcpProcess.kill('SIGTERM')
|
|
}
|
|
mcpProcess = null
|
|
mcpPort = null
|
|
}
|
|
return { running: false }
|
|
}
|