figmake-pro 3.0.0

package/src/design-system/extractTypography.ts

@@ -0,0 +1,71 @@
+export interface TextStyle {
+  fontFamily: string;
+  fontSize: string;
+  fontWeight: number;
+  lineHeight: number;
+  letterSpacing: string;
+  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+}
+
+export interface ExtractedTypography {
+  fontFamilies: {
+    primary: string;
+    secondary: string;
+    mono: string;
+  };
+  scale: {
+    xs: TextStyle;
+    sm: TextStyle;
+    base: TextStyle;
+    lg: TextStyle;
+    xl: TextStyle;
+    '2xl': TextStyle;
+    '3xl': TextStyle;
+    '4xl': TextStyle;
+  };
+  weights: {
+    light: number;
+    regular: number;
+    medium: number;
+    semibold: number;
+    bold: number;
+  };
+  lineHeights: {
+    tight: number;
+    normal: number;
+    relaxed: number;
+  };
+}
+
+export function extractTypography(nodes: any[]): ExtractedTypography {
+  // Logic to analyze text nodes and build typography scale
+  return {
+    fontFamilies: {
+      primary: 'Inter',
+      secondary: 'system-ui',
+      mono: 'JetBrains Mono',
+    },
+    scale: {
+      xs: { fontFamily: 'Inter', fontSize: '12px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0px' },
+      sm: { fontFamily: 'Inter', fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0px' },
+      base: { fontFamily: 'Inter', fontSize: '16px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0px' },
+      lg: { fontFamily: 'Inter', fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0px' },
+      xl: { fontFamily: 'Inter', fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0px' },
+      '2xl': { fontFamily: 'Inter', fontSize: '24px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '0px' },
+      '3xl': { fontFamily: 'Inter', fontSize: '30px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '0px' },
+      '4xl': { fontFamily: 'Inter', fontSize: '36px', fontWeight: 800, lineHeight: 1.1, letterSpacing: '0px' },
+    },
+    weights: {
+      light: 300,
+      regular: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700,
+    },
+    lineHeights: {
+      tight: 1.25,
+      normal: 1.5,
+      relaxed: 1.75,
+    },
+  };
+}

package/src/plugin/code.ts

@@ -0,0 +1,143 @@
+import { figmaToCSS } from "../core/converters/layoutConverter";
+import { generateReactComponent } from "../core/generators/reactGenerator";
+import { extractAnimations } from "../core/extractors/animationExtractor";
+import { DEFAULT_CONFIG, PluginConfig } from "../core/config";
+import { detectCollisions } from "../core/utils/collisionDetector";
+import { calculateMetrics } from "../core/utils/codeMetrics";
+import { extractDesignTokens } from "../design-system/extractDesignTokens";
+import { generateLockfile } from "../vibecode-guard/generateLockfile";
+import { generatePromptContext } from "../vibecode-guard/generatePromptContext";
+
+let currentConfig: PluginConfig = DEFAULT_CONFIG;
+
+figma.showUI(__html__, { width: 600, height: 800 });
+
+figma.clientStorage.getAsync("plugin_settings").then((settings) => {
+  if (settings) {
+    currentConfig = { ...DEFAULT_CONFIG, ...settings };
+  }
+  figma.ui.postMessage({ type: "settings-loaded", config: currentConfig });
+});
+
+figma.ui.onmessage = async (msg) => {
+  if (msg.type === "save-settings") {
+    currentConfig = msg.config;
+    figma.clientStorage.setAsync("plugin_settings", currentConfig);
+    updateSelection();
+  } else if (msg.type === "validate-node") {
+    const selection = figma.currentPage.selection;
+    if (selection.length > 0) {
+      const node = selection[0];
+      const bytes = await node.exportAsync({ format: "PNG", constraint: { type: "SCALE", value: 1 } });
+      figma.ui.postMessage({ type: "validation-image", bytes, width: node.width, height: node.height });
+    }
+  } else if (msg.type === "generate-guard") {
+    const tokens = extractDesignTokens([figma.root]);
+    const lockfile = generateLockfile(figma.root.name, figma.fileKey || 'local', tokens);
+    const promptContext = generatePromptContext(tokens);
+    figma.ui.postMessage({ type: "guard-data", lockfile, promptContext, tokens });
+  }
+};
+
+function extractProperties(node: BaseNode): any {
+  const props: any = {
+    id: node.id,
+    name: node.name,
+    type: node.type,
+  };
+
+  if ("reactions" in node) {
+    props.reactions = clone((node as any).reactions);
+    props.animations = extractAnimations(node, figma.getNodeById);
+  }
+
+  if ("x" in node) props.x = node.x;
+  if ("y" in node) props.y = node.y;
+  if ("width" in node) props.width = node.width;
+  if ("height" in node) props.height = node.height;
+  if ("rotation" in node) props.rotation = node.rotation;
+
+  if ("visible" in node) props.visible = node.visible;
+  if ("opacity" in node) props.opacity = node.opacity;
+  if ("blendMode" in node) props.blendMode = node.blendMode;
+
+  if ("constraints" in node) props.constraints = node.constraints;
+
+  if ("cornerRadius" in node) props.cornerRadius = node.cornerRadius === figma.mixed ? "mixed" : node.cornerRadius;
+  if ("topLeftRadius" in node) props.topLeftRadius = node.topLeftRadius;
+  if ("topRightRadius" in node) props.topRightRadius = node.topRightRadius;
+  if ("bottomLeftRadius" in node) props.bottomLeftRadius = node.bottomLeftRadius;
+  if ("bottomRightRadius" in node) props.bottomRightRadius = node.bottomRightRadius;
+
+  if ("layoutMode" in node) props.layoutMode = node.layoutMode;
+  if ("primaryAxisSizingMode" in node) props.primaryAxisSizingMode = node.primaryAxisSizingMode;
+  if ("counterAxisSizingMode" in node) props.counterAxisSizingMode = node.counterAxisSizingMode;
+  if ("primaryAxisAlignItems" in node) props.primaryAxisAlignItems = node.primaryAxisAlignItems;
+  if ("counterAxisAlignItems" in node) props.counterAxisAlignItems = node.counterAxisAlignItems;
+  if ("paddingLeft" in node) props.paddingLeft = node.paddingLeft;
+  if ("paddingRight" in node) props.paddingRight = node.paddingRight;
+  if ("paddingTop" in node) props.paddingTop = node.paddingTop;
+  if ("paddingBottom" in node) props.paddingBottom = node.paddingBottom;
+  if ("itemSpacing" in node) props.itemSpacing = node.itemSpacing;
+
+  if ("fills" in node) props.fills = clone(node.fills);
+  if ("strokes" in node) props.strokes = clone(node.strokes);
+  if ("strokeWeight" in node) props.strokeWeight = node.strokeWeight;
+  if ("strokeAlign" in node) props.strokeAlign = node.strokeAlign;
+  if ("strokeCap" in node) props.strokeCap = node.strokeCap;
+  if ("strokeJoin" in node) props.strokeJoin = node.strokeJoin;
+  if ("dashPattern" in node) props.dashPattern = node.dashPattern;
+  if ("effects" in node) props.effects = clone(node.effects);
+
+  if (node.type === "TEXT") {
+    const textNode = node as TextNode;
+    props.characters = textNode.characters;
+    props.fontName = clone(textNode.fontName);
+    props.fontSize = textNode.fontSize === figma.mixed ? "mixed" : textNode.fontSize;
+    props.letterSpacing = clone(textNode.letterSpacing);
+    props.lineHeight = clone(textNode.lineHeight);
+    props.textAlignHorizontal = textNode.textAlignHorizontal;
+    props.textAlignVertical = textNode.textAlignVertical;
+    props.textDecoration = textNode.textDecoration;
+    props.textCase = textNode.textCase;
+  }
+
+  if ("children" in node) {
+    props.children = node.children.map(child => extractProperties(child));
+  }
+
+  props.css = figmaToCSS(node);
+  const reactResult = generateReactComponent(node, { getNodeById: figma.getNodeById, config: currentConfig });
+  props.reactCode = reactResult.code;
+  props.fileCount = Object.keys(reactResult.files).length;
+  props.generatedFiles = reactResult.files;
+
+  return props;
+}
+
+function clone(val: any): any {
+  if (val === figma.mixed) return "mixed";
+  const type = typeof val;
+  if (val === null) return null;
+  if (type === "undefined" || type === "number" || type === "string" || type === "boolean") return val;
+  if (type === "object") {
+    if (val instanceof Array) return val.map(x => clone(x));
+    if (val instanceof Uint8Array) return Array.from(val);
+    const ret: any = {};
+    for (const key in val) ret[key] = clone(val[key]);
+    return ret;
+  }
+  return val;
+}
+
+function updateSelection() {
+  const selection = figma.currentPage.selection;
+  const collisions = detectCollisions(selection);
+  const data = selection.map(node => extractProperties(node));
+  const metrics = calculateMetrics(data);
+  metrics.collisions = collisions.length;
+  figma.ui.postMessage({ type: "update-properties", data, metrics, collisions });
+}
+
+figma.on("selectionchange", updateSelection);
+updateSelection();

package/src/plugin/manifest.json

@@ -0,0 +1,9 @@
+{
+  "name": "Figmake Pro",
+  "id": "figmake",
+  "api": "1.0.0",
+  "version": "2.0.0",
+  "main": "dist/code.js",
+  "ui": "dist/ui.html",
+  "editorType": ["figma"]
+}

package/src/plugin/ui.html

@@ -0,0 +1,207 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+      margin: 0; padding: 16px; background-color: #f5f5f5; color: #333; height: 100vh; display: flex; flex-direction: column;
+    }
+    h2 { font-size: 14px; margin: 0 0 12px 0; color: #555; }
+    #output-container {
+      background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 4px; padding: 12px; overflow: auto; flex-grow: 1; margin-bottom: 8px;
+    }
+    pre { font-size: 12px; margin: 0; white-space: pre-wrap; word-wrap: break-word; }
+    .controls { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
+    .button-group { display: flex; gap: 8px; }
+    button {
+      background-color: #18a0fb; color: white; border: none; border-radius: 6px;
+      padding: 8px 12px; font-size: 12px; font-weight: 500; cursor: pointer;
+    }
+    .tabs { display: flex; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0; }
+    .tab { padding: 8px 16px; cursor: pointer; font-size: 12px; font-weight: 500; color: #666; border-bottom: 2px solid transparent; }
+    .tab.active { color: #18a0fb; border-bottom-color: #18a0fb; }
+    .hidden { display: none; }
+    .status-bar {
+      display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 8px; background: #fff; border: 1px solid #eee; font-size: 10px; color: #666;
+    }
+    .status-item { display: flex; align-items: center; gap: 4px; }
+    .toast {
+      position: fixed; top: 20px; left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 8px 16px; border-radius: 20px; font-size: 12px; transition: opacity 0.3s; opacity: 0; pointer-events: none;
+    }
+    .collision-banner { background: #fffbeb; border: 1px solid #fde68a; padding: 8px; font-size: 11px; margin-bottom: 8px; color: #92400e; border-radius: 4px; }
+    .guard-section { margin-bottom: 16px; }
+    .guard-label { font-size: 11px; font-weight: bold; margin-bottom: 4px; color: #666; }
+  </style>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+  <script src="https://unpkg.com/pixelmatch@5.3.0/index.js"></script>
+</head>
+<body>
+  <div class="controls">
+    <h2>Figmake v3.0.0</h2>
+    <div class="button-group">
+      <button id="copy-btn">Copy</button>
+      <button id="zip-btn">Export .ZIP</button>
+    </div>
+  </div>
+
+  <div id="collision-banner" class="collision-banner hidden"></div>
+
+  <div class="tabs">
+    <div id="react-tab" class="tab active">React</div>
+    <div id="css-tab" class="tab">CSS</div>
+    <div id="guard-tab" class="tab">🛡️ Guard</div>
+    <div id="config-tab" class="tab">Settings</div>
+  </div>
+  
+  <div id="output-container">
+    <pre id="react-output"></pre>
+    <pre id="css-output" class="hidden"></pre>
+    
+    <div id="guard-panel" class="hidden">
+       <div class="guard-section">
+         <div class="guard-label">AI Agent Guardrails</div>
+         <div class="button-group">
+           <button id="gen-lockfile-btn">Generate Lockfile</button>
+           <button id="copy-prompt-btn">Copy Prompt Context</button>
+         </div>
+       </div>
+       <div class="guard-section">
+         <label class="guard-label">Agent Specific Rules</label>
+         <select id="agent-selector" style="width: 100%; margin-bottom: 8px;">
+           <option value="cursor">Cursor (.mdc)</option>
+           <option value="claude">Claude (.md)</option>
+           <option value="copilot">Copilot (.md)</option>
+         </select>
+         <button id="gen-rules-btn">Generate Rules</button>
+       </div>
+       <pre id="guard-preview" style="background: #f8f9fa; padding: 8px; border-radius: 4px; border: 1px solid #ddd;"></pre>
+    </div>
+
+    <div id="config-panel" class="hidden">
+       <div>
+         <label>Image Export</label>
+         <select id="imageMode">
+           <option value="placeholder">Placeholder (Blurred)</option>
+           <option value="base64">Base64 (Small assets)</option>
+           <option value="url">Keep URL source</option>
+           <option value="none">None (Empty div)</option>
+         </select>
+       </div>
+       <button id="save-settings" style="margin-top: 10px;">Save Settings</button>
+    </div>
+  </div>
+
+  <div class="status-bar">
+    <div class="status-item">📄 <span id="stat-files">0</span> files</div>
+    <div class="status-item">📝 <span id="stat-lines">0</span> lines</div>
+    <div class="status-item">🎬 <span id="stat-anims">0</span> anims</div>
+    <div id="guard-status" style="grid-column: span 3; border-top: 1px solid #eee; padding-top: 4px; color: #18a0fb;">🛡️ Vibecode Guard Ready</div>
+  </div>
+
+  <div id="toast" class="toast">✓ Copied to clipboard</div>
+
+  <script>
+    let currentData = null;
+    let currentMetrics = null;
+    let currentCollisions = [];
+    let guardData = null;
+
+    window.onmessage = (event) => {
+      const msg = event.data.pluginMessage;
+      if (msg.type === 'settings-loaded') {
+         document.getElementById('imageMode').value = msg.config.imageMode;
+      } else if (msg.type === 'update-properties') {
+        currentData = msg.data;
+        currentMetrics = msg.metrics;
+        currentCollisions = msg.collisions;
+        updateUI();
+      } else if (msg.type === 'guard-data') {
+        guardData = msg;
+        document.getElementById('guard-preview').textContent = msg.lockfile;
+        showToast("✓ Guard data generated");
+      }
+    };
+
+    function updateUI() {
+      if (!currentData) return;
+      document.getElementById('react-output').textContent = currentData[0].reactCode;
+      document.getElementById('css-output').textContent = currentData[0].css;
+
+      // Metrics
+      document.getElementById('stat-files').textContent = currentMetrics.fileCount;
+      document.getElementById('stat-lines').textContent = currentMetrics.totalLines;
+      document.getElementById('stat-anims').textContent = currentMetrics.animations;
+    }
+
+    document.getElementById('gen-lockfile-btn').onclick = () => {
+      parent.postMessage({ pluginMessage: { type: 'generate-guard' } }, '*');
+    };
+
+    document.getElementById('copy-prompt-btn').onclick = () => {
+      if (!guardData) return showToast("⚠️ Generate Guard first");
+      const text = guardData.promptContext;
+      copyText(text);
+      showToast("✓ Prompt context copied");
+    };
+
+    function copyText(text) {
+      const textArea = document.createElement("textarea");
+      textArea.value = text;
+      document.body.appendChild(textArea);
+      textArea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textArea);
+    }
+
+    function showToast(text) {
+      const toast = document.getElementById('toast');
+      toast.textContent = text;
+      toast.style.opacity = '1';
+      setTimeout(() => toast.style.opacity = '0', 2000);
+    }
+
+    const tabs = ['react', 'css', 'guard', 'config'];
+    tabs.forEach(tab => {
+      document.getElementById(tab + '-tab').onclick = () => {
+        tabs.forEach(t => {
+          document.getElementById(t + '-tab').classList.remove('active');
+          const panel = document.getElementById(t + '-output') || document.getElementById(t + '-panel');
+          if (panel) panel.classList.add('hidden');
+        });
+        document.getElementById(tab + '-tab').classList.add('active');
+        const activePanel = document.getElementById(tab + '-output') || document.getElementById(tab + '-panel');
+        if (activePanel) activePanel.classList.remove('hidden');
+      };
+    });
+
+    document.getElementById('copy-btn').onclick = () => {
+       const text = document.getElementById('react-output').textContent;
+       copyText(text);
+       showToast("✓ Copied component");
+    };
+
+    document.getElementById('save-settings').onclick = () => {
+       const config = { imageMode: document.getElementById('imageMode').value };
+       parent.postMessage({ pluginMessage: { type: 'save-settings', config } }, '*');
+    };
+    
+    document.getElementById('zip-btn').onclick = async () => {
+      const zip = new JSZip();
+      currentData.forEach(node => {
+        zip.file(`${node.name}.tsx`, node.reactCode);
+      });
+      zip.file("README.md", "# Figmake Export\nGenerated components.");
+      if (guardData) {
+        zip.file(".figmake.lock", guardData.lockfile);
+      }
+      const blob = await zip.generateAsync({ type: "blob" });
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "figmake-export.zip";
+      a.click();
+    };
+  </script>
+</body>
+</html>

package/src/vibecode-guard/generateClaudeRules.ts

@@ -0,0 +1,25 @@
+import { ExtractedDesignTokens } from '../design-system/extractDesignTokens';
+
+export function generateClaudeRules(tokens: ExtractedDesignTokens): string {
+  return `DESIGN SYSTEM CONSTRAINTS
+
+COLORS:
+primary-500: ${tokens.colors.primary[500]}
+secondary-500: ${tokens.colors.secondary[500]}
+bg-primary: ${tokens.colors.background.primary}
+text-primary: ${tokens.colors.text.primary}
+
+TYPOGRAPHY:
+font: ${tokens.typography.fontFamilies.primary}
+body: ${tokens.typography.scale.base.fontSize}/${tokens.typography.scale.base.lineHeight}
+
+SPACING:
+unit: ${tokens.spacing.unit}px
+scale: [${Object.values(tokens.spacing.scale).join(', ')}]
+
+VIOLATIONS TO AVOID:
+- Do not invent new colors
+- Do not use system fonts instead of ${tokens.typography.fontFamilies.primary}
+- Do not use spacing values outside of the scale
+`;
+}

package/src/vibecode-guard/generateCopilotInstructions.ts

@@ -0,0 +1,18 @@
+import { ExtractedDesignTokens } from '../design-system/extractDesignTokens';
+
+export function generateCopilotInstructions(tokens: ExtractedDesignTokens): string {
+  return `# Copilot Instructions
+
+This project's design system is enforced. Suggestions MUST respect these constraints.
+
+## Style Rules
+- Primary Color: ${tokens.colors.primary[500]}
+- Font: ${tokens.typography.fontFamilies.primary}
+- Spacing Unit: ${tokens.spacing.unit}px
+
+## Implementation
+- Import styles from design token files
+- Use the spacing scale: ${Object.values(tokens.spacing.scale).join(', ')}
+- Match component patterns exactly
+`;
+}

package/src/vibecode-guard/generateCursorRules.ts

@@ -0,0 +1,35 @@
+import { ExtractedDesignTokens } from '../design-system/extractDesignTokens';
+
+export function generateCursorRules(tokens: ExtractedDesignTokens): string {
+  return `---
+description: Design system constraints — DO NOT HALLUCINATE STYLES
+globs: **/*.tsx,**/*.jsx,**/*.css
+alwaysApply: true
+---
+
+# Design System Rules
+
+## Colors — USE EXACTLY THESE, DO NOT INVENT
+- Primary: ${tokens.colors.primary[500]} (500), ${tokens.colors.primary[600]} (600)
+- Secondary: ${tokens.colors.secondary[500]} (500)
+- Background: ${tokens.colors.background.primary} (primary), ${tokens.colors.background.secondary} (secondary)
+- Text: ${tokens.colors.text.primary} (primary), ${tokens.colors.text.secondary} (secondary)
+
+## Typography — EXACT VALUES
+- Font: ${tokens.typography.fontFamilies.primary}
+- Headings: ${tokens.typography.scale['2xl'].fontSize}/${tokens.typography.scale['2xl'].lineHeight} (h1), ${tokens.typography.scale.xl.fontSize} (h2)
+- Body: ${tokens.typography.scale.base.fontSize}/${tokens.typography.scale.base.lineHeight}
+
+## Spacing Scale — USE THESE, NOT RANDOM VALUES
+- Base unit: ${tokens.spacing.unit}px
+- Scale: ${Object.values(tokens.spacing.scale).join(', ')}
+
+## When Building Components:
+1. ALWAYS import colors from the design token file
+2. NEVER use arbitrary color values
+3. NEVER change font families
+4. USE the spacing scale for all padding/margin/gap
+5. MATCH border-radius to the design system (${tokens.borderRadius.scale.join(', ')})
+6. WHEN IN DOUBT, reference the .figmake.lock file
+`;
+}

package/src/vibecode-guard/generateLockfile.ts

@@ -0,0 +1,19 @@
+import { ExtractedDesignTokens } from '../design-system/extractDesignTokens';
+
+export function generateLockfile(projectName: string, fileId: string, tokens: ExtractedDesignTokens): string {
+  const lockfile = {
+    version: "2.0.0",
+    figmaFile: projectName,
+    figmaFileId: fileId,
+    extractedAt: new Date().toISOString(),
+    designTokens: tokens,
+    componentLibrary: {}, // Would be populated by analyzing component sets
+    constraints: {
+      maxWidth: "1200px",
+      gridColumns: 12,
+      gutterWidth: "24px"
+    }
+  };
+
+  return JSON.stringify(lockfile, null, 2);
+}

package/src/vibecode-guard/generatePromptContext.ts

@@ -0,0 +1,15 @@
+import { ExtractedDesignTokens } from '../design-system/extractDesignTokens';
+
+export function generatePromptContext(tokens: ExtractedDesignTokens): string {
+  return `
+DESIGN SYSTEM (DO NOT DEVIATE):
+- Primary: ${tokens.colors.primary[500]} (500), ${tokens.colors.primary[600]} (600)
+- Secondary: ${tokens.colors.secondary[500]} (500)
+- Font: ${tokens.typography.fontFamilies.primary}
+- Spacing: ${tokens.spacing.unit}px base unit
+- Radius: ${tokens.borderRadius.scale.join(', ')}
+
+When building components for this project, use EXACTLY these values.
+Do not approximate, round, or substitute. Reference the .figmake.lock file.
+`;
+}

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "outDir": "dist",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*"]
+}