Migrate PT card 022 to Mermaid format with SVG generation

Co-authored-by: jtemporal <[email protected]>

Author: Copilot

_posts/2021-10-13-022.md

@@ -1,11 +1,22 @@
 ---
 layout: post
-title: '#022 git remote rename atual novo'
-image: "https://res.cloudinary.com/jesstemporal/image/upload/f_auto/v1642878674/gitfichas/pt/022/thumbnail_rzvcmn.jpg"
-permalink: "/projects/022"
+pretitle: Como
+title: Renomeando
+subtitle: um remote
+command: git remote rename atual novo
+descriptors:
+  - command: comando para\ngerenciar remotes
+  - part1: comando para\nrenomear o remote
+  - part2: nome atual do remote
+  - part3: novo nome do remote
+author: "@jtemporal"
+number: "022"
+mermaid: true
+use_static_image: true
 translations:
 - lang: en
   url: /en/022
+permalink: "/projects/022"
 lang: "pt"
 pv:
   url: "/projects/021"
@@ -14,14 +25,5 @@ nt:
   url: "/projects/023"
   title: "#023 git push --set-upstream remote branch"
 ---
-##### Como renomear um remote
-
-<img alt="Use o comando 'git remote rename atual novo' para dar um novo nome para um remote pre-existente" src="https://res.cloudinary.com/jesstemporal/image/upload/v1642878674/gitfichas/pt/022/full_ww7jh5.jpg"><br><br>
 
-| Comando | Descrição |
-|---------|-------------|
-| `remote` | Comando para gerenciar remotes |
-| `rename` | Comando para renomear o remote |
-| `atual` | Nome atual do remote |
-| `novo` | Novo nome do remote |
-{: .styled-table}
+{% include mermaid-graphs.html %}

assets/img/mermaid/022-es.svg

@@ -12,6 +12,7 @@ descriptors:
 author: "@jtemporal"
 number: "022"
 mermaid: true
+use_static_image: true
 permalink: "/es/022"
 translations:
 - lang: pt

assets/img/mermaid/022.svg

@@ -0,0 +1,7 @@
+{
+  "args": [
+    "--no-sandbox",
+    "--disable-setuid-sandbox"
+  ],
+  "executablePath": "/usr/bin/chromium-browser"
+}

es/_posts/2021-10-13-022.md

@@ -39,6 +39,9 @@ def _setup_paths(self):
 
         # Theme configuration
         self.theme_path = self.root_dir / 'gitfichas-mermaid-theme.json'
+        
+        # Puppeteer configuration
+        self.puppeteer_config_path = self.root_dir / 'puppeteer-config.json'
 
     def _setup_directories(self):
         """Create required directories if they don't exist."""
@@ -92,7 +95,7 @@ def cleanup_temp_files(self):
 
     def get_mermaid_cli_command(self, temp_file: Path, output_path: Path) -> list:
         """Get the Mermaid CLI command arguments."""
-        return [
+        cmd = [
             'npx', '@mermaid-js/mermaid-cli',
             '-i', str(temp_file),
             '-o', str(output_path),
@@ -103,6 +106,12 @@ def get_mermaid_cli_command(self, temp_file: Path, output_path: Path) -> list:
             '--configFile', str(self.theme_path),
             '--cssFile', str(self.combined_css_path)
         ]
+        
+        # Add puppeteer config if it exists
+        if self.puppeteer_config_path.exists():
+            cmd.extend(['--puppeteerConfigFile', str(self.puppeteer_config_path)])
+        
+        return cmd
 
     def get_image_path(self, front_matter: Dict[str, Any], file_path: Path) -> Path:
         """Determine the output image path based on front matter and file path."""