@atezer/figma-mcp-bridge 1.3.1 → 1.4.0

package/f-mcp-plugin/ui.html

@@ -218,6 +218,31 @@
         <input type="number" id="mcp-port" min="5454" max="5470" value="5454" aria-label="MCP bridge port (auto fallback 5454-5470)" title="Elle değiştirirseniz tek porta kilitlenir; Otomatik tara veya Advanced'ı kapatın." />
       </div>
       <button type="button" id="auto-port-reset" class="auto-port-reset" title="Tek porta kilitlenmeyi kaldırır; 5454–5470 yeniden taranır (Claude config portu ile eşleşmeli)." aria-label="5454 ile 5470 arası otomatik port taraması">Otomatik tara</button>
+      <div class="api-token-section" style="margin-top:8px;border-top:1px solid rgba(255,255,255,0.08);padding-top:8px;">
+        <div style="display:flex;align-items:center;gap:6px;">
+          <label for="figma-token" style="font-size:11px;color:rgba(255,255,255,0.5);white-space:nowrap;">API Token</label>
+          <input type="password" id="figma-token" placeholder="figd_..." style="flex:1;font-size:11px;padding:3px 6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:4px;color:#fff;outline:none;" aria-label="Figma REST API token" />
+          <select id="token-expiry" style="font-size:10px;padding:2px 3px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:3px;color:rgba(255,255,255,0.6);outline:none;" title="Token süresi (Figma'da seçtiğiniz süre)">
+            <option value="90">90g</option>
+            <option value="30">30g</option>
+            <option value="7">7g</option>
+            <option value="1">1g</option>
+          </select>
+          <button type="button" id="clear-token" style="font-size:10px;padding:2px 6px;background:rgba(255,100,100,0.15);border:1px solid rgba(255,100,100,0.2);border-radius:3px;color:rgba(255,100,100,0.8);cursor:pointer;" title="Token'ı temizle">x</button>
+        </div>
+        <div id="token-status" style="font-size:10px;color:rgba(255,255,255,0.35);margin-top:3px;display:none;"></div>
+        <div id="token-expiry-info" style="font-size:9px;color:rgba(255,255,255,0.3);margin-top:2px;display:none;"></div>
+        <div id="rate-limit-bar" style="display:none;margin-top:4px;">
+          <div style="display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,0.4);">
+            <span>API Limit</span>
+            <span id="rate-limit-text">—</span>
+          </div>
+          <div style="height:3px;background:rgba(255,255,255,0.08);border-radius:2px;overflow:hidden;margin-top:2px;">
+            <div id="rate-limit-fill" style="height:100%;background:#4ecdc4;border-radius:2px;transition:width 0.3s;width:100%;"></div>
+          </div>
+          <div id="rate-limit-warning" style="display:none;font-size:9px;margin-top:2px;font-weight:600;"></div>
+        </div>
+      </div>
     </div>
   </div>
 
@@ -597,6 +622,35 @@
           console.log('[F-MCP ATezer Bridge] File identity: ' + (msg.fileName || '?') + ' (' + (msg.fileKey || '?') + ')');
           break;
 
+        case 'RESTORE_TOKEN':
+          // Token restored from figma.clientStorage on plugin open
+          if (msg.token) {
+            var tokenEl = document.getElementById('figma-token');
+            if (tokenEl) tokenEl.value = msg.token;
+            var expiresAt = msg.expiresAt || 0;
+            __tokenExpiresAt = expiresAt;
+            var isExpired = expiresAt > 0 && expiresAt < Date.now();
+            if (isExpired) {
+              updateTokenUI(false, null, expiresAt);
+              // Auto-delete expired token
+              parent.postMessage({ pluginMessage: { type: 'DELETE_TOKEN' } }, '*');
+              if (tokenEl) tokenEl.value = '';
+            } else {
+              updateTokenUI(true, null, expiresAt);
+              window.__pendingRestoreToken = msg.token;
+            }
+            console.log('[F-MCP] Token restored from clientStorage' + (isExpired ? ' (EXPIRED)' : '') + (expiresAt ? ' expires: ' + new Date(expiresAt).toLocaleDateString() : ''));
+          }
+          break;
+
+        case 'TOKEN_SAVED':
+          console.log('[F-MCP] Token saved to clientStorage: ' + (msg.success ? 'OK' : 'FAIL'));
+          break;
+
+        case 'TOKEN_DELETED':
+          console.log('[F-MCP] Token deleted from clientStorage');
+          break;
+
         case 'VARIABLES_DATA':
           window.__figmaVariablesData = msg.data;
           window.__figmaVariablesReady = true;
