# 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": "تدوير ملفات",
"desc": "قم بتدوير ملفات PDF الخاصة بك بسهولة."
},
"imageToPdf": {
"imageToPDF": {
"title": "صورة إلى PDF",
"desc": "تحويل الصور (PNG ، JPEG ، GIF) إلى PDF."
},
@@ -371,7 +371,7 @@
"title": "تغيير الأذونات",
"desc": "قم بتغيير أذونات مستند PDF الخاص بك"
},
"removePages": {
"pageRemover": {
"title": "إزالة الصفحات",
"desc": "حذف الصفحات غير المرغوب فيها من مستند PDF الخاص بك."
},
@@ -383,7 +383,7 @@
"title": "إزالة كلمة المرور",
"desc": "إزالة الحماية بكلمة مرور من مستند PDF الخاص بك."
},
"compressPdfs": {
"compress": {
"title": "ضغط ملفات",
"desc": "ضغط ملفات PDF لتقليل حجم الملف."
},
@@ -479,7 +479,7 @@
"title": "خط الأنابيب",
"desc": "تشغيل إجراءات متعددة على ملفات PDF عن طريق تحديد نصوص خط الأنابيب"
},
"add-page-numbers": {
"addPageNumbers": {
"title": "إضافة أرقام الصفحات",
"desc": "إضافة أرقام الصفحات في جميع أنحاء المستند في موقع محدد"
},
@@ -487,7 +487,7 @@
"title": "إعادة تسمية ملف PDF تلقائيًا",
"desc": "إعادة تسمية ملف PDF تلقائيًا بناءً على الرأس المكتشف"
},
"adjust-contrast": {
"adjustContrast": {
"title": "ضبط الألوان/التباين",
"desc": "ضبط التباين والتشبع والسطوع لملف PDF"
},
@@ -499,7 +499,7 @@
"title": "تقسيم الصفحات تلقائيًا",
"desc": "تقسيم PDF الممسوح ضوئيًا تلقائيًا باستخدام رمز QR لتقسيم الصفحات الممسوحة ضوئيًا فعليًا"
},
"sanitizePdf": {
"sanitizePDF": {
"title": "تنظيف",
"desc": "إزالة البرامج النصية والعناصر الأخرى من ملفات PDF"
},
@@ -523,11 +523,11 @@
"title": "الحصول على جميع المعلومات عن PDF",
"desc": "يجمع أي وكل المعلومات الممكنة عن ملفات PDF"
},
"extractPage": {
"pageExtracter": {
"title": "استخراج الصفحة (الصفحات)",
"desc": "يستخرج صفحات محددة من PDF"
},
"PdfToSinglePage": {
"pdfToSinglePage": {
"title": "PDF إلى صفحة واحدة كبيرة",
"desc": "يدمج جميع صفحات PDF في صفحة واحدة كبيرة"
},
@@ -543,11 +543,11 @@
"title": "Manual Redaction",
"desc": "Redacts a PDF based on selected text, drawn shapes and/or selected page(s)"
},
"tableExtraxt": {
"PDFToCSV": {
"title": "PDF إلى CSV",
"desc": "يستخرج الجداول من PDF ويحولها إلى CSV"
},
"autoSizeSplitPDF": {
"split-by-size-or-count": {
"title": "تقسيم تلقائي حسب الحجم/العدد",
"desc": "تقسيم ملف PDF واحد إلى مستندات متعددة بناءً على الحجم أو عدد الصفحات أو عدد المستندات"
},
@@ -563,11 +563,11 @@
"title": "إضافة ختم إلى PDF",
"desc": "إضافة نص أو إضافة أختام الصور في مواقع محددة"
},
"removeImagePdf": {
"removeImage": {
"title": "إزالة الصورة",
"desc": "إزالة الصورة من PDF لتقليل حجم الملف"
},
"splitPdfByChapters": {
"splitByChapters": {
"title": "تجزئة المستندات PDF حسب الفصول",
"desc": "قسم مستند PDF إلى ملفات متعددة بناءً على هيكل فصوله."
},
@@ -575,7 +575,7 @@
"title": "Validate PDF Signature",
"desc": "Verify digital signatures and certificates in PDF documents"
},
"replaceColorPdf": {
"replace-color": {
"title": "إستبدال و عكس الألوان",
"desc": "استبدال الألوان للنصوص والخلفيات في المستندات PDF وإلغاء تعكير اللون الكامل للمستند لتقليل حجم الملف"
}
@@ -1558,4 +1558,4 @@
}
}
}
}
}