# 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": "Rota",
"desc": "Rota els PDFs."
},
"imageToPdf": {
"imageToPDF": {
"title": "Imatge a PDF",
"desc": "Converteix imatge (PNG, JPEG, GIF) a PDF."
},
@@ -371,7 +371,7 @@
"title": "Canvia permisos",
"desc": "Canvia els permisos del document PDF"
},
"removePages": {
"pageRemover": {
"title": "Elimina",
"desc": "Elimina pàgines del document PDF."
},
@@ -383,7 +383,7 @@
"title": "Elimina Contrasenya",
"desc": "Elimina la contrasenya del document PDF."
},
"compressPdfs": {
"compress": {
"title": "Comprimeix",
"desc": "Comprimeix PDFs per reduir-ne la mida."
},
@@ -479,7 +479,7 @@
"title": "Procés",
"desc": "Executa múltiples accions en PDFs definint scripts de procés"
},
"add-page-numbers": {
"addPageNumbers": {
"title": "Afegir Números de Pàgina",
"desc": "Afegir números de pàgina en una localització"
},
@@ -487,7 +487,7 @@
"title": "Canvia Automàticament el Nom del Fitxer PDF",
"desc": "Canvia automàticament el nom d'un fitxer PDF en funció de la capçalera detectada"
},
"adjust-contrast": {
"adjustContrast": {
"title": "Ajusta Colors/Contrast",
"desc": "Ajusta colors/contrast, saturació i brillantor"
},
@@ -499,7 +499,7 @@
"title": "Divisió Automàtica de Pàgines",
"desc": "Divideix automàticament un PDF escanejat amb un codi QR de separació de pàgines escanejades"
},
"sanitizePdf": {
"sanitizePDF": {
"title": "Neteja",
"desc": "Elimina scripts i altres elements dels fitxers PDF"
},
@@ -523,11 +523,11 @@
"title": "Obteniu Tota la Informació sobre el PDF",
"desc": "Recupera tota la informació possible sobre els PDFs"
},
"extractPage": {
"pageExtracter": {
"title": "Extreu pàgina(es)",
"desc": "Extreu pàgines seleccionades d'un PDF"
},
"PdfToSinglePage": {
"pdfToSinglePage": {
"title": "PDF a Una Sola Pàgina Gran",
"desc": "Fusiona totes les pàgines d'un PDF en una sola pàgina gran"
},
@@ -543,11 +543,11 @@
"title": "Redacció manual",
"desc": "Redacta un PDF segons el text seleccionat, les formes dibuixades i/o les pàgines seleccionades"
},
"tableExtraxt": {
"PDFToCSV": {
"title": "PDF a CSV",
"desc": "Extreu taules d'un PDF convertint-les a CSV"
},
"autoSizeSplitPDF": {
"split-by-size-or-count": {
"title": "Divisió Automàtica per Mida/Quantitat",
"desc": "Divideix un únic PDF en múltiples documents basant-se en la mida, el nombre de pàgines o el nombre de documents"
},
@@ -563,11 +563,11 @@
"title": "Afegeix segell al PDF",
"desc": "Afegeix segells de text o imatge en ubicacions establertes"
},
"removeImagePdf": {
"removeImage": {
"title": "Elimina imatge",
"desc": "Elimina imatges d'un PDF per reduir la mida del fitxer"
},
"splitPdfByChapters": {
"splitByChapters": {
"title": "Divideix PDF per Capítols",
"desc": "Divideix un PDF en múltiples fitxers segons la seva estructura de capítols."
},
@@ -575,7 +575,7 @@
"title": "Validar Signatura PDF",
"desc": "Verifica les signatures digitals i els certificats en documents PDF"
},
"replaceColorPdf": {
"replace-color": {
"title": "Reemplaça i Inverteix Color",
"desc": "Reemplaça el color del text i el fons en un PDF i inverteix tot el color del PDF per reduir la mida del fitxer"
}
@@ -1558,4 +1558,4 @@
}
}
}
}
}