@@ -815,6 +869,7 @@
     var MCP_BRIDGE_PORT_KEY = 'f-mcp-bridge-port';
     var MCP_BRIDGE_HOST_KEY = 'f-mcp-bridge-host';
     var MCP_ADVANCED_OPEN_KEY = 'f-mcp-bridge-advanced-open';
+
     var mcpBridgeWs = null;
     var mcpBridgeReconnectTimer = null;
     var mcpReconnectDelay = 1000;
@@ -858,6 +913,122 @@
       requestUiResize();
     }
 
+    // ---- Token UI ----
+    function updateTokenUI(hasToken, rateLimit, expiresAt) {
+      var statusEl = document.getElementById('token-status');
+      var barEl = document.getElementById('rate-limit-bar');
+      var textEl = document.getElementById('rate-limit-text');
+      var fillEl = document.getElementById('rate-limit-fill');
+      var expiryEl = document.getElementById('token-expiry-info');
+      if (statusEl) {
+        statusEl.style.display = 'block';
+        statusEl.textContent = hasToken ? 'Token aktif' : 'Token yok';
+        statusEl.style.color = hasToken ? 'rgba(78,205,196,0.8)' : 'rgba(255,255,255,0.35)';
+      }
+      // Expiry countdown
+      if (expiryEl) {
+        if (hasToken && expiresAt && expiresAt > 0) {
+          var now = Date.now();
+          var daysLeft = Math.ceil((expiresAt - now) / (24 * 60 * 60 * 1000));
+          if (daysLeft <= 0) {
+            expiryEl.style.display = 'block';
+            expiryEl.textContent = 'Token suresi dolmus!';
+            expiryEl.style.color = 'rgba(249,65,68,0.9)';
+            if (statusEl) { statusEl.textContent = 'Token suresi dolmus'; statusEl.style.color = 'rgba(249,65,68,0.8)'; }
+          } else {
+            expiryEl.style.display = 'block';
+            var expDate = new Date(expiresAt);
+            expiryEl.textContent = daysLeft + ' gun kaldi (' + expDate.toLocaleDateString('tr-TR') + ')';
+            expiryEl.style.color = daysLeft <= 7 ? 'rgba(249,193,79,0.8)' : 'rgba(255,255,255,0.35)';
+          }
+        } else {
+          expiryEl.style.display = 'none';
+        }
+      }
+      // Rate limit bar
+      if (rateLimit && rateLimit.limit > 0 && barEl && textEl && fillEl) {
+        barEl.style.display = 'block';
+        var pct = Math.round((rateLimit.remaining / rateLimit.limit) * 100);
+        textEl.textContent = rateLimit.remaining + ' / ' + rateLimit.limit;
+        fillEl.style.width = pct + '%';
+        fillEl.style.background = pct > 30 ? '#4ecdc4' : pct > 10 ? '#f9c74f' : '#f94144';
+        // Warning text
+        var warnEl = document.getElementById('rate-limit-warning');
+        if (warnEl) {
+          if (rateLimit.remaining === 0) {
+            warnEl.style.display = 'block';
+            warnEl.textContent = 'API limiti doldu!';
+            warnEl.style.color = '#f94144';
+          } else if (pct <= 5) {
+            warnEl.style.display = 'block';
+            warnEl.textContent = 'API limiti kritik!';
+            warnEl.style.color = '#f94144';
+            fillEl.style.animation = 'pulse 1s infinite';
+          } else if (pct <= 20) {
+            warnEl.style.display = 'block';
+            warnEl.textContent = 'Dusuk API limiti';
+            warnEl.style.color = '#f9c74f';
+            fillEl.style.animation = 'none';
+          } else {
+            warnEl.style.display = 'none';
+            fillEl.style.animation = 'none';
+          }
+        }
+      } else if (barEl) {
+        barEl.style.display = hasToken ? 'block' : 'none';
+        if (textEl) textEl.textContent = '—';
+        if (fillEl) { fillEl.style.width = '100%'; fillEl.style.animation = 'none'; }
+        var warnEl2 = document.getElementById('rate-limit-warning');
+        if (warnEl2) warnEl2.style.display = 'none';
+      }
+      requestUiResize();
+    }
+
+    // Track current token expiry for UI updates
+    var __tokenExpiresAt = 0;
+
+    function getSelectedExpiryDays() {
+      var sel = document.getElementById('token-expiry');
+      return sel ? parseInt(sel.value, 10) || 90 : 90;
+    }
+
+    function initTokenInput() {
+      var el = document.getElementById('figma-token');
+      var clearBtn = document.getElementById('clear-token');
+      if (el) {
+        el.addEventListener('change', function() {
+          var token = (el.value || '').trim();
+          if (token) {
+            var days = getSelectedExpiryDays();
+            var expiresAt = Date.now() + days * 24 * 60 * 60 * 1000;
+            __tokenExpiresAt = expiresAt;
+            // Save to Figma clientStorage (persists across plugin close/reopen)
+            parent.postMessage({ pluginMessage: { type: 'SAVE_TOKEN', token: token, expiresAt: expiresAt } }, '*');
+            // Send to bridge
+            if (mcpBridgeWs && mcpBridgeWs.readyState === 1) {
+              mcpBridgeWs.send(JSON.stringify({ type: 'setToken', token: token }));
+            }
+            updateTokenUI(true, null, expiresAt);
+          } else {
+            updateTokenUI(false, null, 0);
+          }
+        });
+      }
+      if (clearBtn) {
+        clearBtn.addEventListener('click', function() {
+          if (el) el.value = '';
+          __tokenExpiresAt = 0;
+          // Delete from Figma clientStorage
+          parent.postMessage({ pluginMessage: { type: 'DELETE_TOKEN' } }, '*');
+          // Clear from bridge
+          if (mcpBridgeWs && mcpBridgeWs.readyState === 1) {
+            mcpBridgeWs.send(JSON.stringify({ type: 'clearToken' }));
+          }
+          updateTokenUI(false, null, 0);
+        });
+      }
+    }
+
     function initAdvancedPanel() {
       var toggle = document.getElementById('advanced-toggle');
       var initial = false;
@@ -1057,6 +1228,20 @@
               }
               console.log('[F-MCP ATezer Bridge] Handshake OK — bridge v' + (msg.bridgeVersion || '?') + ' on port ' + mcpConnectedPort);
               updateStatus('ready (:' + mcpConnectedPort + ')', true, false);
