Add script to fix Markdown files by protecting code blocks with raw tags; update multiple lesson files to include raw tags for code snippets

Author: cleberhensel

fix-all-liquid.py

@@ -0,0 +1,117 @@
+#!/usr/bin/env python3
+import re
+from pathlib import Path
+
+def protect_code_blocks(content):
+    lines = content.split('\n')
+    result = []
+    in_code_block = False
+    code_block_start = -1
+    code_block_lang = None
+    code_block_lines = []
+    
+    i = 0
+    while i < len(lines):
+        line = lines[i]
+        
+        if line.strip().startswith('```'):
+            if in_code_block:
+                code_block_content = '\n'.join(code_block_lines)
+                if '{{' in code_block_content and ('|' in code_block_content or '?' in code_block_content or '===' in code_block_content or '||' in code_block_content):
+                    result.append('{% raw %}')
+                    result.append(f'```{code_block_lang}')
+                    result.extend(code_block_lines)
+                    result.append('```')
+                    result.append('{% endraw %}')
+                else:
+                    result.append(f'```{code_block_lang}')
+                    result.extend(code_block_lines)
+                    result.append('```')
+                
+                in_code_block = False
+                code_block_start = -1
+                code_block_lang = None
+                code_block_lines = []
+            else:
+                in_code_block = True
+                code_block_start = i
+                match = re.match(r'```(\w*)', line)
+                code_block_lang = match.group(1) if match else ''
+            i += 1
+            continue
+        
+        if in_code_block:
+            code_block_lines.append(line)
+        else:
+            if re.search(r'\{\{.*\|.*\}\}', line) or re.search(r'\{\{.*\?.*:.*\}\}', line) or re.search(r'\{\{.*===.*\}\}', line) or re.search(r'\{\{.*\|\|.*\}\}', line) or re.search(r'\{\{.*\+.*\}\}', line):
+                if not (line.strip().startswith('{% raw %}') or line.strip().startswith('{% endraw %}')):
+                    if not any('{% raw %}' in l for l in result[-5:]):
+                        result.append('{% raw %}')
+                    result.append(line)
+                    if i + 1 >= len(lines) or not (re.search(r'\{\{.*\|.*\}\}', lines[i+1]) or re.search(r'\{\{.*\?.*:.*\}\}', lines[i+1]) or re.search(r'\{\{.*===.*\}\}', lines[i+1]) or re.search(r'\{\{.*\|\|.*\}\}', lines[i+1]) or re.search(r'\{\{.*\+.*\}\}', lines[i+1])):
+                        result.append('{% endraw %}')
+                else:
+                    result.append(line)
+            else:
+                if any('{% raw %}' in l for l in result[-5:]) and not any('{% endraw %}' in l for l in result[-5:]):
+                    if not (re.search(r'\{\{.*\|.*\}\}', line) or re.search(r'\{\{.*\?.*:.*\}\}', line) or re.search(r'\{\{.*===.*\}\}', line) or re.search(r'\{\{.*\|\|.*\}\}', line) or re.search(r'\{\{.*\+.*\}\}', line)):
+                        result.append('{% endraw %}')
+                result.append(line)
+        
+        i += 1
+    
+    if in_code_block:
+        code_block_content = '\n'.join(code_block_lines)
+        if '{{' in code_block_content:
+            result.append('{% raw %}')
+            result.append(f'```{code_block_lang}')
+            result.extend(code_block_lines)
+            result.append('```')
+            result.append('{% endraw %}')
+        else:
+            result.append(f'```{code_block_lang}')
+            result.extend(code_block_lines)
+            result.append('```')
+    
+    final_content = '\n'.join(result)
+    
+    final_content = re.sub(r'\{% raw %\}\s*\{% raw %\}', '{% raw %}', final_content)
+    final_content = re.sub(r'\{% endraw %\}\s*\{% endraw %\}', '{% endraw %}', final_content)
+    
+    return final_content
+
+def process_file(file_path):
+    try:
+        with open(file_path, 'r', encoding='utf-8') as f:
+            content = f.read()
+        
+        if '{{' in content:
+            new_content = protect_code_blocks(content)
+            if new_content != content:
+                with open(file_path, 'w', encoding='utf-8') as f:
+                    f.write(new_content)
+                print(f"Fixed: {file_path}")
+                return True
+    except Exception as e:
+        print(f"Error processing {file_path}: {e}")
+    
+    return False
+
+def main():
+    base_dir = Path(__file__).parent
+    modules_dir = base_dir / 'modules'
+    
+    if not modules_dir.exists():
+        print(f"Modules directory not found: {modules_dir}")
+        return
+    
+    fixed_count = 0
+    for md_file in modules_dir.rglob('*.md'):
+        if process_file(md_file):
+            fixed_count += 1
+    
+    print(f"\nTotal files fixed: {fixed_count}")
+
+if __name__ == '__main__':
+    main()
+

modules/module-1/lessons/exercises/lesson-1-2-exercise-5-integracao-angular.md

