Adds fragment to shorthand example

Author: kopekC

examples/fragment_to_shorthand/README.md

@@ -0,0 +1,67 @@
+# Transform React Fragment to Shorthand Syntax
+
+This example demonstrates how to use Codegen to automatically convert React Fragment components to the shorthand syntax (<>). The script makes this process simple by handling all the tedious manual updates automatically.
+
+> [!NOTE]
+> This codemod helps modernize React codebases by using the more concise fragment syntax while maintaining functionality.
+
+## How the Migration Script Works
+
+The script automates the entire conversion process in a few key steps:
+
+1. **Fragment Detection**
+   ```jsx
+   // From:
+   <Fragment>
+     <div>Hello</div>
+     <div>World</div>
+   </Fragment>
+
+   // To:
+   <>
+     <div>Hello</div>
+     <div>World</div>
+   </>
+   ```
+
+2. **Import Cleanup**
+   ```typescript
+   // From:
+   import React, { Fragment } from 'react';
+
+   // To:
+   import React from 'react';
+   ```
+
+## Why This Makes Migration Easy
+
+1. **Zero Manual Updates**
+   - Codegen SDK handles all Fragment replacements
+   - Automatically cleans up imports
+
+2. **Consistent Changes**
+   - Ensures all Fragments are converted
+   - Maintains code functionality
+
+3. **Safe Transformations**
+   - Preserves JSX structure
+   - Handles nested Fragments correctly
+
+## Running the Migration
+
+
+The script will:
+1. Find all Fragment components
+2. Convert them to shorthand syntax
+3. Clean up Fragment imports
+4. Preserve other React imports
+
+## Learn More
+
+- [React Fragments](https://react.dev/reference/react/Fragment)
+- [JSX Fragments](https://react.dev/reference/jsx#jsx-fragments)
+- [Codegen Documentation](https://docs.codegen.com)
+- [More on Codegen SDK jsx elements API](https://docs.codegen.com/api-reference/typescript/JSXElement#jsxelement)
+## Contributing
+
+Feel free to submit issues and enhancement requests! 

examples/fragment_to_shorthand/run.py

@@ -0,0 +1,37 @@
+import codegen
+from codegen import Codebase
+from codegen.sdk.enums import ProgrammingLanguage
+
+@codegen.function("fragment_to_shorthand")
+def run(codebase: Codebase):
+    print("🔍 Starting Fragment syntax conversion...")
+    
+    for file in codebase.files:
+        print(f"📁 Processing: {file.filepath}")
+        
+        fragments_found = False
+        
+        # Convert Fragment components to shorthand
+        for element in file.jsx_elements:
+            if element.name == "Fragment":
+                print(f"🔄 Converting Fragment in {file.filepath}")
+                element.set_name("")  # Convert to <> syntax
+                fragments_found = True
+        
+        # Clean up Fragment imports if we found and converted any
+        if fragments_found:
+            for import_stmt in file.import_statements:
+                for imp in import_stmt.imports:
+                    if imp.name == "Fragment":
+                        print(f"🧹 Removing Fragment import from {file.filepath}")
+                        imp.remove()
+        
+        if fragments_found:
+            print(f"✨ Completed conversion in {file.filepath}")
+            codebase.commit()
+
+if __name__ == "__main__":
+    print("🎯 Starting Fragment to shorthand conversion...")
+    codebase = Codebase.from_repo("RocketChat/Rocket.Chat",commit="a4f2102af1c2e875c60cafebd0163105bdaca678",programming_language=ProgrammingLanguage.TYPESCRIPT)
+    run(codebase)
+    print("✅ Done! All Fragments converted to shorthand syntax!")