Merge pull request #36 from mhmzdev/mts-to-ts-migrate

.mts to .ts migrate

Author: mhmzdev

.changeset/fuzzy-eagles-hammer.md

@@ -0,0 +1,5 @@
+---
+"figma-flutter-mcp": minor
+---
+
+Migrated .mts to .ts, added semantic detection and visual context approaches

package.json

@@ -3,9 +3,9 @@
   "version": "0.2.0",
   "description": "MCP server for Figma to Flutter conversion",
   "type": "module",
-  "main": "dist/cli.mjs",
+  "main": "dist/cli.js",
   "bin": {
-    "figma-flutter-mcp": "dist/cli.mjs"
+    "figma-flutter-mcp": "dist/cli.js"
   },
   "files": [
     "dist/**/*",
@@ -14,10 +14,10 @@
   ],
   "scripts": {
     "build": "tsc",
-    "start": "node dist/cli.mjs",
-    "dev": "tsx src/cli.mts --http",
-    "dev:stdio": "tsx src/cli.mts --stdio",
-    "dev:port": "tsx src/cli.mts --http --port",
+    "start": "node dist/cli.js",
+    "dev": "tsx src/cli.ts --http",
+    "dev:stdio": "tsx src/cli.ts --stdio",
+    "dev:port": "tsx src/cli.ts --http --port",
     "changeset": "changeset add",
     "version": "changeset version && npm install --lockfile-only",
     "release": "changeset publish"

src/cli.mts renamed to src/cli.ts

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import {getServerConfig} from './config.mjs';
-import {startMcpServer, startHttpServer} from './server.mjs';
+import {getServerConfig} from './config.js';
+import {startMcpServer, startHttpServer} from './server.js';
 
 async function startServer(): Promise<void> {
     const config = getServerConfig();

src/config.mts renamed to src/config.ts

@@ -1,15 +1,15 @@
 // src/extractors/colors/core.mts
 
-import type {FigmaNode} from '../../types/figma.mjs';
+import type {FigmaNode} from '../../types/figma.js';
 import type {
     ThemeColor,
     ColorDefinition,
     ColorExtractionContext,
     ColorExtractorFn,
-} from './types.mjs';
+} from './types.js';
 import {
     extractColorsFromThemeFrame,
-} from './extractor.mjs';
+} from './extractor.js';
 
 /**
  * Main color extraction orchestrator

src/extractors/colors/core.mts renamed to src/extractors/colors/core.ts

@@ -1,11 +1,11 @@
 // src/extractors/colors/extractor.mts
 
-import type {FigmaNode} from '../../types/figma.mjs';
+import type {FigmaNode} from '../../types/figma.js';
 import type {
     ThemeColor,
     ColorDefinition,
     ColorExtractorFn
-} from './types.mjs';
+} from './types.js';
 
 /**
  * Extract colors from a theme frame containing color swatches with text labels

src/extractors/colors/extractor.mts renamed to src/extractors/colors/extractor.ts

@@ -1,13 +1,13 @@
 // src/extractors/colors/index.mts
 
 // Core functionality
-export { ColorExtractor, extractThemeColors } from './core.mjs';
+export { ColorExtractor, extractThemeColors } from './core.js';
 
 // Extractor functions
 export {
     extractColorsFromThemeFrame,
     isTypographyNode
-} from './extractor.mjs';
+} from './extractor.js';
 
 // Types
 export type {
@@ -16,4 +16,4 @@ export type {
     ColorExtractionContext,
     ColorExtractorFn,
     ThemeGenerationOptions
-} from './types.mjs';
+} from './types.js';

src/extractors/colors/index.mts renamed to src/extractors/colors/index.ts

@@ -1,6 +1,6 @@
 // src/extractors/colors/types.mts
 
-import type {FigmaNode} from '../../types/figma.mjs';
+import type {FigmaNode} from '../../types/figma.js';
 
 /**
  * Color definition from theme extraction

src/extractors/colors/types.mts renamed to src/extractors/colors/types.ts

@@ -1,17 +1,17 @@
 // src/extractors/components/core.mts
 
-import type {FigmaNode} from '../../types/figma.mjs';
+import type {FigmaNode} from '../../types/figma.js';
 import type {
     ComponentAnalysis,
     ComponentExtractionOptions,
     ComponentVariant
-} from './types.mjs';
+} from './types.js';
 import {
     extractMetadata,
     extractLayoutInfo,
     extractStylingInfo,
     analyzeChildren,
-} from './extractor.mjs';
+} from './extractor.js';
 
 /**
  * Component extraction and analysis class
@@ -83,7 +83,7 @@ export async function analyzeComponentWithVariants(
         throw new Error('Node is not a COMPONENT_SET');
     }
 
-    const {VariantAnalyzer} = await import('./variant-analyzer.mjs');
+    const {VariantAnalyzer} = await import('./variant-analyzer.js');
     const variantAnalyzer = new VariantAnalyzer();
     const variants = await variantAnalyzer.analyzeComponentSet(componentSetNode);
 

src/extractors/components/core.mts renamed to src/extractors/components/core.ts

@@ -1,22 +1,22 @@
 // src/extractors/components/deduplicated-extractor.mts
 
-import type { FigmaNode } from '../../types/figma.mjs';
-import type { FlutterStyleDefinition } from '../flutter/style-library.mjs';
-import { FlutterStyleLibrary } from '../flutter/style-library.mjs';
+import type { FigmaNode } from '../../types/figma.js';
+import type { FlutterStyleDefinition } from '../flutter/style-library.js';
+import { FlutterStyleLibrary } from '../flutter/style-library.js';
 import { 
   extractStylingInfo, 
   extractLayoutInfo, 
   extractMetadata,
   extractTextInfo,
   createNestedComponentInfo
-} from './extractor.mjs';
+} from './extractor.js';
 import type {
   ComponentMetadata,
   LayoutInfo,
   StylingInfo,
   NestedComponentInfo,
   TextInfo
-} from './types.mjs';
+} from './types.js';
 
 export interface DeduplicatedComponentAnalysis {
   metadata: ComponentMetadata;