@@ -165,6 +165,7 @@ export class ProductListComponent implements OnInit {
 ```
 
 **product-list.component.html**
+{% raw %}
 ```html
 <div class="product-list">
   <h2>Lista de Produtos</h2>
@@ -192,6 +193,7 @@ export class ProductListComponent implements OnInit {
   </div>
 </div>
 ```
+{% endraw %}
 
 **product.service.ts** (se não existir)
 ```typescript

modules/module-1/lessons/exercises/lesson-1-3-exercise-2-input-output.md

@@ -94,6 +94,7 @@ onClick(): void {
 
 ### Dica 4: Classes Dinâmicas no Template
 
+{% raw %}
 ```html
 <button 
   [class.btn-primary]="variant === 'primary'"
@@ -102,6 +103,7 @@ onClick(): void {
   {{ label }}
 </button>
 ```
+{% endraw %}
 
 ### Dica 5: Usar ngClass
 
@@ -228,6 +230,7 @@ import { ButtonComponent } from './button/button.component';
   selector: 'app-root',
   standalone: true,
   imports: [ButtonComponent],
+{% raw %}
   template: `
     <app-button 
       label="Clique Aqui"
@@ -251,6 +254,7 @@ import { ButtonComponent } from './button/button.component';
       (clicked)="onDelete()">
     </app-button>
   `
+{% endraw %}
 })
 export class AppComponent {
   isDeleting: boolean = false;

modules/module-1/lessons/exercises/lesson-1-3-exercise-3-template-avancado.md

@@ -90,11 +90,13 @@ interface User {
 
 ### Dica 3: Classes Condicionais
 
+{% raw %}
 ```html
 <button [class.following]="user.isFollowing">
   {{ user.isFollowing ? 'Seguindo' : 'Seguir' }}
 </button>
 ```
+{% endraw %}
 
 ### Dica 4: *ngFor para Estatísticas
 
@@ -178,6 +180,7 @@ export class UserProfileComponent {
 ```
 
 **user-profile.component.html**
+{% raw %}
 ```html
 <div class="user-profile">
   <div class="profile-header">
@@ -227,6 +230,7 @@ export class UserProfileComponent {
   </div>
 </div>
 ```
+{% endraw %}
 
 **user-profile.component.css**
 ```css

modules/module-1/lessons/exercises/lesson-1-3-exercise-5-ciclo-vida.md

@@ -376,6 +376,7 @@ export class LifecycleDemoComponent implements
 ```
 
 **app.component.ts** (exemplo de uso)
+{% raw %}
 ```typescript
 import { Component } from '@angular/core';
 import { LifecycleDemoComponent } from './lifecycle-demo/lifecycle-demo.component';
@@ -408,6 +409,7 @@ export class AppComponent {
   }
 }
 ```
+{% endraw %}
 
 **Explicação da Solução**:
 

modules/module-1/lessons/exercises/lesson-1-3-exercise-6-projecao-conteudo.md

@@ -228,6 +228,7 @@ import { CommonModule } from '@angular/common';
   selector: 'app-exemplo-uso',
   standalone: true,
   imports: [CardComponent, CommonModule],
+{% raw %}
   template: `
     <h1>Exemplos de Uso do Card Component</h1>
     
@@ -267,6 +268,7 @@ import { CommonModule } from '@angular/common';
       </div>
     </app-card>
   `
+{% endraw %}
 })
 export class ExemploUsoComponent {
   lastUpdate: string = new Date().toLocaleDateString();

modules/module-1/lessons/exercises/lesson-1-4-exercise-1-two-way-binding.md

@@ -159,6 +159,7 @@ export class ContactFormComponent {
 ```
 
 **contact-form.component.html**
+{% raw %}
 ```html
 <div class="contact-form">
   <h2>Formulário de Contato</h2>
@@ -239,6 +240,7 @@ export class ContactFormComponent {
   </div>
 </div>
 ```
+{% endraw %}
 
 **contact-form.component.css**
 ```css

modules/module-1/lessons/exercises/lesson-1-4-exercise-2-ngfor-filtros.md

@@ -175,6 +175,7 @@ export class ProductListComponent implements OnInit {
 ```
 
 **product-list.component.html**
+{% raw %}
 ```html
 <div class="product-list">
   <h2>Lista de Produtos</h2>
@@ -209,6 +210,7 @@ export class ProductListComponent implements OnInit {
   </div>
 </div>
 ```
+{% endraw %}
 
 **product-list.component.css**
 ```css

modules/module-1/lessons/exercises/lesson-1-4-exercise-3-ngclass-dinamico.md

@@ -224,6 +224,7 @@ import { StatusComponent } from './status/status.component';
   selector: 'app-exemplo-uso',
   standalone: true,
   imports: [StatusComponent],
+{% raw %}
   template: `
     <div class="status-examples">
       <h2>Exemplos de Status</h2>
@@ -237,6 +238,7 @@ import { StatusComponent } from './status/status.component';
       <app-status status="error" label="Falha na Conexão" [showIcon]="false"></app-status>
     </div>
   `
+{% endraw %}
 })
 export class ExemploUsoComponent {}
 ```

modules/module-1/lessons/exercises/lesson-1-4-exercise-4-ngstyle-dinamico.md

@@ -139,6 +139,7 @@ export class ColorPickerComponent {
 ```
 
 **color-picker.component.html**
+{% raw %}
 ```html
 <div class="color-picker">
   <h2>Seletor de Cores e Estilos</h2>
@@ -200,6 +201,7 @@ export class ColorPickerComponent {
   </div>
 </div>
 ```
+{% endraw %}
 
 **color-picker.component.css**
 ```css