@riducms/plugin-seo 0.16.1 → 0.17.0

package/dist/seo.css

@@ -0,0 +1,308 @@
+@layer ridu, ridu-plugins, app;
+@layer ridu.reset, ridu.theme, ridu.base, ridu.components, ridu.utilities;
+@layer ridu.components {
+  .ridu-seo-overview,
+  .ridu-seo-field,
+  .ridu-seo-preview {
+    min-width: 0;
+  }
+  .ridu-seo-field,
+  .ridu-seo-field .ridu-field-control {
+    gap: 0;
+  }
+  .ridu-seo-overview {
+    color: var(--foreground);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-overview p {
+    margin: 0;
+  }
+  .ridu-seo-heading-separator {
+    color: var(--ink-muted);
+  }
+  .ridu-seo-generate.ridu-button {
+    block-size: auto;
+    border: 0;
+    padding: 0;
+    color: currentColor;
+    font-size: inherit;
+    line-height: inherit;
+  }
+  .ridu-seo-guidance {
+    margin: 0 0 5px;
+    color: var(--ink-muted);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-guidance-link {
+    color: inherit;
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+  .ridu-seo-guidance-link:focus-visible {
+    outline: var(--focus-outline);
+    outline-offset: var(--focus-outline-offset);
+  }
+  .ridu-seo-description[data-empty=false] {
+    min-height: 0;
+  }
+  .ridu-seo-error {
+    margin: 0;
+    color: var(--destructive);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-length {
+    margin-block-start: 10px;
+    display: grid;
+    grid-template-columns: auto auto minmax(32px, 1fr);
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+  }
+  .ridu-seo-pill {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    inline-size: max-content;
+    border-radius: 2px;
+    padding: 4px 6px;
+    font-size: 11px;
+    font-weight: 400;
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .ridu-seo-pill[data-tone=danger],
+  .ridu-seo-pill[data-status=missing],
+  .ridu-seo-pill[data-status=tooLong] {
+    background: var(--seo-status-danger);
+    color: var(--seo-status-danger-foreground);
+  }
+  .ridu-seo-pill[data-status=tooShort] {
+    background: var(--seo-status-short);
+    color: var(--seo-status-short-foreground);
+  }
+  .ridu-seo-pill[data-tone=warning],
+  .ridu-seo-pill[data-status=almostThere] {
+    background: var(--seo-status-warning);
+    color: var(--seo-status-warning-foreground);
+  }
+  .ridu-seo-pill[data-tone=success],
+  .ridu-seo-pill[data-status=good] {
+    background: var(--seo-status-success);
+    color: var(--seo-status-success-foreground);
+  }
+  .ridu-seo-length-copy {
+    color: var(--foreground);
+    font-size: 11px;
+    line-height: 1;
+    white-space: nowrap;
+  }
+  .ridu-seo-progress {
+    position: relative;
+    height: 2px;
+    min-width: 32px;
+    overflow: hidden;
+    background: var(--seo-status-track);
+  }
+  .ridu-seo-progress-value {
+    display: block;
+    width: 100%;
+    height: 100%;
+    transform-origin: left center;
+    transition: transform 150ms ease;
+  }
+  .ridu-seo-length:dir(rtl) .ridu-seo-progress-value {
+    transform-origin: right center;
+  }
+  .ridu-seo-progress-value[data-status=missing],
+  .ridu-seo-progress-value[data-status=tooLong] {
+    background: var(--seo-status-danger);
+  }
+  .ridu-seo-progress-value[data-status=tooShort] {
+    background: var(--seo-status-short);
+  }
+  .ridu-seo-progress-value[data-status=almostThere] {
+    background: var(--seo-status-warning);
+  }
+  .ridu-seo-progress-value[data-status=good] {
+    background: var(--seo-status-success);
+  }
+  .ridu-seo-image-intake {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 10px;
+    min-height: 60px;
+    border: 1px dashed var(--control-border);
+    border-radius: var(--control-radius);
+    padding: 15px;
+    color: var(--foreground-muted);
+  }
+  .ridu-seo-image-intake[data-invalid=true] {
+    border-color: var(--control-invalid-border);
+    background: var(--control-invalid-surface);
+  }
+  .ridu-seo-image-intake[data-dragging=true] {
+    border-color: var(--foreground);
+    background: var(--control-surface);
+  }
+  .ridu-seo-image-intake-copy {
+    margin-inline-start: auto;
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-image-selection {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    box-sizing: border-box;
+    height: 60px;
+    min-width: 0;
+    border: 1px solid var(--control-border);
+    border-radius: var(--control-radius);
+    padding: 10px;
+    background: var(--control-surface);
+  }
+  .ridu-seo-image-selection[aria-invalid=true] {
+    border-color: var(--control-invalid-border);
+    background: var(--control-invalid-surface);
+  }
+  .ridu-seo-image-content {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    gap: 10px;
+    min-width: 0;
+  }
+  .ridu-seo-image-thumbnail {
+    display: grid;
+    place-items: center;
+    flex-shrink: 0;
+    width: 40px;
+    height: 40px;
+    overflow: hidden;
+    border-radius: var(--control-radius);
+    background: var(--background);
+    color: var(--ink-faint);
+  }
+  .ridu-seo-image-thumbnail img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  .ridu-seo-image-thumbnail svg {
+    width: 14px;
+    height: 14px;
+  }
+  .ridu-seo-image-details {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    flex: 1;
+  }
+  .ridu-seo-image-name,
+  .ridu-seo-image-metadata {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .ridu-seo-image-name {
+    color: var(--ink-strong);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+    text-decoration: none;
+  }
+  .ridu-seo-image-name:focus-visible {
+    outline: var(--focus-outline);
+    outline-offset: var(--focus-outline-offset);
+  }
+  .ridu-seo-image-metadata {
+    color: var(--ink-muted);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-image-actions {
+    display: flex;
+    flex-shrink: 0;
+  }
+  .ridu-seo-image-actions .ridu-button {
+    border: 0;
+  }
+  .ridu-seo-image-status {
+    display: flex;
+    align-items: center;
+    margin-block-start: 10px;
+  }
+  .ridu-seo-preview {
+    display: grid;
+    gap: 0;
+  }
+  .ridu-seo-preview-heading,
+  .ridu-seo-preview-description,
+  .ridu-seo-preview-url,
+  .ridu-seo-preview-title,
+  .ridu-seo-preview-copy {
+    margin: 0;
+  }
+  .ridu-seo-preview-heading {
+    color: var(--ink-label);
+    font-size: var(--font-size-body);
+    font-weight: 400;
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-preview-description {
+    margin-block-end: 5px;
+    color: var(--ink-muted);
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-preview-card {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 600px;
+    overflow: hidden;
+    border-radius: 5px;
+    padding: 20px;
+    background: var(--control-surface);
+    box-shadow: var(--seo-preview-shadow);
+    pointer-events: none;
+  }
+  .ridu-seo-preview-url,
+  .ridu-seo-preview-title,
+  .ridu-seo-preview-copy {
+    overflow-wrap: anywhere;
+    color: var(--foreground);
+  }
+  .ridu-seo-preview-url {
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  .ridu-seo-preview-title {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 20px;
+  }
+  .ridu-seo-preview-copy {
+    font-size: var(--font-size-body);
+    line-height: var(--line-height-body);
+  }
+  @media (max-width: 30rem) {
+    .ridu-seo-length {
+      grid-template-columns: auto minmax(0, 1fr);
+    }
+    .ridu-seo-progress {
+      grid-column: 1/-1;
+    }
+    .ridu-seo-image-intake-copy {
+      display: none;
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .ridu-seo-progress-value {
+      transition: none;
+    }
+  }
+}

package/dist/~icons/lucide/image.svelte

@@ -0,0 +1,2 @@
+<!-- Lucide by Lucide Contributors, ISC (https://github.com/lucide-icons/lucide/blob/main/LICENSE) -->
+<script>const{...p}=$props()</script><svg viewBox="0 0 24 24" width="1.2em" height="1.2em"  {...p}><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15l-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></g></svg>

package/dist/~icons/lucide/pencil.svelte

@@ -0,0 +1,2 @@
+<!-- Lucide by Lucide Contributors, ISC (https://github.com/lucide-icons/lucide/blob/main/LICENSE) -->
+<script>const{...p}=$props()</script><svg viewBox="0 0 24 24" width="1.2em" height="1.2em"  {...p}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4"/></svg>

package/dist/~icons/lucide/x.svelte

@@ -0,0 +1,2 @@
+<!-- Lucide by Lucide Contributors, ISC (https://github.com/lucide-icons/lucide/blob/main/LICENSE) -->
+<script>const{...p}=$props()</script><svg viewBox="0 0 24 24" width="1.2em" height="1.2em"  {...p}><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"/></svg>

package/package.json

@@ -3,25 +3,34 @@
 		"url": "https://github.com/riducms/ridu/issues"
 	},
 	"dependencies": {
-		"@riducms/plugin": "0.16.1",
-		"@riducms/protocol": "0.16.1",
-		"@riducms/ui": "0.16.1",
-		"svelte": "^5.56.8"
+		"@riducms/plugin": "0.17.0",
+		"@riducms/protocol": "0.17.0",
+		"@riducms/ui": "0.17.0"
 	},
 	"description": "Search metadata authoring for Ridu's official SEO plugin.",
-	"devDependencies": {
-		"@riducms/build": "0.16.1"
-	},
 	"exports": {
-		".": "./src/index.ts"
+		".": {
+			"default": "./dist/index.js",
+			"svelte": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		}
 	},
 	"files": [
-		"src",
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*",
 		"LICENSE"
 	],
 	"homepage": "https://riducms.com",
+	"imports": {
+		"#lib": "./src/lib/index.js",
+		"#lib/*": "./src/lib/*"
+	},
 	"license": "MIT",
 	"name": "@riducms/plugin-seo",
+	"peerDependencies": {
+		"svelte": "^5.56.8"
+	},
 	"publishConfig": {
 		"access": "public",
 		"provenance": true
@@ -32,10 +41,20 @@
 		"url": "git+https://github.com/riducms/ridu.git"
 	},
 	"scripts": {
-		"build": "vite build",
-		"check": "svelte-check --tsconfig ./tsconfig.json",
-		"test": "bun test"
+		"build": "bun run package",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"dev": "svelte-kit sync && bun run --parallel dev:package dev:finish",
+		"dev:finish": "bun ../../scripts/finish-svelte-package.ts --watch",
+		"dev:package": "svelte-package --watch",
+		"package": "svelte-kit sync && svelte-package && bun ../../scripts/finish-svelte-package.ts && publint",
+		"test": "svelte-kit sync && bun test"
 	},
+	"sideEffects": [
+		"**/*.css",
+		"**/*.scss"
+	],
+	"svelte": "./dist/index.js",
 	"type": "module",
-	"version": "0.16.1"
+	"types": "./dist/index.d.ts",
+	"version": "0.17.0"
 }

package/src/generation-controller.svelte.ts

@@ -1,84 +0,0 @@
-import type { FieldAuthoringHost, FieldDocumentForm } from "@riducms/plugin";
-
-import { generationScopeToken, generationSnapshotToken } from "@plugin-seo/generation-snapshot";
-
-interface GenerationResponse {
-	result: string;
-}
-
-export class GenerationController {
-	status = $state<"idle" | "pending" | "error">("idle");
-	#generation = 0;
-	#request: AbortController | undefined;
-
-	async run(
-		authoring: FieldAuthoringHost | undefined,
-		form: FieldDocumentForm,
-		path: string
-	): Promise<string | undefined> {
-		const requestPlugin = authoring?.requestPlugin;
-		const snapshot = form.snapshot;
-		const resource = form.resource;
-		if (requestPlugin === undefined || snapshot === undefined || resource === undefined) {
-			this.status = "error";
-			return undefined;
-		}
-		this.#request?.abort();
-		const request = new AbortController();
-		this.#request = request;
-		const generation = ++this.#generation;
-		this.status = "pending";
-		const document = snapshot.call(form);
-		const documentRevision = generationSnapshotToken(document);
-		const scope = generationScopeToken(resource, form.contentLocale);
-		try {
-			const response = await requestPlugin<unknown>(
-				path,
-				{
-					...(resource.global
-						? { global: resource.collection }
-						: { collection: resource.collection }),
-					id: resource.id,
-					locale: form.contentLocale,
-					document,
-				},
-				request.signal
-			);
-			if (
-				generation !== this.#generation ||
-				request.signal.aborted ||
-				generationSnapshotToken(snapshot.call(form)) !== documentRevision ||
-				generationScopeToken(form.resource, form.contentLocale) !== scope
-			) {
-				if (generation === this.#generation) this.status = "idle";
-				return undefined;
-			}
-			if (!isGenerationResponse(response))
-				throw new Error("SEO generation returned an invalid response");
-			this.status = "idle";
-			return response.result;
-		} catch {
-			if (generation !== this.#generation || request.signal.aborted) return undefined;
-			this.status = "error";
-			return undefined;
-		} finally {
-			if (this.#request === request) this.#request = undefined;
-		}
-	}
-
-	cancel() {
-		this.#generation += 1;
-		this.#request?.abort();
-		this.#request = undefined;
-		if (this.status === "pending") this.status = "idle";
-	}
-}
-
-function isGenerationResponse(value: unknown): value is GenerationResponse {
-	return (
-		typeof value === "object" &&
-		value !== null &&
-		"result" in value &&
-		typeof value.result === "string"
-	);
-}

package/src/generation-snapshot.ts

@@ -1,17 +0,0 @@
-import type { FieldFormResource } from "@riducms/plugin";
-
-export function generationSnapshotToken(document: Readonly<Record<string, unknown>>): string {
-	return JSON.stringify(document);
-}
-
-export function generationScopeToken(
-	resource: FieldFormResource | undefined,
-	locale: string | undefined
-): string {
-	return JSON.stringify({
-		collection: resource?.collection ?? "",
-		global: resource?.global === true,
-		id: resource?.id ?? "",
-		locale: locale ?? "",
-	});
-}

package/src/index.ts

@@ -1,59 +0,0 @@
-import { defineAdminPlugin, defineFieldComponent } from "@riducms/plugin/authoring/v1";
-import {
-	decodeString,
-	decodeUI,
-	decodeLengthConfig,
-	decodeOverviewConfig,
-	decodeImageConfig,
-	decodePreviewConfig,
-} from "@plugin-seo/seo-config";
-
-import { seoMessages } from "@plugin-seo/messages";
-
-import MetaDescriptionField from "@plugin-seo/meta-description-field.svelte";
-import MetaImageField from "@plugin-seo/meta-image-field.svelte";
-import MetaTitleField from "@plugin-seo/meta-title-field.svelte";
-import OverviewField from "@plugin-seo/overview-field.svelte";
-import PreviewField from "@plugin-seo/preview-field.svelte";
-
-export const seoAdminPlugin = defineAdminPlugin({
-	key: "seo",
-	pairingVersion: 1,
-	fieldEditors: {
-		overview: defineFieldComponent({
-			type: "ui",
-			component: OverviewField,
-			decodeValue: decodeUI,
-			decodeConfig: decodeOverviewConfig,
-		}),
-		title: defineFieldComponent({
-			type: "text",
-			component: MetaTitleField,
-			decodeValue: decodeString,
-			decodeConfig: (raw: unknown) => decodeLengthConfig(raw, "text"),
-		}),
-		description: defineFieldComponent({
-			type: "textarea",
-			component: MetaDescriptionField,
-			decodeValue: decodeString,
-			decodeConfig: (raw: unknown) => decodeLengthConfig(raw, "textarea"),
-		}),
-		image: defineFieldComponent({
-			type: "upload",
-			component: MetaImageField,
-			decodeValue: decodeString,
-			decodeConfig: decodeImageConfig,
-		}),
-		preview: defineFieldComponent({
-			type: "ui",
-			component: PreviewField,
-			decodeValue: decodeUI,
-			decodeConfig: decodePreviewConfig,
-		}),
-	},
-	messages: seoMessages,
-});
-
-export { lengthState, type LengthState, type LengthStatus } from "@plugin-seo/length-indicator";
-export { generationScopeToken, generationSnapshotToken } from "@plugin-seo/generation-snapshot";
-export { seoMessages } from "@plugin-seo/messages";

package/src/length-indicator.ts

@@ -1,32 +0,0 @@
-export type LengthStatus = "missing" | "tooShort" | "almostThere" | "good" | "tooLong";
-
-export interface LengthState {
-	status: LengthStatus;
-	length: number;
-	progress: number;
-	remaining: number;
-}
-
-export function lengthState(text: string, minLength: number, maxLength: number): LengthState {
-	const length = text.length;
-	if (length === 0) return { status: "missing", length, progress: 0, remaining: minLength };
-	if (length < minLength) {
-		const progress = Math.min(1, length / minLength);
-		return {
-			status: progress > 0.9 ? "almostThere" : "tooShort",
-			length,
-			progress,
-			remaining: minLength - length,
-		};
-	}
-	if (length <= maxLength) {
-		const range = Math.max(1, maxLength - minLength);
-		return {
-			status: "good",
-			length,
-			progress: Math.min(1, (length - minLength) / range),
-			remaining: maxLength - length,
-		};
-	}
-	return { status: "tooLong", length, progress: 1, remaining: length - maxLength };
-}

package/src/messages.ts

@@ -1,113 +0,0 @@
-import { defineAdminMessages } from "@riducms/plugin";
-
-export const seoMessages = defineAdminMessages({
-	fallback: {
-		almostThere: "Almost there",
-		autoGenerate: "Auto-generate",
-		bestPractices: "best practices",
-		cancelled: "Generation was cancelled.",
-		characterCount: "{current}/{minLength}-{maxLength} chars",
-		charactersLeft: ", {characters} left over",
-		charactersToGo: ", {characters} to go",
-		charactersTooMany: ", {characters} too many",
-		checksPassing: "{current}/{max} checks are passing",
-		chooseExistingImage: "Choose existing",
-		createNewImage: "Create new",
-		generationFailed: "Could not generate this value. Try again.",
-		good: "Good",
-		image: "Image",
-		imageAutoGenerationTip: "Generate an image from the current document, or choose one manually.",
-		imageSourceTip: "or drag and drop a file.",
-		imageUnavailable: "Referenced image is unavailable.",
-		inspectImage: "Inspect image",
-		lengthTipDescription:
-			"This should be between {minLength} and {maxLength} characters. For help in writing quality meta descriptions, see ",
-		lengthTipTitle:
-			"This should be between {minLength} and {maxLength} characters. For help in writing quality meta titles, see ",
-		missing: "Missing",
-		noImage: "No image",
-		or: "or",
-		preview: "Preview",
-		previewDescription: "Exact result listings may vary based on content and search relevancy.",
-		removeImage: "Remove image",
-		selectImage: "Select image",
-		tooLong: "Too long",
-		tooShort: "Too short",
-		title: "Title",
-		description: "Description",
-	},
-	translations: {
-		fr: {
-			almostThere: "Presque terminé",
-			autoGenerate: "Générer automatiquement",
-			bestPractices: "bonnes pratiques",
-			cancelled: "La génération a été annulée.",
-			characterCount: "{current}/{minLength}-{maxLength} caractères",
-			charactersLeft: ", {characters} restants",
-			charactersToGo: ", encore {characters}",
-			charactersTooMany: ", {characters} en trop",
-			checksPassing: "{current}/{max} vérifications réussies",
-			chooseExistingImage: "Choisir un élément existant",
-			createNewImage: "Créer un élément",
-			generationFailed: "Impossible de générer cette valeur. Réessayez.",
-			good: "Bon",
-			image: "Image",
-			imageAutoGenerationTip:
-				"Générez une image à partir du document actuel ou choisissez-en une manuellement.",
-			imageSourceTip: "ou glissez-déposez un fichier.",
-			imageUnavailable: "L’image référencée n’est pas disponible.",
-			inspectImage: "Inspecter l’image",
-			lengthTipDescription:
-				"Ceci devrait contenir entre {minLength} et {maxLength} caractères. Pour obtenir de l’aide pour rédiger des descriptions meta de qualité, consultez les ",
-			lengthTipTitle:
-				"Ceci devrait contenir entre {minLength} et {maxLength} caractères. Pour obtenir de l’aide pour rédiger des titres meta de qualité, consultez les ",
-			missing: "Manquant",
-			noImage: "Aucune image",
-			or: "ou",
-			preview: "Aperçu",
-			previewDescription:
-				"Les résultats exacts peuvent varier en fonction du contenu et de la pertinence de la recherche.",
-			removeImage: "Supprimer l’image",
-			selectImage: "Sélectionner une image",
-			tooLong: "Trop long",
-			tooShort: "Trop court",
-			title: "Titre",
-			description: "Description",
-		},
-		ar: {
-			almostThere: "أوشكت على الانتهاء",
-			autoGenerate: "إنشاء تلقائي",
-			bestPractices: "أفضل الممارسات",
-			cancelled: "تم إلغاء الإنشاء.",
-			characterCount: "{current}/{minLength}-{maxLength} حرفًا",
-			charactersLeft: "، متبقٍ {characters}",
-			charactersToGo: "، يلزم {characters}",
-			charactersTooMany: "، زائد {characters}",
-			checksPassing: "تم اجتياز {current}/{max} من الفحوصات",
-			chooseExistingImage: "اختيار صورة موجودة",
-			createNewImage: "إنشاء صورة جديدة",
-			description: "الوصف",
-			generationFailed: "تعذر إنشاء هذه القيمة. حاول مرة أخرى.",
-			good: "جيد",
-			image: "الصورة",
-			imageAutoGenerationTip: "أنشئ صورة من المستند الحالي أو اختر صورة يدويًا.",
-			imageSourceTip: "أو اسحب ملفًا وأفلته.",
-			imageUnavailable: "الصورة المشار إليها غير متاحة.",
-			inspectImage: "فحص الصورة",
-			lengthTipDescription:
-				"يجب أن يتراوح هذا بين {minLength} و{maxLength} حرفًا. للحصول على مساعدة في كتابة أوصاف ميتا ذات جودة، راجع ",
-			lengthTipTitle:
-				"يجب أن يتراوح هذا بين {minLength} و{maxLength} حرفًا. للحصول على مساعدة في كتابة عناوين ميتا ذات جودة، راجع ",
-			missing: "مفقود",
-			noImage: "لا توجد صورة",
-			or: "أو",
-			preview: "معاينة",
-			previewDescription: "قد تختلف النتائج الدقيقة بناءً على المحتوى وملاءمة البحث.",
-			removeImage: "إزالة الصورة",
-			selectImage: "اختيار صورة",
-			title: "العنوان",
-			tooLong: "طويل جدًا",
-			tooShort: "قصير جدًا",
-		},
-	},
-});