@atezer/figma-mcp-bridge 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -12,6 +12,21 @@ Bu dosya [Keep a Changelog](https://keepachangelog.com/tr/1.1.0/) bicimine uygun
 
 Bu changelog'a ekleme oncesi surumlerin tam ayrintilari icin `git log` kullanilabilir.
 
+## [1.4.2] - 2026-04-02
+
+### Kritik duzeltme
+
+- **dist/browser pakete geri eklendi:** v1.4.1'de tam mod (local.js) `dist/browser/local.js`'i import ediyordu ama dosya paketten cikarilmisti → MODULE_NOT_FOUND hatasi. `dist/cloudflare/` haric tutuldu (bu kullanilmiyor).
+
+## [1.4.1] - 2026-04-02 [YANLIS — tam mod kirik, 1.4.2 kullanin]
+
+### npm paket optimizasyonu
+
+- **Paket boyutu:** 284 KB → 230 KB (%19 kucuk), acik 1.7 MB → 1.2 MB (%30 kucuk)
+- **Dosya sayisi:** 128 → 96 (32 gereksiz dosya cikarildi)
+- **Cikarilan:** `dist/cloudflare/` (440 KB), `dist/browser/` (44 KB) — plugin-only modda kullanilmiyordu
+- **Korunan:** `dist/local.js` (tam mod), `dist/core/` (paylasimli), `f-mcp-plugin/`
+
 ## [1.4.0] - 2026-04-02
 
 ### Figma REST API entegrasyonu (YENi)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atezer/figma-mcp-bridge",
-	"version": "1.4.0",
+	"version": "1.4.2",
 	"description": "F-MCP ATezer: MCP server and Figma plugin bridge for Claude/Cursor. No REST token required.",
 	"type": "module",
 	"main": "dist/local.js",
@@ -10,7 +10,16 @@
 		"figma-mcp-bridge-plugin": "./dist/local-plugin-only.js"
 	},
 	"files": [
-		"dist",
+		"dist/local-plugin-only.js",
+		"dist/local-plugin-only.js.map",
+		"dist/local-plugin-only.d.ts",
+		"dist/local-plugin-only.d.ts.map",
+		"dist/local.js",
+		"dist/local.js.map",
+		"dist/local.d.ts",
+		"dist/local.d.ts.map",
+		"dist/browser",
+		"dist/core",
 		"f-mcp-plugin",
 		"README.md",
 		"CHANGELOG.md",

package/dist/cloudflare/browser/base.js

@@ -1,5 +0,0 @@
-/**
- * Browser Manager Interface
- * Abstract interface for browser automation across different runtimes
- */
-export {};

package/dist/cloudflare/browser/cloudflare.js

@@ -1,156 +0,0 @@
-/**
- * Cloudflare Browser Manager
- * Manages Puppeteer browser instance lifecycle for Cloudflare Browser Rendering API
- */
-import puppeteer from '@cloudflare/puppeteer';
-import { createChildLogger } from '../core/logger.js';
-const logger = createChildLogger({ component: 'cloudflare-browser' });
-/**
- * Cloudflare Browser Manager
- * Implements IBrowserManager for Cloudflare Browser Rendering API
- */
-export class CloudflareBrowserManager {
-    constructor(env, config) {
-        this.browser = null;
-        this.page = null;
-        this.env = env;
-        this.config = config;
-    }
-    /**
-     * Launch browser instance via Cloudflare Browser Rendering API
-     */
-    async launch() {
-        if (this.browser) {
-            logger.info('Browser already running, reusing instance');
-            return;
-        }
-        logger.info('Launching browser with Cloudflare Browser Rendering API');
-        try {
-            this.browser = await puppeteer.launch(this.env.BROWSER, {
-                keep_alive: 600000, // Keep alive for 10 minutes
-            });
-            logger.info('Browser launched successfully');
-        }
-        catch (error) {
-            logger.error({ error }, 'Failed to launch browser');
-            throw new Error(`Browser launch failed: ${error}`);
-        }
-    }
-    /**
-     * Get or create a page instance
-     */
-    async getPage() {
-        if (!this.browser) {
-            await this.launch();
-        }
-        if (this.page && !this.page.isClosed()) {
-            return this.page;
-        }
-        logger.info('Creating new browser page');
-        this.page = await this.browser.newPage();
-        // Set viewport size
-        await this.page.setViewport({
-            width: 1920,
-            height: 1080,
-            deviceScaleFactor: 1,
-        });
-        logger.info('Browser page created');
-        return this.page;
-    }
-    /**
-     * Navigate to Figma URL
-     */
-    async navigateToFigma(figmaUrl) {
-        const page = await this.getPage();
-        // Default to Figma homepage if no URL provided
-        const url = figmaUrl || 'https://www.figma.com';
-        logger.info({ url }, 'Navigating to Figma');
-        try {
-            await page.goto(url, {
-                waitUntil: 'networkidle2',
-                timeout: 30000,
-            });
-            logger.info({ url }, 'Navigation successful');
-            return page;
-        }
-        catch (error) {
-            logger.error({ error, url }, 'Navigation failed');
-            throw new Error(`Failed to navigate to ${url}: ${error}`);
-        }
-    }
-    /**
-     * Reload current page
-     */
-    async reload(hardReload = false) {
-        if (!this.page || this.page.isClosed()) {
-            throw new Error('No active page to reload');
-        }
-        logger.info({ hardReload }, 'Reloading page');
-        try {
-            await this.page.reload({
-                waitUntil: 'networkidle2',
-                timeout: 30000,
-            });
-            logger.info('Page reloaded successfully');
-        }
-        catch (error) {
-            logger.error({ error }, 'Page reload failed');
-            throw new Error(`Page reload failed: ${error}`);
-        }
-    }
-    /**
-     * Execute JavaScript in page context
-     */
-    async evaluate(fn) {
-        const page = await this.getPage();
-        return page.evaluate(fn);
-    }
-    // Screenshot functionality removed - use Figma REST API's getImages() instead
-    // See: figma_take_screenshot and figma_get_component_image tools
-    /**
-     * Check if browser is running
-     */
-    isRunning() {
-        return this.browser !== null && this.browser.isConnected();
-    }
-    /**
-     * Close browser instance
-     */
-    async close() {
-        if (!this.browser) {
-            return;
-        }
-        logger.info('Closing browser');
-        try {
-            await this.browser.close();
-            this.browser = null;
-            this.page = null;
-            logger.info('Browser closed successfully');
-        }
-        catch (error) {
-            logger.error({ error }, 'Failed to close browser');
-            throw error;
-        }
-    }
-    /**
-     * Get current page URL
-     */
-    getCurrentUrl() {
-        if (!this.page || this.page.isClosed()) {
-            return null;
-        }
-        return this.page.url();
-    }
-    /**
-     * Wait for navigation
-     */
-    async waitForNavigation(timeout = 30000) {
-        if (!this.page || this.page.isClosed()) {
-            throw new Error('No active page');
-        }
-        await this.page.waitForNavigation({
-            waitUntil: 'networkidle2',
-            timeout,
-        });
-    }
-}

package/dist/cloudflare/browser-manager.js

@@ -1,157 +0,0 @@
-/**
- * Browser Manager
- * Manages Puppeteer browser instance lifecycle for Cloudflare Browser Rendering API
- */
-import puppeteer from '@cloudflare/puppeteer';
-import { createChildLogger } from './core/logger.js';
-const logger = createChildLogger({ component: 'browser-manager' });
-/**
- * Browser Manager
- * Handles browser instance creation, page management, and navigation
- */
-export class BrowserManager {
-    constructor(env, config) {
-        this.browser = null;
-        this.page = null;
-        this.env = env;
-        this.config = config;
-    }
-    /**
-     * Launch browser instance
-     */
-    async launch() {
-        if (this.browser) {
-            logger.info('Browser already running, reusing instance');
-            return this.browser;
-        }
-        logger.info('Launching browser with Cloudflare Browser Rendering API');
-        try {
-            this.browser = await puppeteer.launch(this.env.BROWSER, {
-                keep_alive: 600000, // Keep alive for 10 minutes
-            });
-            logger.info('Browser launched successfully');
-            return this.browser;
-        }
-        catch (error) {
-            logger.error({ error }, 'Failed to launch browser');
-            throw new Error(`Browser launch failed: ${error}`);
-        }
-    }
-    /**
-     * Get or create a page instance
-     */
-    async getPage() {
-        if (!this.browser) {
-            await this.launch();
-        }
-        if (this.page && !this.page.isClosed()) {
-            return this.page;
-        }
-        logger.info('Creating new browser page');
-        this.page = await this.browser.newPage();
-        // Set viewport size
-        await this.page.setViewport({
-            width: 1920,
-            height: 1080,
-            deviceScaleFactor: 1,
-        });
-        logger.info('Browser page created');
-        return this.page;
-    }
-    /**
-     * Navigate to Figma URL
-     */
-    async navigateToFigma(figmaUrl) {
-        const page = await this.getPage();
-        // Default to Figma homepage if no URL provided
-        const url = figmaUrl || 'https://www.figma.com';
-        logger.info({ url }, 'Navigating to Figma');
-        try {
-            await page.goto(url, {
-                waitUntil: 'networkidle2',
-                timeout: 30000,
-            });
-            logger.info({ url }, 'Navigation successful');
-            return page;
-        }
-        catch (error) {
-            logger.error({ error, url }, 'Navigation failed');
-            throw new Error(`Failed to navigate to ${url}: ${error}`);
-        }
-    }
-    /**
-     * Reload current page
-     */
-    async reload(hardReload = false) {
-        if (!this.page || this.page.isClosed()) {
-            throw new Error('No active page to reload');
-        }
-        logger.info({ hardReload }, 'Reloading page');
-        try {
-            await this.page.reload({
-                waitUntil: 'networkidle2',
-                timeout: 30000,
-            });
-            logger.info('Page reloaded successfully');
-        }
-        catch (error) {
-            logger.error({ error }, 'Page reload failed');
-            throw new Error(`Page reload failed: ${error}`);
-        }
-    }
-    /**
-     * Execute JavaScript in page context
-     */
-    async evaluate(fn) {
-        const page = await this.getPage();
-        return page.evaluate(fn);
-    }
-    // Screenshot functionality removed - use Figma REST API's getImages() instead
-    // See: figma_take_screenshot and figma_get_component_image tools
-    /**
-     * Check if browser is running
-     */
-    isRunning() {
-        return this.browser !== null && this.browser.isConnected();
-    }
-    /**
-     * Close browser instance
-     */
-    async close() {
-        if (!this.browser) {
-            return;
-        }
-        logger.info('Closing browser');
-        try {
-            await this.browser.close();
-            this.browser = null;
-            this.page = null;
-            logger.info('Browser closed successfully');
-        }
-        catch (error) {
-            logger.error({ error }, 'Failed to close browser');
-            throw error;
-        }
-    }
-    /**
-     * Get current page URL
-     */
-    getCurrentUrl() {
-        if (!this.page || this.page.isClosed()) {
-            return null;
-        }
-        return this.page.url();
-    }
-    /**
-     * Wait for navigation
-     */
-    async waitForNavigation(timeout = 30000) {
-        if (!this.page || this.page.isClosed()) {
-            throw new Error('No active page');
-        }
-        await this.page.waitForNavigation({
-            waitUntil: 'networkidle2',
-            timeout,
-        });
-    }
-}

package/dist/cloudflare/core/audit-log.js

@@ -1,62 +0,0 @@
-/**
- * Enterprise audit log — tool invocations and connection events for compliance.
- * Optional: enable via FIGMA_MCP_AUDIT_LOG_PATH (file path) or config local.auditLogPath.
- * Format: one JSON object per line (NDJSON) for easy parsing and retention.
- */
-import { createWriteStream } from "fs";
-import { appendFileSync } from "fs";
-const noop = () => { };
-let stream = null;
-function getStream(path) {
-    if (stream)
-        return stream;
-    try {
-        stream = createWriteStream(path, { flags: "a" });
-        stream.on("error", () => {
-            stream = null;
-        });
-        return stream;
-    }
-    catch {
-        return null;
-    }
-}
-function writeLine(path, line) {
-    const s = getStream(path);
-    if (s && s.writable) {
-        s.write(line + "\n");
-        return;
-    }
-    try {
-        appendFileSync(path, line + "\n");
-    }
-    catch {
-        // ignore
-    }
-}
-/**
- * Log an audit entry. No-op if path not set or write fails.
- */
-export function auditLog(path, entry) {
-    if (!path || path === "")
-        return;
-    const full = { ...entry, ts: new Date().toISOString() };
-    try {
-        writeLine(path, JSON.stringify(full));
-    }
-    catch {
-        noop();
-    }
-}
-/**
- * Log a tool invocation (call from bridge after request completes).
- */
-export function auditTool(path, method, success, error, durationMs) {
-    auditLog(path, { event: "tool", method, success, error, durationMs });
-}
-/**
- * Log plugin connection / disconnection.
- */
-export function auditPlugin(path, event) {
-    auditLog(path, { event });
-}

package/dist/cloudflare/core/config.js

@@ -1,163 +0,0 @@
-/**
- * Configuration management for F-MCP ATezer (Figma MCP Bridge) server
- */
-import { readFileSync, existsSync } from 'fs';
-import { homedir } from 'os';
-import { join } from 'path';
-/**
- * Auto-detect server mode based on environment
- */
-function detectMode() {
-    // If running in Workers environment, return cloudflare
-    if (typeof globalThis !== 'undefined' && 'caches' in globalThis) {
-        return 'cloudflare';
-    }
-    // Explicit env var override
-    const modeEnv = process.env.FIGMA_MCP_MODE?.toLowerCase();
-    if (modeEnv === 'local' || modeEnv === 'cloudflare') {
-        return modeEnv;
-    }
-    // Default to local for Node.js environments
-    return 'local';
-}
-/**
- * Default configuration values
- */
-const DEFAULT_CONFIG = {
-    mode: detectMode(),
-    browser: {
-        headless: false,
-        args: [
-            '--disable-blink-features=AutomationControlled',
-            '--disable-dev-shm-usage',
-            '--no-sandbox', // Note: Only use in trusted environments
-        ],
-    },
-    console: {
-        bufferSize: 1000,
-        filterLevels: ['log', 'info', 'warn', 'error', 'debug'],
-        truncation: {
-            maxStringLength: 500,
-            maxArrayLength: 10,
-            maxObjectDepth: 3,
-            removeDuplicates: true,
-        },
-    },
-    screenshots: {
-        defaultFormat: 'png',
-        quality: 90,
-        storePath: join(process.env.TMPDIR || '/tmp', 'figma-mcp-bridge', 'screenshots'),
-    },
-    local: {
-        debugHost: process.env.FIGMA_DEBUG_HOST || 'localhost',
-        debugPort: parseInt(process.env.FIGMA_DEBUG_PORT || '9222', 10),
-        pluginBridgePort: parseInt(process.env.FIGMA_MCP_BRIDGE_PORT || process.env.FIGMA_PLUGIN_BRIDGE_PORT || '5454', 10),
-        auditLogPath: process.env.FIGMA_MCP_AUDIT_LOG_PATH || undefined,
-    },
-};
-/**
- * Possible config file locations (checked in order)
- */
-const CONFIG_PATHS = [
-    // Environment variable override
-    process.env.FIGMA_CONSOLE_CONFIG,
-    // Project-local config
-    join(process.cwd(), '.figma-mcp-bridge.json'),
-    join(process.cwd(), 'figma-mcp-bridge.json'),
-    // User home config
-    join(homedir(), '.config', 'figma-mcp-bridge', 'config.json'),
-    join(homedir(), '.figma-mcp-bridge.json'),
-].filter((path) => path !== undefined);
-/**
- * Load configuration from file or use defaults
- */
-export function loadConfig() {
-    // Try to load from config file
-    for (const configPath of CONFIG_PATHS) {
-        if (existsSync(configPath)) {
-            try {
-                const fileContent = readFileSync(configPath, 'utf-8');
-                const userConfig = JSON.parse(fileContent);
-                // Deep merge with defaults
-                const config = mergeConfig(DEFAULT_CONFIG, userConfig);
-                return config;
-            }
-            catch (error) {
-                console.error(`Failed to load config from ${configPath}:`, error);
-                // Continue to next config path
-            }
-        }
-    }
-    // No config file found, use defaults
-    return DEFAULT_CONFIG;
-}
-/**
- * Deep merge two configuration objects
- */
-function mergeConfig(defaults, overrides) {
-    return {
-        mode: overrides.mode || defaults.mode,
-        browser: {
-            ...defaults.browser,
-            ...(overrides.browser || {}),
-        },
-        console: {
-            ...defaults.console,
-            ...(overrides.console || {}),
-            truncation: {
-                ...defaults.console.truncation,
-                ...(overrides.console?.truncation || {}),
-            },
-        },
-        screenshots: {
-            ...defaults.screenshots,
-            ...(overrides.screenshots || {}),
-        },
-        local: {
-            ...defaults.local,
-            ...(overrides.local || {}),
-        },
-    };
-}
-/**
- * Validate configuration
- */
-export function validateConfig(config) {
-    // Validate browser config
-    if (!Array.isArray(config.browser.args)) {
-        throw new Error('browser.args must be an array');
-    }
-    // Validate console config
-    if (config.console.bufferSize <= 0) {
-        throw new Error('console.bufferSize must be positive');
-    }
-    if (!Array.isArray(config.console.filterLevels)) {
-        throw new Error('console.filterLevels must be an array');
-    }
-    // Validate truncation config
-    const { truncation } = config.console;
-    if (truncation.maxStringLength <= 0) {
-        throw new Error('console.truncation.maxStringLength must be positive');
-    }
-    if (truncation.maxArrayLength <= 0) {
-        throw new Error('console.truncation.maxArrayLength must be positive');
-    }
-    if (truncation.maxObjectDepth <= 0) {
-        throw new Error('console.truncation.maxObjectDepth must be positive');
-    }
-    // Validate screenshot config
-    if (!['png', 'jpeg'].includes(config.screenshots.defaultFormat)) {
-        throw new Error('screenshots.defaultFormat must be "png" or "jpeg"');
-    }
-    if (config.screenshots.quality < 0 || config.screenshots.quality > 100) {
-        throw new Error('screenshots.quality must be between 0 and 100');
-    }
-}
-/**
- * Get configuration with validation
- */
-export function getConfig() {
-    const config = loadConfig();
-    validateConfig(config);
-    return config;
-}