@geenius/seo 0.1.0 → 0.3.0

package/packages/react-css/dist/index.d.cts

@@ -0,0 +1,53 @@
+export { OGMeta, PageMetaBuilder, RobotsTxt, SEOConfig, SEOConfigBuilder, SEOMeta, SeoProvider, SeoProviderProps, SitemapEntry, TwitterMeta, applyTitleTemplate, articleSchema, breadcrumbSchema, buildAlternates, buildCanonical, buildTitle, calcSEOScore, configureSEO, createPageMeta, createSEOConfig, estimateReadingTime, faqSchema, generateRobotsTxt, generateSitemapXml, orgSchema, productSchema, seoPresets, truncateDescription, useCanonical, useSEO, useSEOAdmin, useSEOContext, useSEOScore, useSitemap, useStructuredData, validateSEOMeta, webApplicationSchema } from '@geenius/seo-react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SEOMeta, SitemapEntry } from '@geenius/seo-shared';
+
+interface SEOHeadProps {
+    meta: SEOMeta;
+}
+declare function SEOHead({ meta }: SEOHeadProps): react_jsx_runtime.JSX.Element;
+
+interface SEOPreviewProps {
+    meta: SEOMeta;
+}
+declare function SEOPreview({ meta }: SEOPreviewProps): react_jsx_runtime.JSX.Element;
+
+interface SEOScoreCardProps {
+    meta: SEOMeta;
+}
+declare function SEOScoreCard({ meta }: SEOScoreCardProps): react_jsx_runtime.JSX.Element;
+
+interface MetaEditorProps {
+    meta: SEOMeta;
+    onChange: (meta: SEOMeta) => void;
+}
+declare function MetaEditor({ meta, onChange }: MetaEditorProps): react_jsx_runtime.JSX.Element;
+
+interface SitemapViewerProps {
+    entries: SitemapEntry[];
+}
+declare function SitemapViewer({ entries }: SitemapViewerProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbsJsonLdProps {
+    items: {
+        name: string;
+        url: string;
+    }[];
+}
+declare function BreadcrumbsJsonLd({ items }: BreadcrumbsJsonLdProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleJsonLdProps {
+    title: string;
+    description: string;
+    author: string;
+    datePublished: string;
+    url: string;
+    image?: string;
+}
+declare function ArticleJsonLd({ title, description, author, datePublished, url, image, }: ArticleJsonLdProps): react_jsx_runtime.JSX.Element;
+
+declare function SEOAdminPage(): react_jsx_runtime.JSX.Element;
+
+declare function SEOAnalyticsPage(): react_jsx_runtime.JSX.Element;
+
+export { ArticleJsonLd, BreadcrumbsJsonLd, MetaEditor, SEOAdminPage, SEOAnalyticsPage, SEOHead, SEOPreview, SEOScoreCard, SitemapViewer };

package/packages/react-css/dist/index.d.ts

@@ -0,0 +1,53 @@
+export { OGMeta, PageMetaBuilder, RobotsTxt, SEOConfig, SEOConfigBuilder, SEOMeta, SeoProvider, SeoProviderProps, SitemapEntry, TwitterMeta, applyTitleTemplate, articleSchema, breadcrumbSchema, buildAlternates, buildCanonical, buildTitle, calcSEOScore, configureSEO, createPageMeta, createSEOConfig, estimateReadingTime, faqSchema, generateRobotsTxt, generateSitemapXml, orgSchema, productSchema, seoPresets, truncateDescription, useCanonical, useSEO, useSEOAdmin, useSEOContext, useSEOScore, useSitemap, useStructuredData, validateSEOMeta, webApplicationSchema } from '@geenius/seo-react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SEOMeta, SitemapEntry } from '@geenius/seo-shared';
+
+interface SEOHeadProps {
+    meta: SEOMeta;
+}
+declare function SEOHead({ meta }: SEOHeadProps): react_jsx_runtime.JSX.Element;
+
+interface SEOPreviewProps {
+    meta: SEOMeta;
+}
+declare function SEOPreview({ meta }: SEOPreviewProps): react_jsx_runtime.JSX.Element;
+
+interface SEOScoreCardProps {
+    meta: SEOMeta;
+}
+declare function SEOScoreCard({ meta }: SEOScoreCardProps): react_jsx_runtime.JSX.Element;
+
+interface MetaEditorProps {
+    meta: SEOMeta;
+    onChange: (meta: SEOMeta) => void;
+}
+declare function MetaEditor({ meta, onChange }: MetaEditorProps): react_jsx_runtime.JSX.Element;
+
+interface SitemapViewerProps {
+    entries: SitemapEntry[];
+}
+declare function SitemapViewer({ entries }: SitemapViewerProps): react_jsx_runtime.JSX.Element;
+
+interface BreadcrumbsJsonLdProps {
+    items: {
+        name: string;
+        url: string;
+    }[];
+}
+declare function BreadcrumbsJsonLd({ items }: BreadcrumbsJsonLdProps): react_jsx_runtime.JSX.Element;
+
+interface ArticleJsonLdProps {
+    title: string;
+    description: string;
+    author: string;
+    datePublished: string;
+    url: string;
+    image?: string;
+}
+declare function ArticleJsonLd({ title, description, author, datePublished, url, image, }: ArticleJsonLdProps): react_jsx_runtime.JSX.Element;
+
+declare function SEOAdminPage(): react_jsx_runtime.JSX.Element;
+
+declare function SEOAnalyticsPage(): react_jsx_runtime.JSX.Element;
+
+export { ArticleJsonLd, BreadcrumbsJsonLd, MetaEditor, SEOAdminPage, SEOAnalyticsPage, SEOHead, SEOPreview, SEOScoreCard, SitemapViewer };

package/packages/react-css/dist/index.js

@@ -0,0 +1,539 @@
+// src/index.ts
+import {
+  buildTitle,
+  applyTitleTemplate,
+  truncateDescription,
+  buildCanonical,
+  buildAlternates,
+  estimateReadingTime,
+  calcSEOScore,
+  generateRobotsTxt,
+  generateSitemapXml,
+  articleSchema as articleSchema2,
+  productSchema,
+  orgSchema,
+  breadcrumbSchema as breadcrumbSchema2,
+  faqSchema,
+  webApplicationSchema,
+  SEOConfigBuilder,
+  createSEOConfig,
+  configureSEO,
+  PageMetaBuilder,
+  createPageMeta,
+  validateSEOMeta,
+  seoPresets,
+  SeoProvider,
+  useSEOContext,
+  useSEO,
+  useSEOAdmin as useSEOAdmin2,
+  useSEOScore as useSEOScore2,
+  useSitemap,
+  useCanonical,
+  useStructuredData
+} from "@geenius/seo-react";
+
+// src/components/SEOHead.tsx
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+function SEOHead({ meta }) {
+  useEffect(() => {
+    document.title = meta.title;
+    const setMetaTag = (name, content, isProperty = false) => {
+      let tag = document.querySelector(
+        `meta[${isProperty ? "property" : "name"}="${name}"]`
+      );
+      if (!tag) {
+        tag = document.createElement("meta");
+        isProperty ? tag.setAttribute("property", name) : tag.setAttribute("name", name);
+        document.head.appendChild(tag);
+      }
+      tag.content = content;
+    };
+    setMetaTag("description", meta.description);
+    if (meta.keywords.length > 0) {
+      setMetaTag("keywords", meta.keywords.join(", "));
+    }
+    if (meta.robots) {
+      setMetaTag("robots", meta.robots);
+    }
+    setMetaTag("og:title", meta.og.title, true);
+    setMetaTag("og:description", meta.og.description, true);
+    if (meta.og.image) {
+      setMetaTag("og:image", meta.og.image, true);
+      if (meta.og.imageAlt) {
+        setMetaTag("og:image:alt", meta.og.imageAlt, true);
+      }
+    }
+    setMetaTag("og:type", meta.og.type, true);
+    setMetaTag("og:url", meta.og.url, true);
+    if (meta.og.siteName) {
+      setMetaTag("og:site_name", meta.og.siteName, true);
+    }
+    setMetaTag("twitter:card", meta.twitter.card);
+    setMetaTag("twitter:title", meta.twitter.title);
+    setMetaTag("twitter:description", meta.twitter.description);
+    if (meta.twitter.image) {
+      setMetaTag("twitter:image", meta.twitter.image);
+    }
+    if (meta.twitter.creator) {
+      setMetaTag("twitter:creator", meta.twitter.creator);
+    }
+    if (meta.canonical) {
+      let canonicalLink = document.querySelector('link[rel="canonical"]');
+      if (!canonicalLink) {
+        canonicalLink = document.createElement("link");
+        canonicalLink.rel = "canonical";
+        document.head.appendChild(canonicalLink);
+      }
+      canonicalLink.href = meta.canonical;
+    }
+    if (meta.alternates) {
+      Object.entries(meta.alternates).forEach(([lang, url]) => {
+        let altLink = document.querySelector(
+          `link[rel="alternate"][hreflang="${lang}"]`
+        );
+        if (!altLink) {
+          altLink = document.createElement("link");
+          altLink.rel = "alternate";
+          altLink.setAttribute("hreflang", lang);
+          document.head.appendChild(altLink);
+        }
+        altLink.href = url;
+      });
+    }
+    if (meta.jsonLd && meta.jsonLd.length > 0) {
+      meta.jsonLd.forEach((schema) => {
+        let script = document.querySelector('script[type="application/ld+json"]');
+        if (!script) {
+          script = document.createElement("script");
+          script.type = "application/ld+json";
+          document.head.appendChild(script);
+        }
+        script.textContent = JSON.stringify(schema);
+      });
+    }
+  }, [meta]);
+  return /* @__PURE__ */ jsx("div", { className: "seo__head" });
+}
+
+// src/components/SEOPreview.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function SEOPreview({ meta }) {
+  return /* @__PURE__ */ jsxs("div", { className: "seo__preview", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx2("h3", { style: { fontSize: "0.875rem", fontWeight: 600, marginBottom: "0.5rem" }, children: "Google Search Preview" }),
+      /* @__PURE__ */ jsxs("div", { className: "seo__preview-google", children: [
+        /* @__PURE__ */ jsx2("div", { className: "seo__preview-google-url", children: new URL(meta.og.url).hostname }),
+        /* @__PURE__ */ jsx2("div", { className: "seo__preview-google-title", children: meta.title }),
+        /* @__PURE__ */ jsx2("div", { className: "seo__preview-google-desc", children: meta.description })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx2("h3", { style: { fontSize: "0.875rem", fontWeight: 600, marginBottom: "0.5rem" }, children: "Social Media Preview" }),
+      /* @__PURE__ */ jsxs("div", { className: "seo__preview-social", children: [
+        meta.og.image && /* @__PURE__ */ jsx2(
+          "img",
+          {
+            src: meta.og.image,
+            alt: meta.og.imageAlt || meta.og.title,
+            className: "seo__preview-social-image"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "seo__preview-social-info", children: [
+          /* @__PURE__ */ jsx2("div", { className: "seo__preview-social-title", children: meta.og.title }),
+          /* @__PURE__ */ jsx2("div", { className: "seo__preview-social-desc", children: meta.og.description }),
+          /* @__PURE__ */ jsx2("div", { className: "seo__preview-social-url", children: meta.og.url })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/SEOScoreCard.tsx
+import { useSEOScore } from "@geenius/seo-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function SEOScoreCard({ meta }) {
+  const { score, issues } = useSEOScore(meta);
+  const scoreClass = score >= 80 ? "seo__score-number--good" : score >= 50 ? "seo__score-number--fair" : "seo__score-number--poor";
+  const barClass = score >= 80 ? "seo__score-bar-fill--good" : score >= 50 ? "seo__score-bar-fill--fair" : "seo__score-bar-fill--poor";
+  return /* @__PURE__ */ jsxs2("div", { className: "seo__score-card", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "seo__score-card-header", children: [
+      /* @__PURE__ */ jsx3("div", { className: "seo__score-card-title", children: "SEO Score" }),
+      /* @__PURE__ */ jsxs2("span", { className: `seo__score-number ${scoreClass}`, children: [
+        score,
+        "/100"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3("div", { className: "seo__score-bar", children: /* @__PURE__ */ jsx3("div", { className: `seo__score-bar-fill ${barClass}`, style: { width: `${score}%` } }) }),
+    issues.length > 0 && /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx3("div", { className: "seo__issue-list-title", children: "Issues Found" }),
+      /* @__PURE__ */ jsx3("ul", { className: "seo__issue-list", children: issues.map((issue, i) => /* @__PURE__ */ jsxs2("li", { className: "seo__issue-item", children: [
+        /* @__PURE__ */ jsx3("span", { className: "seo__issue-item-bullet", children: "\u2022" }),
+        issue
+      ] }, i)) })
+    ] })
+  ] });
+}
+
+// src/components/MetaEditor.tsx
+import { useState } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function MetaEditor({ meta, onChange }) {
+  const [localMeta, setLocalMeta] = useState(meta);
+  const handleChange = (updates) => {
+    const updated = { ...localMeta, ...updates };
+    setLocalMeta(updated);
+    onChange(updated);
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "seo__meta-editor", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsxs3("label", { className: "seo__meta-field-label", children: [
+        "Title (",
+        localMeta.title.length,
+        "/60)"
+      ] }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "text",
+          value: localMeta.title,
+          onChange: (e) => handleChange({
+            title: e.target.value.slice(0, 60)
+          }),
+          className: "seo__meta-field-input",
+          placeholder: "Page title"
+        }
+      ),
+      /* @__PURE__ */ jsx4("div", { className: "seo__meta-char-count", children: localMeta.title.length < 30 ? "Too short" : localMeta.title.length > 60 ? "Too long" : "Good length" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsxs3("label", { className: "seo__meta-field-label", children: [
+        "Description (",
+        localMeta.description.length,
+        "/160)"
+      ] }),
+      /* @__PURE__ */ jsx4(
+        "textarea",
+        {
+          value: localMeta.description,
+          onChange: (e) => handleChange({
+            description: e.target.value.slice(0, 160)
+          }),
+          className: "seo__meta-field-textarea",
+          placeholder: "Page description"
+        }
+      ),
+      /* @__PURE__ */ jsx4("div", { className: "seo__meta-char-count", children: localMeta.description.length < 50 ? "Too short" : localMeta.description.length > 160 ? "Too long" : "Good length" })
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsx4("label", { className: "seo__meta-field-label", children: "Keywords" }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "text",
+          value: localMeta.keywords.join(", "),
+          onChange: (e) => handleChange({
+            keywords: e.target.value.split(",").map((k) => k.trim())
+          }),
+          className: "seo__meta-field-input",
+          placeholder: "keyword1, keyword2, keyword3"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsx4("label", { className: "seo__meta-field-label", children: "Canonical URL" }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "url",
+          value: localMeta.canonical || "",
+          onChange: (e) => handleChange({
+            canonical: e.target.value
+          }),
+          className: "seo__meta-field-input",
+          placeholder: "https://example.com/page"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsx4("label", { className: "seo__meta-field-label", children: "OG Image URL" }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "url",
+          value: localMeta.og.image || "",
+          onChange: (e) => handleChange({
+            og: { ...localMeta.og, image: e.target.value }
+          }),
+          className: "seo__meta-field-input",
+          placeholder: "https://example.com/image.jpg"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsx4("label", { className: "seo__meta-field-label", children: "Twitter Card Type" }),
+      /* @__PURE__ */ jsxs3(
+        "select",
+        {
+          value: localMeta.twitter.card,
+          onChange: (e) => handleChange({
+            twitter: {
+              ...localMeta.twitter,
+              card: e.target.value
+            }
+          }),
+          className: "seo__meta-field-select",
+          children: [
+            /* @__PURE__ */ jsx4("option", { value: "summary", children: "Summary" }),
+            /* @__PURE__ */ jsx4("option", { value: "summary_large_image", children: "Summary Large Image" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs3("div", { className: "seo__meta-field", children: [
+      /* @__PURE__ */ jsx4("label", { className: "seo__meta-field-label", children: "Robots Directive" }),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          type: "text",
+          value: localMeta.robots || "",
+          onChange: (e) => handleChange({
+            robots: e.target.value
+          }),
+          className: "seo__meta-field-input",
+          placeholder: "index, follow"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/SitemapViewer.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function SitemapViewer({ entries }) {
+  return /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsxs4("table", { className: "seo__sitemap-table", children: [
+    /* @__PURE__ */ jsx5("thead", { className: "seo__sitemap-table-head", children: /* @__PURE__ */ jsxs4("tr", { children: [
+      /* @__PURE__ */ jsx5("th", { className: "seo__sitemap-table-header", children: "URL" }),
+      /* @__PURE__ */ jsx5("th", { className: "seo__sitemap-table-header", children: "Last Modified" }),
+      /* @__PURE__ */ jsx5("th", { className: "seo__sitemap-table-header", children: "Change Frequency" }),
+      /* @__PURE__ */ jsx5("th", { className: "seo__sitemap-table-header", children: "Priority" })
+    ] }) }),
+    /* @__PURE__ */ jsx5("tbody", { children: entries.map((entry, i) => /* @__PURE__ */ jsxs4("tr", { className: "seo__sitemap-row", children: [
+      /* @__PURE__ */ jsx5("td", { className: "seo__sitemap-cell", children: /* @__PURE__ */ jsx5("a", { href: entry.url, target: "_blank", rel: "noopener noreferrer", className: "seo__sitemap-url", children: entry.url }) }),
+      /* @__PURE__ */ jsx5("td", { className: "seo__sitemap-cell seo__sitemap-cell-muted", children: entry.lastmod || "-" }),
+      /* @__PURE__ */ jsx5("td", { className: "seo__sitemap-cell seo__sitemap-cell-muted", children: entry.changefreq || "-" }),
+      /* @__PURE__ */ jsx5("td", { className: "seo__sitemap-cell seo__sitemap-cell-muted", children: entry.priority || "-" })
+    ] }, i)) })
+  ] }) });
+}
+
+// src/components/BreadcrumbsJsonLd.tsx
+import { useEffect as useEffect2 } from "react";
+import { breadcrumbSchema } from "@geenius/seo-shared";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function BreadcrumbsJsonLd({ items }) {
+  useEffect2(() => {
+    const script = document.createElement("script");
+    script.type = "application/ld+json";
+    script.textContent = JSON.stringify(breadcrumbSchema(items));
+    document.head.appendChild(script);
+    return () => {
+      document.head.removeChild(script);
+    };
+  }, [items]);
+  return /* @__PURE__ */ jsx6("div", { className: "seo__breadcrumbs" });
+}
+
+// src/components/ArticleJsonLd.tsx
+import { useEffect as useEffect3 } from "react";
+import { articleSchema } from "@geenius/seo-shared";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ArticleJsonLd({
+  title,
+  description,
+  author,
+  datePublished,
+  url,
+  image
+}) {
+  useEffect3(() => {
+    const script = document.createElement("script");
+    script.type = "application/ld+json";
+    script.textContent = JSON.stringify(
+      articleSchema({
+        title,
+        description,
+        author,
+        datePublished,
+        url,
+        image
+      })
+    );
+    document.head.appendChild(script);
+    return () => {
+      document.head.removeChild(script);
+    };
+  }, [title, description, author, datePublished, url, image]);
+  return /* @__PURE__ */ jsx7("div", { className: "seo__article-jsonld" });
+}
+
+// src/pages/SEOAdminPage.tsx
+import { useState as useState2 } from "react";
+import { useSEOAdmin } from "@geenius/seo-react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function SEOAdminPage() {
+  const { pages, upsertMeta, deleteMeta, isLoading } = useSEOAdmin();
+  const [selectedPath, setSelectedPath] = useState2(null);
+  const [editingMeta, setEditingMeta] = useState2(null);
+  const currentPage = pages.find((p) => p.path === selectedPath);
+  const handleSave = async () => {
+    if (selectedPath && editingMeta) {
+      await upsertMeta(selectedPath, editingMeta);
+      setEditingMeta(null);
+    }
+  };
+  const handleDelete = async () => {
+    if (selectedPath) {
+      await deleteMeta(selectedPath);
+      setSelectedPath(null);
+      setEditingMeta(null);
+    }
+  };
+  if (isLoading) return /* @__PURE__ */ jsx8("div", { style: { padding: "1rem" }, children: "Loading..." });
+  return /* @__PURE__ */ jsxs5("div", { className: "seo__admin-container", children: [
+    /* @__PURE__ */ jsx8("h1", { className: "seo__admin-title", children: "SEO Admin" }),
+    /* @__PURE__ */ jsxs5("div", { className: "seo__admin-grid", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "seo__admin-sidebar", children: [
+        /* @__PURE__ */ jsx8("div", { className: "seo__admin-sidebar-title", children: "Pages" }),
+        /* @__PURE__ */ jsx8("div", { className: "seo__admin-page-list", children: pages.map((page) => /* @__PURE__ */ jsx8(
+          "button",
+          {
+            onClick: () => {
+              setSelectedPath(page.path);
+              setEditingMeta(page.meta);
+            },
+            className: `seo__admin-page-button ${selectedPath === page.path ? "seo__admin-page-button--active" : ""}`,
+            children: page.path || "/"
+          },
+          page.path
+        )) })
+      ] }),
+      currentPage && editingMeta && /* @__PURE__ */ jsxs5("div", { className: "seo__admin-editor", children: [
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsx8("h2", { style: { fontWeight: 600, marginBottom: "1rem" }, children: "Edit Metadata" }),
+          /* @__PURE__ */ jsx8(MetaEditor, { meta: editingMeta, onChange: setEditingMeta })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "seo__space-y", children: [
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsx8("h2", { style: { fontWeight: 600, marginBottom: "1rem" }, children: "Preview" }),
+            /* @__PURE__ */ jsx8(SEOPreview, { meta: editingMeta })
+          ] }),
+          /* @__PURE__ */ jsx8(SEOScoreCard, { meta: editingMeta })
+        ] })
+      ] })
+    ] }),
+    currentPage && editingMeta && /* @__PURE__ */ jsxs5("div", { className: "seo__admin-actions", children: [
+      /* @__PURE__ */ jsx8("button", { onClick: handleSave, className: "seo__button seo__button--success", children: "Save" }),
+      /* @__PURE__ */ jsx8("button", { onClick: handleDelete, className: "seo__button seo__button--danger", children: "Delete" })
+    ] })
+  ] });
+}
+
+// src/pages/SEOAnalyticsPage.tsx
+import { useState as useState3, useEffect as useEffect4 } from "react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function SEOAnalyticsPage() {
+  const [topPages, setTopPages] = useState3([]);
+  const [isLoading, setIsLoading] = useState3(false);
+  useEffect4(() => {
+    setIsLoading(true);
+    setIsLoading(false);
+  }, []);
+  const totalViews = topPages.reduce((sum, p) => sum + p.views, 0);
+  const avgTimeOnPage = topPages.length > 0 ? topPages.reduce((sum, p) => sum + p.avgTimeOnPage, 0) / topPages.length : 0;
+  const avgBounceRate = topPages.length > 0 ? topPages.reduce((sum, p) => sum + p.bounceRate, 0) / topPages.length * 100 : 0;
+  if (isLoading) return /* @__PURE__ */ jsx9("div", { style: { padding: "1rem" }, children: "Loading..." });
+  return /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-container", children: [
+    /* @__PURE__ */ jsx9("h1", { className: "seo__analytics-title", children: "SEO Analytics" }),
+    /* @__PURE__ */ jsx9("div", { className: "seo__analytics-table-wrapper", children: /* @__PURE__ */ jsxs6("table", { className: "seo__sitemap-table", children: [
+      /* @__PURE__ */ jsx9("thead", { className: "seo__sitemap-table-head", children: /* @__PURE__ */ jsxs6("tr", { children: [
+        /* @__PURE__ */ jsx9("th", { className: "seo__sitemap-table-header", children: "Page" }),
+        /* @__PURE__ */ jsx9("th", { className: "seo__sitemap-table-header", children: "Views" }),
+        /* @__PURE__ */ jsx9("th", { className: "seo__sitemap-table-header", children: "Avg Time (s)" }),
+        /* @__PURE__ */ jsx9("th", { className: "seo__sitemap-table-header", children: "Bounce Rate" })
+      ] }) }),
+      /* @__PURE__ */ jsx9("tbody", { children: topPages.map((page, i) => /* @__PURE__ */ jsxs6("tr", { className: "seo__sitemap-row", children: [
+        /* @__PURE__ */ jsx9("td", { className: "seo__sitemap-cell", children: page.path }),
+        /* @__PURE__ */ jsx9("td", { className: "seo__sitemap-cell", children: page.views.toLocaleString() }),
+        /* @__PURE__ */ jsx9("td", { className: "seo__sitemap-cell", children: page.avgTimeOnPage.toFixed(1) }),
+        /* @__PURE__ */ jsxs6("td", { className: "seo__sitemap-cell", children: [
+          (page.bounceRate * 100).toFixed(1),
+          "%"
+        ] })
+      ] }, i)) })
+    ] }) }),
+    topPages.length === 0 && /* @__PURE__ */ jsx9("p", { style: { textAlign: "center", color: "var(--seo-text-muted)", padding: "2rem" }, children: "No analytics data available" }),
+    /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-summary", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-card", children: [
+        /* @__PURE__ */ jsx9("div", { className: "seo__analytics-card-label", children: "Total Views" }),
+        /* @__PURE__ */ jsx9("div", { className: "seo__analytics-card-value", children: totalViews.toLocaleString() })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-card", children: [
+        /* @__PURE__ */ jsx9("div", { className: "seo__analytics-card-label", children: "Average Time on Page" }),
+        /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-card-value", children: [
+          avgTimeOnPage.toFixed(1),
+          "s"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-card", children: [
+        /* @__PURE__ */ jsx9("div", { className: "seo__analytics-card-label", children: "Average Bounce Rate" }),
+        /* @__PURE__ */ jsxs6("div", { className: "seo__analytics-card-value", children: [
+          avgBounceRate.toFixed(1),
+          "%"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ArticleJsonLd,
+  BreadcrumbsJsonLd,
+  MetaEditor,
+  PageMetaBuilder,
+  SEOAdminPage,
+  SEOAnalyticsPage,
+  SEOConfigBuilder,
+  SEOHead,
+  SEOPreview,
+  SEOScoreCard,
+  SeoProvider,
+  SitemapViewer,
+  applyTitleTemplate,
+  articleSchema2 as articleSchema,
+  breadcrumbSchema2 as breadcrumbSchema,
+  buildAlternates,
+  buildCanonical,
+  buildTitle,
+  calcSEOScore,
+  configureSEO,
+  createPageMeta,
+  createSEOConfig,
+  estimateReadingTime,
+  faqSchema,
+  generateRobotsTxt,
+  generateSitemapXml,
+  orgSchema,
+  productSchema,
+  seoPresets,
+  truncateDescription,
+  useCanonical,
+  useSEO,
+  useSEOAdmin2 as useSEOAdmin,
+  useSEOContext,
+  useSEOScore2 as useSEOScore,
+  useSitemap,
+  useStructuredData,
+  validateSEOMeta,
+  webApplicationSchema
+};
+//# sourceMappingURL=index.js.map