+              // Resend restored token to bridge after handshake
+              if (window.__pendingRestoreToken && currentWs && currentWs.readyState === 1) {
+                currentWs.send(JSON.stringify({ type: 'setToken', token: window.__pendingRestoreToken }));
+                console.log('[F-MCP] Sent restored token to bridge');
+              }
+              // Also check input field (user may have entered token before connection)
+              var tokenInput = document.getElementById('figma-token');
+              if (!window.__pendingRestoreToken && tokenInput && tokenInput.value && currentWs && currentWs.readyState === 1) {
+                currentWs.send(JSON.stringify({ type: 'setToken', token: tokenInput.value.trim() }));
+              }
+              return;
+            }
+            if (msg.type === 'tokenStatus') {
+              updateTokenUI(msg.hasToken, msg.rateLimit || null, __tokenExpiresAt);
               return;
             }
             if (msg.type === 'ping') {
@@ -1268,6 +1453,7 @@
     if (typeof WebSocket !== 'undefined') {
       initMcpHostInput();
       initMcpPortInput();
+      initTokenInput();
       initAdvancedPanel();
       try {
         var rememberedPort = parseInt(localStorage.getItem(MCP_BRIDGE_PORT_KEY) || '', 10);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atezer/figma-mcp-bridge",
-	"version": "1.3.1",
+	"version": "1.4.0",
 	"description": "F-MCP ATezer: MCP server and Figma plugin bridge for Claude/Cursor. No REST token required.",
 	"type": "module",
 	"main": "dist/local.js",

package/dist/cloudflare/core/figma-style-extractor.js

@@ -1,311 +0,0 @@
-/**
- * Figma Style Extractor
- *
- * Extracts style information (colors, typography, spacing) from Figma files
- * using the REST API /files endpoint. This provides an alternative to the
- * Enterprise-only Variables API by parsing style data directly from nodes.
- *
- * Based on the approach used by Figma-Context-MCP
- */
-import { logger } from './logger';
-export class FigmaStyleExtractor {
-    constructor() {
-        this.extractedVariables = new Map();
-        this.colorIndex = 0;
-        this.typographyIndex = 0;
-        this.spacingIndex = 0;
-        this.radiusIndex = 0;
-    }
-    /**
-     * Extract style "variables" from Figma file data
-     * This mimics what users would see as variables in Figma
-     */
-    async extractStylesFromFile(fileData) {
-        try {
-            logger.info('Extracting styles from Figma file data');
-            this.extractedVariables.clear();
-            this.colorIndex = 0;
-            this.typographyIndex = 0;
-            this.spacingIndex = 0;
-            this.radiusIndex = 0;
-            // Process the document tree
-            if (fileData.document) {
-                this.processNode(fileData.document);
-            }
-            // Also process components for more style data
-            if (fileData.components) {
-                Object.values(fileData.components).forEach((component) => {
-                    if (component.node) {
-                        this.processNode(component.node);
-                    }
-                });
-            }
-            // Process styles if available
-            if (fileData.styles) {
-                this.processStyles(fileData.styles);
-            }
-            const variables = Array.from(this.extractedVariables.values());
-            logger.info({
-                colorCount: variables.filter(v => v.type === 'COLOR').length,
-                typographyCount: variables.filter(v => v.type === 'TYPOGRAPHY').length,
-                spacingCount: variables.filter(v => v.type === 'SPACING').length,
-                radiusCount: variables.filter(v => v.type === 'RADIUS').length,
-                totalCount: variables.length
-            }, 'Extracted style variables from file');
-            return variables;
-        }
-        catch (error) {
-            logger.error({ error }, 'Failed to extract styles from file');
-            throw error;
-        }
-    }
-    /**
-     * Process a single node and extract style information
-     */
-    processNode(node, depth = 0) {
-        if (!node || depth > 10)
-            return; // Limit depth to prevent infinite recursion
-        // Extract colors from fills
-        if (node.fills && Array.isArray(node.fills)) {
-            node.fills.forEach(fill => {
-                if (fill.type === 'SOLID' && fill.color && fill.visible !== false) {
-                    this.extractColor(fill.color, fill.opacity, node);
-                }
-            });
-        }
-        // Extract colors from strokes
-        if (node.strokes && Array.isArray(node.strokes)) {
-            node.strokes.forEach(stroke => {
-                if (stroke.type === 'SOLID' && stroke.color && stroke.visible !== false) {
-                    this.extractColor(stroke.color, stroke.opacity, node, 'stroke');
-                }
-            });
-        }
-        // Extract typography styles
-        if (node.type === 'TEXT' && node.style) {
-            this.extractTypography(node.style, node);
-        }
-        // Extract spacing from auto-layout
-        if (node.layoutMode) {
-            if (node.itemSpacing !== undefined && node.itemSpacing > 0) {
-                this.extractSpacing('spacing', node.itemSpacing, node);
-            }
-            if (node.paddingLeft !== undefined && node.paddingLeft > 0) {
-                this.extractSpacing('padding', node.paddingLeft, node);
-            }
-        }
-        // Extract corner radius
-        if (node.cornerRadius !== undefined && node.cornerRadius > 0) {
-            this.extractRadius(node.cornerRadius, node);
-        }
-        else if (node.rectangleCornerRadii && node.rectangleCornerRadii.length > 0) {
-            const uniqueRadii = [...new Set(node.rectangleCornerRadii)];
-            uniqueRadii.forEach(radius => {
-                if (radius > 0) {
-                    this.extractRadius(radius, node);
-                }
-            });
-        }
-        // Process children recursively
-        if (node.children && Array.isArray(node.children)) {
-            node.children.forEach(child => {
-                this.processNode(child, depth + 1);
-            });
-        }
-    }
-    /**
-     * Extract color variable
-     */
-    extractColor(color, opacity = 1, node, type = 'fill') {
-        const r = Math.round(color.r * 255);
-        const g = Math.round(color.g * 255);
-        const b = Math.round(color.b * 255);
-        const a = opacity * (color.a || 1);
-        const hex = '#' + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1).toUpperCase();
-        const rgba = a < 1 ? `rgba(${r}, ${g}, ${b}, ${a})` : hex;
-        // Create a unique key based on the color value
-        const key = `color_${hex}_${a}`;
-        if (!this.extractedVariables.has(key)) {
-            // Generate a meaningful name based on the node
-            const category = this.inferColorCategory(node.name);
-            const name = this.generateColorName(category, type, this.colorIndex++);
-            this.extractedVariables.set(key, {
-                id: key,
-                name,
-                value: rgba,
-                type: 'COLOR',
-                category,
-                description: `Extracted from ${node.name || 'unnamed node'}`,
-                nodeId: node.id
-            });
-        }
-    }
-    /**
-     * Extract typography variable
-     */
-    extractTypography(style, node) {
-        const key = `typography_${style.fontFamily}_${style.fontSize}_${style.fontWeight}`;
-        if (!this.extractedVariables.has(key)) {
-            const name = this.generateTypographyName(node.name, this.typographyIndex++);
-            const value = [
-                `font-family: "${style.fontFamily || 'Inter'}"`,
-                style.fontSize ? `font-size: ${style.fontSize}px` : '',
-                style.fontWeight ? `font-weight: ${style.fontWeight}` : '',
-                style.lineHeightPx ? `line-height: ${style.lineHeightPx}px` : '',
-                style.letterSpacing ? `letter-spacing: ${style.letterSpacing}px` : ''
-            ].filter(Boolean).join(', ');
-            this.extractedVariables.set(key, {
-                id: key,
-                name,
-                value,
-                type: 'TYPOGRAPHY',
-                category: 'text',
-                description: `Extracted from ${node.name || 'unnamed text'}`,
-                nodeId: node.id
-            });
-        }
-    }
-    /**
-     * Extract spacing variable
-     */
-    extractSpacing(type, value, node) {
-        const key = `spacing_${type}_${value}`;
-        if (!this.extractedVariables.has(key)) {
-            const name = `${type}/${Math.round(value / 4) * 4 || value}`; // Round to nearest 4px
-            this.extractedVariables.set(key, {
-                id: key,
-                name,
-                value: `${value}px`,
-                type: 'SPACING',
-                category: type,
-                description: `Extracted from ${node.name || 'unnamed node'}`,
-                nodeId: node.id
-            });
-        }
-    }
-    /**
-     * Extract radius variable
-     */
-    extractRadius(value, node) {
-        const key = `radius_${value}`;
-        if (!this.extractedVariables.has(key)) {
-            const name = `radius/${this.categorizeRadius(value)}`;
-            this.extractedVariables.set(key, {
-                id: key,
-                name,
-                value: `${value}px`,
-                type: 'RADIUS',
-                category: 'border',
-                description: `Extracted from ${node.name || 'unnamed node'}`,
-                nodeId: node.id
-            });
-        }
-    }
-    /**
-     * Process Figma styles object
-     */
-    processStyles(styles) {
-        Object.entries(styles).forEach(([styleId, styleData]) => {
-            const { name, description, styleType } = styleData;
-            if (styleType === 'FILL' || styleType === 'TEXT') {
-                // These are named styles that could be considered variables
-                const variable = {
-                    id: styleId,
-                    name: name || styleId,
-                    value: styleId, // We don't have the actual value here
-                    type: styleType === 'FILL' ? 'COLOR' : 'TYPOGRAPHY',
-                    description: description || `Style: ${name}`,
-                    category: 'style'
-                };
-                this.extractedVariables.set(`style_${styleId}`, variable);
-            }
-        });
-    }
-    /**
-     * Helper to infer color category from node name
-     */
-    inferColorCategory(nodeName) {
-        if (!nodeName)
-            return 'color';
-        const name = nodeName.toLowerCase();
-        if (name.includes('background') || name.includes('bg'))
-            return 'background';
-        if (name.includes('text') || name.includes('label') || name.includes('title'))
-            return 'text';
-        if (name.includes('border') || name.includes('stroke'))
-            return 'border';
-        if (name.includes('primary') || name.includes('secondary') || name.includes('accent'))
-            return 'theme';
-        if (name.includes('success') || name.includes('error') || name.includes('warning'))
-            return 'semantic';
-        return 'color';
-    }
-    /**
-     * Generate a meaningful color name
-     */
-    generateColorName(category, type, index) {
-        const tier = index < 5 ? 'primary' : index < 10 ? 'secondary' : 'tertiary';
-        return `${category}/${tier}-${type}`;
-    }
-    /**
-     * Generate a meaningful typography name
-     */
-    generateTypographyName(nodeName, index) {
-        if (nodeName) {
-            const name = nodeName.toLowerCase();
-            if (name.includes('heading') || name.includes('h1') || name.includes('h2')) {
-                return `heading/${name.replace(/[^a-z0-9]/g, '-')}`;
-            }
-            if (name.includes('body') || name.includes('paragraph')) {
-                return `body/${name.replace(/[^a-z0-9]/g, '-')}`;
-            }
-            if (name.includes('caption') || name.includes('label')) {
-                return `caption/${name.replace(/[^a-z0-9]/g, '-')}`;
-            }
-        }
-        return `text/style-${index}`;
-    }
-    /**
-     * Categorize radius values
-     */
-    categorizeRadius(value) {
-        if (value === 0)
-            return 'none';
-        if (value <= 2)
-            return 'xs';
-        if (value <= 4)
-            return 'sm';
-        if (value <= 8)
-            return 'md';
-        if (value <= 16)
-            return 'lg';
-        if (value <= 24)
-            return 'xl';
-        return 'xxl';
-    }
-    /**
-     * Format the extracted variables for output
-     */
-    formatVariablesAsOutput(variables) {
-        // Group variables by type and category
-        const grouped = {};
-        variables.forEach(variable => {
-            const key = variable.name;
-            grouped[key] = variable.value;
-        });
-        // Add metadata about extraction method
-        grouped['_metadata'] = {
-            extractionMethod: 'REST_API_STYLES',
-            note: 'These are extracted style properties, not true Figma Variables (which require Enterprise)',
-            timestamp: new Date().toISOString(),
-            counts: {
-                colors: variables.filter(v => v.type === 'COLOR').length,
-                typography: variables.filter(v => v.type === 'TYPOGRAPHY').length,
-                spacing: variables.filter(v => v.type === 'SPACING').length,
-                radius: variables.filter(v => v.type === 'RADIUS').length,
-                total: variables.length
-            }
-        };
-        return grouped;
-    }
-}

package/dist/core/figma-style-extractor.d.ts

@@ -1,76 +0,0 @@
-/**
- * Figma Style Extractor
- *
- * Extracts style information (colors, typography, spacing) from Figma files
- * using the REST API /files endpoint. This provides an alternative to the
- * Enterprise-only Variables API by parsing style data directly from nodes.
- *
- * Based on the approach used by Figma-Context-MCP
- */
-interface ExtractedVariable {
-    id: string;
-    name: string;
-    value: string;
-    type: 'COLOR' | 'TYPOGRAPHY' | 'SPACING' | 'RADIUS' | 'EFFECT';
-    category?: string;
-    description?: string;
-    nodeId?: string;
-}
-export declare class FigmaStyleExtractor {
-    private extractedVariables;
-    private colorIndex;
-    private typographyIndex;
-    private spacingIndex;
-    private radiusIndex;
-    /**
-     * Extract style "variables" from Figma file data
-     * This mimics what users would see as variables in Figma
-     */
-    extractStylesFromFile(fileData: any): Promise<ExtractedVariable[]>;
-    /**
-     * Process a single node and extract style information
-     */
-    private processNode;
-    /**
-     * Extract color variable
-     */
-    private extractColor;
-    /**
-     * Extract typography variable
-     */
-    private extractTypography;
-    /**
-     * Extract spacing variable
-     */
-    private extractSpacing;
-    /**
-     * Extract radius variable
-     */
-    private extractRadius;
-    /**
-     * Process Figma styles object
-     */
-    private processStyles;
-    /**
-     * Helper to infer color category from node name
-     */
-    private inferColorCategory;
-    /**
-     * Generate a meaningful color name
-     */
-    private generateColorName;
-    /**
-     * Generate a meaningful typography name
-     */
-    private generateTypographyName;
-    /**
-     * Categorize radius values
-     */
-    private categorizeRadius;
-    /**
-     * Format the extracted variables for output
-     */
-    formatVariablesAsOutput(variables: ExtractedVariable[]): any;
-}
-export {};
-//# sourceMappingURL=figma-style-extractor.d.ts.map

package/dist/core/figma-style-extractor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"figma-style-extractor.d.ts","sourceRoot":"","sources":["../../src/core/figma-style-extractor.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAqDH,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,kBAAkB,CAA6C;IACvE,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,WAAW,CAAK;IAExB;;;OAGG;IACG,qBAAqB,CAAC,QAAQ,EAAE,GAAG,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAiDxE;;OAEG;IACH,OAAO,CAAC,WAAW;IAwDnB;;OAEG;IACH,OAAO,CAAC,YAAY;IA6BpB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA0BzB;;OAEG;IACH,OAAO,CAAC,cAAc;IAkBtB;;OAEG;IACH,OAAO,CAAC,aAAa;IAkBrB;;OAEG;IACH,OAAO,CAAC,aAAa;IAoBrB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAKzB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAiB9B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAUxB;;OAEG;IACH,uBAAuB,CAAC,SAAS,EAAE,iBAAiB,EAAE,GAAG,GAAG;CAyB7D"}