@bygghammar/cms-platform 0.51.0 → 0.52.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.52.0
+
+- `IndexingStatusCard`: read-only search-engine indexing status (from
+  `site/indexing`), shown on the SEO list and SEO detail views via a new
+  optional `indexing` dep — the same box as Admin → Site settings.
+
 ## 0.51.0
 
 - `site/indexing`: environment-derived search-engine policy (`SITE_INDEXING`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bygghammar/cms-platform",
-  "version": "0.51.0",
+  "version": "0.52.0",
   "description": "Shared CMS platform: blocks, block types, i18n core, UI primitives and design-token contract used by every Bygghammar/Voyara site.",
   "type": "module",
   "sideEffects": [
@@ -197,7 +197,8 @@
     "./runtime/error-reporting": "./src/runtime/error-reporting.ts",
     "./server/media-usage-host": "./src/server/media-usage-host.ts",
     "./runtime/server-entry": "./src/runtime/server-entry.ts",
-    "./site/indexing": "./src/site/indexing.ts"
+    "./site/indexing": "./src/site/indexing.ts",
+    "./backoffice/IndexingStatusCard": "./src/backoffice/IndexingStatusCard.tsx"
   },
   "dependencies": {
     "fflate": "^0.8.3"

package/src/backoffice/IndexingStatusCard.tsx

@@ -0,0 +1,43 @@
+import type { ReactNode } from "react";
+
+import type { IndexingPolicy } from "../site/indexing";
+
+/**
+ * Read-only search-engine indexing status, resolved server-side from the
+ * environment (`SITE_INDEXING` / `SITE_ENV` — see `site/indexing`). Shown on
+ * Site settings and the SEO screens so a blocked staging deployment is
+ * visible wherever metadata is edited. Never a database toggle: indexing is
+ * an environment fact so a content restore cannot flip it.
+ */
+export function IndexingStatusCard({
+  indexing,
+}: {
+  indexing?: IndexingPolicy;
+}): ReactNode {
+  const status = indexing
+    ? indexing.mode === "block"
+      ? "Blocked — not indexed"
+      : "Indexed"
+    : "Unknown";
+  const source = indexing
+    ? indexing.source === "SITE_INDEXING"
+      ? `From SITE_INDEXING=${indexing.value}`
+      : indexing.source === "SITE_ENV"
+        ? `From SITE_ENV=${indexing.value}`
+        : "Safe default — SITE_INDEXING unset"
+    : "Set SITE_INDEXING per environment";
+
+  return (
+    <div className="max-w-sm border border-ink/10 bg-white p-4">
+      <div className="text-xs uppercase tracking-wider text-ink/50">Search engines</div>
+      <div className="mt-1 text-sm text-ink">{status}</div>
+      <div className="mt-2 text-[11px] uppercase tracking-wider text-ink/40">{source}</div>
+      <p className="mt-3 text-xs text-ink/50">
+        Indexing is an environment fact, not a setting here: set <code>SITE_INDEXING=off</code> on
+        staging and <code>SITE_INDEXING=on</code> in production. A blocked deployment serves{" "}
+        <code>Disallow: /</code> in robots.txt and a <code>noindex, nofollow</code> header on every
+        response.
+      </p>
+    </div>
+  );
+}

package/src/backoffice/seo/SeoListView.tsx

@@ -7,6 +7,9 @@
 import type { ReactNode } from "react";
 import { Check, ChevronLeft, ChevronRight } from "lucide-react";
 
+import type { IndexingPolicy } from "../../site/indexing";
+import { IndexingStatusCard } from "../IndexingStatusCard";
+
 export type SeoListRow = {
   /** Page key, e.g. `index` or a CMS-only page key. */
   key: string;
@@ -21,10 +24,15 @@ export type SeoListDeps = {
   rows: readonly SeoListRow[];
   /** Navigate to the SEO editor for one page key. */
   openEditor: (key: string) => void;
+  /**
+   * Indexing policy for the running deployment, resolved from the environment
+   * server-side (see `site/indexing`). Shown read-only, same as Site settings.
+   */
+  indexing?: IndexingPolicy;
 };
 
 export function SeoListView({ deps }: { deps: SeoListDeps }): ReactNode {
-  const { rows, openEditor } = deps;
+  const { rows, openEditor, indexing } = deps;
 
   return (
     <div className="p-8 md:p-12 w-full">
@@ -36,6 +44,10 @@ export function SeoListView({ deps }: { deps: SeoListDeps }): ReactNode {
         defaults from the codebase and are used directly by canonical, hreflang and sitemap.
       </p>
 
+      <div className="mt-6">
+        <IndexingStatusCard indexing={indexing} />
+      </div>
+
       <ul className="mt-10 divide-y divide-ink/10 border-y border-ink/10">
         {rows.map((row) => (
           <li key={row.key}>
@@ -73,10 +85,15 @@ export type SeoDetailDeps = {
   onBack: () => void;
   /** The host's page SEO panel for this page key. */
   children: ReactNode;
+  /**
+   * Indexing policy for the running deployment, resolved from the environment
+   * server-side (see `site/indexing`). Shown read-only, same as Site settings.
+   */
+  indexing?: IndexingPolicy;
 };
 
 export function SeoDetailView({ deps }: { deps: SeoDetailDeps }): ReactNode {
-  const { pageKey, onBack, children } = deps;
+  const { pageKey, onBack, children, indexing } = deps;
 
   return (
     <div className="p-8 md:p-12 w-full">
@@ -98,6 +115,10 @@ export function SeoDetailView({ deps }: { deps: SeoDetailDeps }): ReactNode {
         hreflang, Open Graph and Twitter cards.
       </p>
 
+      <div className="mt-6">
+        <IndexingStatusCard indexing={indexing} />
+      </div>
+
       <div className="mt-8">{children}</div>
     </div>
   );