style: format all files with prettier

plugins/framework-migration/skills/dependency-upgrade/SKILL.md

@@ -34,6 +34,7 @@ PATCH: Bug fixes, backward compatible
 ## Dependency Analysis
 
 ### Audit Dependencies
+
 ```bash
 # npm
 npm outdated
@@ -50,6 +51,7 @@ npx npm-check-updates -u  # Update package.json
 ```
 
 ### Analyze Dependency Tree
+
 ```bash
 # See why a package is installed
 npm ls package-name
@@ -68,23 +70,23 @@ npx madge --image graph.png src/
 ```javascript
 // compatibility-matrix.js
 const compatibilityMatrix = {
-  'react': {
-    '16.x': {
-      'react-dom': '^16.0.0',
-      'react-router-dom': '^5.0.0',
-      '@testing-library/react': '^11.0.0'
+  react: {
+    "16.x": {
+      "react-dom": "^16.0.0",
+      "react-router-dom": "^5.0.0",
+      "@testing-library/react": "^11.0.0",
     },
-    '17.x': {
-      'react-dom': '^17.0.0',
-      'react-router-dom': '^5.0.0 || ^6.0.0',
-      '@testing-library/react': '^12.0.0'
+    "17.x": {
+      "react-dom": "^17.0.0",
+      "react-router-dom": "^5.0.0 || ^6.0.0",
+      "@testing-library/react": "^12.0.0",
     },
-    '18.x': {
-      'react-dom': '^18.0.0',
-      'react-router-dom': '^6.0.0',
-      '@testing-library/react': '^13.0.0'
-    }
-  }
+    "18.x": {
+      "react-dom": "^18.0.0",
+      "react-router-dom": "^6.0.0",
+      "@testing-library/react": "^13.0.0",
+    },
+  },
 };
 
 function checkCompatibility(packages) {
@@ -95,6 +97,7 @@ function checkCompatibility(packages) {
 ## Staged Upgrade Strategy
 
 ### Phase 1: Planning
+
 ```bash
 # 1. Identify current versions
 npm list --depth=0
@@ -112,6 +115,7 @@ echo "Upgrade order:
 ```
 
 ### Phase 2: Incremental Updates
+
 ```bash
 # Don't upgrade everything at once!
 
@@ -135,17 +139,18 @@ npm install react-router-dom@6
 ```
 
 ### Phase 3: Validation
+
 ```javascript
 // tests/compatibility.test.js
-describe('Dependency Compatibility', () => {
-  it('should have compatible React versions', () => {
-    const reactVersion = require('react/package.json').version;
-    const reactDomVersion = require('react-dom/package.json').version;
+describe("Dependency Compatibility", () => {
+  it("should have compatible React versions", () => {
+    const reactVersion = require("react/package.json").version;
+    const reactDomVersion = require("react-dom/package.json").version;
 
     expect(reactVersion).toBe(reactDomVersion);
   });
 
-  it('should not have peer dependency warnings', () => {
+  it("should not have peer dependency warnings", () => {
     // Run npm ls and check for warnings
   });
 });
@@ -154,6 +159,7 @@ describe('Dependency Compatibility', () => {
 ## Breaking Change Handling
 
 ### Identifying Breaking Changes
+
 ```bash
 # Use changelog parsers
 npx changelog-parser react 16.0.0 17.0.0
@@ -163,6 +169,7 @@ curl https://raw.githubusercontent.com/facebook/react/main/CHANGELOG.md
 ```
 
 ### Codemod for Automated Fixes
+
 ```bash
 # React upgrade codemods
 npx react-codeshift <transform> <path>
@@ -175,25 +182,26 @@ npx react-codeshift \
 ```
 
 ### Custom Migration Script
+
 ```javascript
 // migration-script.js
-const fs = require('fs');
-const glob = require('glob');
+const fs = require("fs");
+const glob = require("glob");
 
-glob('src/**/*.tsx', (err, files) => {
-  files.forEach(file => {
-    let content = fs.readFileSync(file, 'utf8');
+glob("src/**/*.tsx", (err, files) => {
+  files.forEach((file) => {
+    let content = fs.readFileSync(file, "utf8");
 
     // Replace old API with new API
     content = content.replace(
       /componentWillMount/g,
-      'UNSAFE_componentWillMount'
+      "UNSAFE_componentWillMount",
     );
 
     // Update imports
     content = content.replace(
       /import { Component } from 'react'/g,
-      "import React, { Component } from 'react'"
+      "import React, { Component } from 'react'",
     );
 
     fs.writeFileSync(file, content);
@@ -204,6 +212,7 @@ glob('src/**/*.tsx', (err, files) => {
 ## Testing Strategy
 
 ### Unit Tests
+
 ```javascript
 // Ensure tests pass before and after upgrade
 npm run test
@@ -213,26 +222,28 @@ npm install @testing-library/react@latest
 ```
 
 ### Integration Tests
+
 ```javascript
 // tests/integration/app.test.js
-describe('App Integration', () => {
-  it('should render without crashing', () => {
+describe("App Integration", () => {
+  it("should render without crashing", () => {
     render(<App />);
   });
 
-  it('should handle navigation', () => {
+  it("should handle navigation", () => {
     const { getByText } = render(<App />);
-    fireEvent.click(getByText('Navigate'));
-    expect(screen.getByText('New Page')).toBeInTheDocument();
+    fireEvent.click(getByText("Navigate"));
+    expect(screen.getByText("New Page")).toBeInTheDocument();
   });
 });
 ```
 
 ### Visual Regression Tests
+
 ```javascript
 // visual-regression.test.js
-describe('Visual Regression', () => {
-  it('should match snapshot', () => {
+describe("Visual Regression", () => {
+  it("should match snapshot", () => {
     const { container } = render(<App />);
     expect(container.firstChild).toMatchSnapshot();
   });
@@ -240,15 +251,16 @@ describe('Visual Regression', () => {
 ```
 
 ### E2E Tests
+
 ```javascript
 // cypress/e2e/app.cy.js
-describe('E2E Tests', () => {
-  it('should complete user flow', () => {
-    cy.visit('/');
+describe("E2E Tests", () => {
+  it("should complete user flow", () => {
+    cy.visit("/");
     cy.get('[data-testid="login"]').click();
-    cy.get('input[name="email"]').type('user@example.com');
+    cy.get('input[name="email"]').type("user@example.com");
     cy.get('button[type="submit"]').click();
-    cy.url().should('include', '/dashboard');
+    cy.url().should("include", "/dashboard");
   });
 });
 ```
@@ -256,6 +268,7 @@ describe('E2E Tests', () => {
 ## Automated Dependency Updates
 
 ### Renovate Configuration
+
 ```json
 // renovate.json
 {
@@ -277,6 +290,7 @@ describe('E2E Tests', () => {
 ```
 
 ### Dependabot Configuration
+
 ```yaml
 # .github/dependabot.yml
 version: 2
@@ -322,6 +336,7 @@ fi
 ## Common Upgrade Patterns
 
 ### Lock File Management
+
 ```bash
 # npm
 npm install --package-lock-only  # Update lock file only
@@ -333,6 +348,7 @@ yarn upgrade-interactive  # Interactive upgrades
 ```
 
 ### Peer Dependency Resolution
+
 ```bash
 # npm 7+: strict peer dependencies
 npm install --legacy-peer-deps  # Ignore peer deps
@@ -342,6 +358,7 @@ npm install --force
 ```
 
 ### Workspace Upgrades
+
 ```bash
 # Update all workspace packages
 npm install --workspaces
@@ -375,6 +392,7 @@ npm install package@latest --workspace=packages/app
 
 ```markdown
 Pre-Upgrade:
+
 - [ ] Review current dependency versions
 - [ ] Read changelogs for breaking changes
 - [ ] Create feature branch
@@ -382,6 +400,7 @@ Pre-Upgrade:
 - [ ] Run full test suite (baseline)
 
 During Upgrade:
+
 - [ ] Upgrade one dependency at a time
 - [ ] Update peer dependencies
 - [ ] Fix TypeScript errors
@@ -390,6 +409,7 @@ During Upgrade:
 - [ ] Check bundle size impact
 
 Post-Upgrade:
+
 - [ ] Full regression testing
 - [ ] Performance testing
 - [ ] Update documentation