import type { PageSeoData } from "@montech/shared";
import type { MaybeRefOrGetter } from "vue";

const DEFAULT_TITLE = "منتک | هوش‌افزار منظر - پلتفرم راهکارهای نرم‌افزاری و هوش مصنوعی";
const DEFAULT_DESCRIPTION =
  "با کمک هوش مصنوعی منتک، بهترین نرم‌افزارها و خدمات متناسب با کسب‌وکار شما پیشنهاد می‌شود.";

function absoluteUrl(siteUrl: string, pathOrUrl?: string | null) {
  if (!pathOrUrl) return undefined;
  if (/^https?:\/\//i.test(pathOrUrl)) return pathOrUrl;
  return `${siteUrl.replace(/\/$/, "")}${pathOrUrl.startsWith("/") ? "" : "/"}${pathOrUrl}`;
}

/** Central metadata for every page: title, description, canonical, Open Graph, Twitter and robots. */
export function usePageSeo(input: MaybeRefOrGetter<Partial<PageSeoData> | null | undefined>, opts: { type?: "website" | "article" } = {}) {
  const config = useRuntimeConfig();
  const route = useRoute();
  const siteUrl = config.public.siteUrl.replace(/\/$/, "");

  const seo = computed(() => toValue(input) || {});
  const title = computed(() => seo.value.title || DEFAULT_TITLE);
  const description = computed(() => seo.value.description || DEFAULT_DESCRIPTION);
  const canonical = computed(() => absoluteUrl(siteUrl, seo.value.canonical) || `${siteUrl}${route.path === "/" ? "/" : route.path}`);
  const image = computed(() => absoluteUrl(siteUrl, seo.value.ogImage) || `${siteUrl}/brand/og-default.png`);

  useSeoMeta({
    title,
    description,
    ogTitle: title,
    ogDescription: description,
    ogType: opts.type ?? "website",
    ogUrl: canonical,
    ogImage: image,
    ogLocale: "fa_IR",
    ogSiteName: "منتک",
    twitterCard: "summary_large_image",
    twitterTitle: title,
    twitterDescription: description,
    twitterImage: image,
    robots: computed(() => (seo.value.noIndex ? "noindex,nofollow" : "index,follow,max-image-preview:large")),
  });

  useHead({
    link: [{ rel: "canonical", href: canonical }],
  });

  return { canonical, siteUrl };
}

export function useJsonLd(schema: MaybeRefOrGetter<Record<string, unknown> | Record<string, unknown>[]>) {
  useHead({
    script: [
      {
        type: "application/ld+json",
        innerHTML: computed(() => JSON.stringify(toValue(schema))),
      },
    ],
  });
}