# Description of Changes
This pull request introduces dynamic document meta tag management and
improves URL routing and tool metadata handling in the frontend. The
most significant changes are the addition of a custom hook to update
document meta tags (including OpenGraph tags) based on the selected
tool, enhancements to the tool selection context for better URL
synchronization, and enrichment of the `Tool` type and tool registry
with more metadata.

**Dynamic document meta management:**

* Added a new `useDocumentMeta` hook that updates the page's `<title>`,
description, and OpenGraph meta tags based on the currently selected
tool, and restores the original values on cleanup.
(`frontend/src/hooks/useDocumentMeta.ts`)
* Integrated `useDocumentMeta` into `HomePageContent` so the document's
meta tags dynamically reflect the selected tool's metadata, improving
SEO and social sharing. (`frontend/src/pages/HomePage.tsx`)
[[1]](diffhunk://#diff-85c26b21681286c20e97a26a4912f0b91812776c9d4d0c54aa541fded2565c7eR2-R8)
[[2]](diffhunk://#diff-85c26b21681286c20e97a26a4912f0b91812776c9d4d0c54aa541fded2565c7eR17)
[[3]](diffhunk://#diff-85c26b21681286c20e97a26a4912f0b91812776c9d4d0c54aa541fded2565c7eR28-R37)

**Tool metadata and context improvements:**

* Enhanced the `Tool` type and tool registry to include `title` and
`description` fields, which are now translated and used throughout the
UI and meta tags. (`frontend/src/types/tool.ts`,
`frontend/src/hooks/useToolManagement.tsx`)
[[1]](diffhunk://#diff-0b557df7bd27ac90cd2f925ddd8ef8096ea2decfaee9a5c12a94dc7a03c64bfaR46)
[[2]](diffhunk://#diff-57f8a6b3e75ecaec10ad445b01afe8fccc376af6f8ad4d693c68cf98e8863273L116-R118)
* Updated the `ToolWorkflowContext` to use the new `Tool` type for
`selectedTool`, replacing the previous `ToolConfiguration` type.
(`frontend/src/contexts/ToolWorkflowContext.tsx`)
[[1]](diffhunk://#diff-9b36e2c06dddbcfba6cb66fd0b303b7860f88ca8b562bb2534af1ab50390d385L6-R8)
[[2]](diffhunk://#diff-9b36e2c06dddbcfba6cb66fd0b303b7860f88ca8b562bb2534af1ab50390d385L72-R72)

**URL routing and synchronization:**

* Implemented logic in `ToolWorkflowContext` to synchronize the selected
tool with the browser URL, initialize tool selection from the URL on
load, and handle browser navigation (back/forward) for tool selection.
(`frontend/src/contexts/ToolWorkflowContext.tsx`)
---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing)
for more details.
This commit is contained in:
Anthony Stirling
2025-08-14 15:52:38 +01:00
committed by GitHub
parent 22db7bec76
commit 8149cb157c
103 changed files with 845 additions and 574 deletions
+14 -14
View File
@@ -347,7 +347,7 @@
"title": "Pivoter",
"desc": "Faites pivoter facilement vos PDF."
},
"imageToPdf": {
"imageToPDF": {
"title": "Image en PDF",
"desc": "Convertissez une image (PNG, JPEG, GIF) en PDF."
},
@@ -371,7 +371,7 @@
"title": "Modifier les permissions",
"desc": "Modifiez les permissions de votre PDF."
},
"removePages": {
"pageRemover": {
"title": "Supprimer",
"desc": "Supprimez les pages inutiles de votre PDF."
},
@@ -383,7 +383,7 @@
"title": "Supprimer le mot de passe",
"desc": "Supprimez la protection par mot de passe de votre PDF."
},
"compressPdfs": {
"compress": {
"title": "Compresser",
"desc": "Compressez les PDF pour réduire leur tailles."
},
@@ -479,7 +479,7 @@
"title": "Pipeline",
"desc": "Exécutez plusieurs actions sur les PDF en définissant des scripts de pipeline."
},
"add-page-numbers": {
"addPageNumbers": {
"title": "Ajouter des numéros de page",
"desc": "Ajoutez des numéros de page dans un PDF à un emplacement défini."
},
@@ -487,7 +487,7 @@
"title": "Renommer automatiquement",
"desc": "Renommez automatiquement un fichier PDF en fonction de son en-tête détecté."
},
"adjust-contrast": {
"adjustContrast": {
"title": "Ajuster les couleurs",
"desc": "Ajustez le contraste, la saturation et la luminosité d'un PDF."
},
@@ -499,7 +499,7 @@
"title": "Séparer automatiquement les pages",
"desc": "Séparez automatiquement le PDF numérisé avec le code QR du diviseur de page numérisé."
},
"sanitizePdf": {
"sanitizePDF": {
"title": "Assainir",
"desc": "Supprimez les scripts et autres éléments des PDF."
},
@@ -523,11 +523,11 @@
"title": "Récupérer les informations",
"desc": "Récupérez toutes les informations possibles sur un PDF."
},
"extractPage": {
"pageExtracter": {
"title": "Extraire des pages",
"desc": "Extrayez certaines pages du PDF."
},
"PdfToSinglePage": {
"pdfToSinglePage": {
"title": "Fusionner en une seule page",
"desc": "Fusionnez toutes les pages PDF en une seule grande page."
},
@@ -543,11 +543,11 @@
"title": "Caviardage manuel",
"desc": "Caviarder un PDF en fonction de texte sélectionné, formes dessinées et/ou des pages sélectionnées."
},
"tableExtraxt": {
"PDFToCSV": {
"title": "PDF en CSV",
"desc": "Extrait les tableaux d'un PDF et les transforme en CSV."
},
"autoSizeSplitPDF": {
"split-by-size-or-count": {
"title": "Séparer automatiquement par taille/nombre",
"desc": "Séparer un PDF unique en plusieurs documents en fonction de la taille, du nombre de pages ou du nombre de documents."
},
@@ -563,11 +563,11 @@
"title": "Ajouter un tampon sur un PDF",
"desc": "Ajouter un texte ou l'image d'un tampon à un emplacement défini."
},
"removeImagePdf": {
"removeImage": {
"title": "Supprimer les images",
"desc": "Supprimez les images d'un PDF pour réduire sa taille"
},
"splitPdfByChapters": {
"splitByChapters": {
"title": "Séparer un PDF par chapitres",
"desc": "Séparez un PDF en fichiers multiples en fonction de sa structure par chapitres."
},
@@ -575,7 +575,7 @@
"title": "Valider la signature du fichier PDF",
"desc": "Vérifier les signatures numériques et les certificats des documents PDF"
},
"replaceColorPdf": {
"replace-color": {
"title": "Remplacer et Inverser Couleur",
"desc": "Remplacer la couleur pour le texte et l'arrière-plan dans le PDF et inverser la couleur complète du PDF pour réduire la taille du fichier"
}
@@ -1558,4 +1558,4 @@
}
}
}
}
}