Pattern 1: Create Component
       ↓
Pattern 2: Create Story
       ↓
Pattern 3: Create Tests
       ↓
Pattern 4: Run Tests

{
  "patterns": [
    {
      "onCreateFile": "{{COMPONENTS_DIR}}/**/*.tsx",
      "notify": [
        {
          "folder": "src/stories/",
          "description": "📖 Create Storybook Story"
        }
      ],
      "description": "🆕 Component created → Story to create"
    },
    {
      "onCreateFile": "src/stories/**/*.stories.tsx",
      "notify": [
        {
          "folder": "{{TESTS_DIR}}/stories/",
          "description": "🧪 Create Story tests"
        }
      ],
      "description": "📖 Story created → Tests to create"
    },
    {
      "onCreateFile": "{{TESTS_DIR}}/stories/**/*.test.tsx",
      "notify": [
        {
          "commands": ["pnpm run test:stories"],
          "description": "🚀 Run Story tests"
        }
      ],
      "description": "🧪 Tests created → Auto execution"
    }
  ]
}

# See all active patterns
Ctrl+Shift+P → "ModCodePattern: View Adaptive Variables"

# Observe todo list after each action
Ctrl+Shift+P → "ModCodePattern: Open Todo List"

{
  "p|" ← Type "p" then Ctrl+Space
}

{
  "patterns": [
    {
      "onChange": "src/*.ts",
      "notify": 123  ← ❌ Detected error: must be string or array
    }
  ]
}

{
  "patterns": [
    {
      "onChange": "src/api/**/*.ts",
      "notify": [
        {
          "file": "src/types/api.ts",
          "description": "📘 Update types"
        },
        {
          "folder": "tests/api/",
          "description": "🧪 Create/update tests"
        }
      ],
      "description": "🔧 API modified"
    }
  ]
}

{
  "variables": {
    "PROJECT_NAME": "MyApp",
    "API_VERSION": "v2",
    "CUSTOM_DIR": "lib/special"
  },
  "patterns": [
    {
      "onChange": "{{CUSTOM_DIR}}/**/*.ts",
      "notify": ["docs/{{PROJECT_NAME}}/{{API_VERSION}}/changelog.md"],
      "description": "📋 Update changelog {{PROJECT_NAME}}"
    }
  ]
}

{
  "imports": [
    ".mod-patterns/react.json",
    ".mod-patterns/api.json",
    ".mod-patterns/testing.json"
  ],
  "patterns": [
    {
      "onChange": "package.json",
      "notify": ["README.md"],
      "description": "📦 Dependencies modified"
    }
  ]
}

{
  "patterns": [
    {
      "onCreateFile": "{{COMPONENTS_DIR}}/**/*.tsx",
      "notify": [
        {
          "file": "{{COMPONENTS_DIR}}/index.ts",
          "description": "📦 Add component export"
        },
        {
          "folder": "{{TESTS_DIR}}/components/",
          "description": "🧪 Create tests"
        }
      ],
      "description": "🆕 New React component"
    }
  ]
}

{
  "description": {
    "fr": "📦 Composant modifié",
    "en": "📦 Component modified"
  },
  "notify": [
    {
      "file": "src/components/index.ts",
      "description": {
        "fr": "📦 Ajouter l'export du composant",
        "en": "📦 Add component export"
      }
    }
  ]
}

Ctrl+Shift+P → "ModCodePattern: Toggle Notifications"

// settings.json
{
  "modcodepattern.notifications.enabled": false
}

// Your normal code
export const Button = () => {
  return <button>Click me</button>;
};

// 📝 🔄 API modified - synchronize types

{
  "patterns": [
    {
      "onChange": "src/api/**/*.ts",
      "notify": [
        {
          "file": "src/types/api.ts",
          "description": "📘 Update types"
        }
      ],
      "description": "🔧 API modified",
      "showInlineHint": true // ← Show hints (default)
    },
    {
      "onChange": ".env",
      "notify": [
        {
          "file": "docker-compose.yml",
          "description": "🐳 Update Docker"
        }
      ],
      "description": "🔧 Configuration modified",
      "showInlineHint": false // ← Hide hints
    }
  ]
}

{
  "patterns": [
    {
      "id": "component-created",
      "onCreateFile": "{{COMPONENTS_DIR}}/**/*.tsx",
      "notify": [
        {
          "file": "{{COMPONENTS_DIR}}/index.ts",
          "description": "📦 Add component export"
        }
      ],
      "description": "🆕 New component created",
      "triggerNext": "component-exported"
    },
    {
      "id": "component-exported",
      "onTrigger": true,
      "notify": [
        {
          "folder": "src/stories/",
          "description": "📖 Create Storybook story"
        }
      ],
      "description": "📦 Export added → Create story",
      "triggerNext": "story-created"
    },
    {
      "id": "story-created",
      "onTrigger": true,
      "notify": [
        {
          "folder": "{{TESTS_DIR}}/components/",
          "description": "🧪 Create component tests"
        }
      ],
      "description": "📖 Story created → Create tests"
    }
  ]
}

{
  "patterns": [
    {
      "onCreateFile": "src/components/**/*.tsx",
      "notify": [
        {
          "url": "https://docs.react.dev/reference/react",
          "description": "📚 Check React documentation"
        },
        {
          "externalFile": "/Users/dev/shared/component-guidelines.md",
          "description": "📋 Read component guidelines"
        },
        {
          "application": "figma://file/design-system",
          "description": "🎨 Check design in Figma"
        }
      ],
      "description": "🆕 New component → External resources"
    }
  ]
}

{
  "patterns": [
    {
      "onChange": "src/config/api.ts",
      "contentFilter": {
        "pattern": "baseURL.*=.*['\"](.*)['\""]",
        "type": "regex"
      },
      "notify": [
        {
          "file": "README.md",
          "description": "📚 Update URL in documentation"
        }
      ],
      "description": "🔗 API URL modified"
    },
    {
      "onChange": "package.json",
      "contentFilter": {
        "pattern": "dependencies",
        "type": "line-contains"
      },
      "notify": [
        {
          "commands": ["npm install"],
          "description": "📦 Install new dependencies"
        }
      ],
      "description": "📦 Dependencies modified"
    }
  ]
}

{
  "onManual": "deployFeature",
  "manualTitle": "🚀 Deploy to Production",
  "description": "Complete deployment workflow",
  "notify": [
    {
      "commands": ["npm run build", "npm run test"],
      "description": "🔧 Build and test"
    },
    {
      "file": "CHANGELOG.md",
      "description": "📋 Update changelog"
    },
    {
      "url": "https://dashboard.production.com",
      "description": "🌐 Open monitoring dashboard"
    }
  ]
}