957d37838c
تحويل لوحة الإدارة الداخلية من secret header إلى session auth حقيقي مع صلاحيات admin. إضافة دعم إدارة الأدوار من داخل لوحة الإدارة نفسها، مع حماية الحسابات المعتمدة عبر INTERNAL_ADMIN_EMAILS. تحسين بيانات المستخدم في الواجهة والباكند لتشمل role وis_allowlisted_admin. إضافة اختبار frontend مخصص لصفحة /internal/admin بدل الاعتماد فقط على build واختبار routes. تحسين إضافي في الأداء عبر إزالة الاعتماد على pdfjs-dist/pdf.worker في عدّ صفحات PDF واستبداله بمسار أخف باستخدام pdf-lib. تحسين تقسيم الـ chunks في build لتقليل أثر الحزم الكبيرة وفصل أجزاء مثل network, icons, pdf-core, وeditor. التحقق الذي تم: نجاح build للواجهة. نجاح اختبار صفحة الإدارة الداخلية في frontend. نجاح اختبارات auth/admin في backend. نجاح full backend suite مسبقًا مع EXIT:0. ولو تريد نسخة أقصر جدًا، استخدم هذه: آخر التحديثات: تم تحسين نظام الإدارة الداخلية ليعتمد على صلاحيات وجلسات حقيقية بدل secret header، مع إضافة إدارة أدوار من لوحة admin نفسها، وإضافة اختبارات frontend مخصصة للوحة، وتحسين أداء الواجهة عبر إزالة pdf.worker وتحسين تقسيم الـ chunks في build. جميع الاختبارات والتحققات الأساسية المطلوبة نجح
79 lines
2.7 KiB
TypeScript
79 lines
2.7 KiB
TypeScript
import { Helmet } from 'react-helmet-async';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { buildLanguageAlternates, getOgLocale } from '@/utils/seo';
|
|
|
|
const SITE_NAME = 'SaaS-PDF';
|
|
|
|
interface SEOHeadProps {
|
|
/** Page title (will be appended with " — SaaS-PDF") */
|
|
title: string;
|
|
/** Meta description */
|
|
description: string;
|
|
/** Canonical URL path (e.g. "/about") — origin is auto-prefixed */
|
|
path: string;
|
|
/** OG type — defaults to "website" */
|
|
type?: string;
|
|
/** Optional JSON-LD objects to inject as structured data */
|
|
jsonLd?: object | object[];
|
|
}
|
|
|
|
/**
|
|
* Reusable SEO head component that injects:
|
|
* - title, description, canonical URL
|
|
* - OpenGraph meta tags (title, description, url, type, site_name, locale)
|
|
* - Twitter card meta tags
|
|
* - Optional JSON-LD structured data
|
|
*/
|
|
export default function SEOHead({ title, description, path, type = 'website', jsonLd }: SEOHeadProps) {
|
|
const { i18n } = useTranslation();
|
|
const origin = typeof window !== 'undefined' ? window.location.origin : '';
|
|
const canonicalUrl = `${origin}${path}`;
|
|
const fullTitle = `${title} — ${SITE_NAME}`;
|
|
const languageAlternates = buildLanguageAlternates(origin, path);
|
|
const currentOgLocale = getOgLocale(i18n.language);
|
|
|
|
const schemas = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : [];
|
|
|
|
return (
|
|
<Helmet>
|
|
<title>{fullTitle}</title>
|
|
<meta name="description" content={description} />
|
|
<link rel="canonical" href={canonicalUrl} />
|
|
{languageAlternates.map((alternate) => (
|
|
<link
|
|
key={alternate.hrefLang}
|
|
rel="alternate"
|
|
hrefLang={alternate.hrefLang}
|
|
href={alternate.href}
|
|
/>
|
|
))}
|
|
<link rel="alternate" hrefLang="x-default" href={canonicalUrl} />
|
|
|
|
{/* OpenGraph */}
|
|
<meta property="og:title" content={fullTitle} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:url" content={canonicalUrl} />
|
|
<meta property="og:type" content={type} />
|
|
<meta property="og:site_name" content={SITE_NAME} />
|
|
<meta property="og:locale" content={currentOgLocale} />
|
|
{languageAlternates
|
|
.filter((alternate) => alternate.ogLocale !== currentOgLocale)
|
|
.map((alternate) => (
|
|
<meta key={alternate.ogLocale} property="og:locale:alternate" content={alternate.ogLocale} />
|
|
))}
|
|
|
|
{/* Twitter */}
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:title" content={fullTitle} />
|
|
<meta name="twitter:description" content={description} />
|
|
|
|
{/* JSON-LD Structured Data */}
|
|
{schemas.map((schema, i) => (
|
|
<script key={i} type="application/ld+json">
|
|
{JSON.stringify(schema)}
|
|
</script>
|
|
))}
|
|
</Helmet>
|
|
);
|
|
}
|