@justanarthur/payload-www 0.3.3 → 0.3.5

package/dist/pages.js

@@ -30,6 +30,7 @@ function PageShowcase({
   metadataHeading = "Page metadata",
   jsonLdHeading = "JSON-LD"
 }) {
+  console.log("[WWW] render/components:PageShowcase jsonLdEntries=", jsonLd.length, "hasOg=", Boolean(metadata.openGraph), "hasTwitter=", Boolean(metadata.twitter), "canonical=", metadata.alternates?.canonical);
   const og = metadata.openGraph;
   const twitter = metadata.twitter;
   const rows = [
@@ -147,6 +148,7 @@ function LocaleSwitcher({
   labels
 }) {
   const locales = Object.keys(hreflangAlternates).filter((k) => k !== "x-default");
+  console.log("[WWW] render/components:LocaleSwitcher currentLocale=", currentLocale, "locales=", JSON.stringify(locales), "hasXDefault=", Boolean(hreflangAlternates["x-default"]));
   return /* @__PURE__ */ jsx7("nav", {
     "aria-label": "Language",
     className: "locale-switcher",
@@ -211,8 +213,11 @@ var RenderBlocks = ({
   locale,
   searchParams
 }) => {
-  if (!blocks || !Array.isArray(blocks) || blocks.length === 0)
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
+    console.log("[WWW] render/blocks:RenderBlocks no blocks (locale=", locale, ")");
     return null;
+  }
+  console.log("[WWW] render/blocks:RenderBlocks rendering count=", blocks.length, "locale=", locale);
   const rendered = [];
   for (let i = 0;i < blocks.length; i++) {
     const block = blocks[i];
@@ -220,9 +225,10 @@ var RenderBlocks = ({
     const importMapPath = config.admin?.dependencies?.[blockType]?.path ?? generateImportName("block", blockType);
     const Block = getFromImportMap(importMapPath, importMap);
     if (!Block) {
-      console.warn(`No block found for type: ${blockType}, config.admin?.dependencies?.[blockType]: ${config.admin?.dependencies?.[blockType]}`);
+      console.warn(`[WWW] render/blocks:RenderBlocks no block for type=${blockType} importMapPath=${importMapPath} (locale=${locale})`);
       continue;
     }
+    console.log("[WWW] render/blocks:RenderBlocks [", i, "] blockType=", blockType, "importMapPath=", importMapPath);
     rendered.push(/* @__PURE__ */ jsx(Block, {
       index: i,
       ...blockProps,
@@ -239,9 +245,12 @@ var RenderBlocks = ({
 // src/render/pages/PagesPage.tsx
 import { jsx as jsx2, Fragment as Fragment2 } from "react/jsx-runtime";
 async function PagesPage({ doc, ...props }) {
-  if (!doc)
+  if (!doc) {
+    console.log("[WWW] render/pages:PagesPage no doc");
     return /* @__PURE__ */ jsx2(Fragment2, {});
+  }
   const blocks = doc.blocks ?? [];
+  console.log("[WWW] render/pages:PagesPage blocks=", blocks.length, "locale=", props.locale);
   return /* @__PURE__ */ jsx2(Fragment2, {
     children: /* @__PURE__ */ jsx2(RenderBlocks, {
       blocks,
@@ -254,11 +263,14 @@ async function PagesPage({ doc, ...props }) {
 import"server-only";
 import { jsx as jsx3, jsxs, Fragment as Fragment3 } from "react/jsx-runtime";
 function HeaderPage({ data, locale: _locale }) {
-  if (!data)
+  if (!data) {
+    console.log("[WWW] render/pages:HeaderPage no data");
     return /* @__PURE__ */ jsx3(Fragment3, {});
+  }
   const nav = data.nav ?? [];
   const items = nav.filter((b) => b.blockType === "navItem");
   const columns = nav.filter((b) => b.blockType === "navColumn");
+  console.log("[WWW] render/pages:HeaderPage items=", items.length, "columns=", columns.length, "locale=", _locale);
   const renderLink = (link, fallbackHref = "#") => {
     if (!link)
       return /* @__PURE__ */ jsx3("a", {
@@ -312,11 +324,14 @@ function HeaderPage({ data, locale: _locale }) {
 import"server-only";
 import { jsx as jsx4, jsxs as jsxs2, Fragment as Fragment4 } from "react/jsx-runtime";
 function FooterPage({ data, locale: _locale }) {
-  if (!data)
+  if (!data) {
+    console.log("[WWW] render/pages:FooterPage no data");
     return /* @__PURE__ */ jsx4(Fragment4, {});
+  }
   const nav = data.nav ?? [];
   const items = nav.filter((b) => b.blockType === "navItem");
   const columns = nav.filter((b) => b.blockType === "navColumn");
+  console.log("[WWW] render/pages:FooterPage items=", items.length, "columns=", columns.length, "locale=", _locale);
   const renderLink = (link, fallbackHref = "#") => {
     if (!link)
       return /* @__PURE__ */ jsx4("a", {
@@ -386,13 +401,17 @@ var STATIC_PAGES_SLUG = "staticPages";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function renderCollectionModule(collection = [], slug, importMap, props) {
   const renderPath = collection?.find((c) => c.slug === slug)?.custom?.path;
-  if (!renderPath)
+  if (!renderPath) {
+    console.log("[WWW] render/utils:renderCollectionModule no custom.path slug=", slug);
     return null;
+  }
   const CollectionRenderModule = getFromImportMap(renderPath, importMap);
   if (!CollectionRenderModule) {
+    console.error("[WWW] render/utils:renderCollectionModule not found slug=", slug, "path=", renderPath);
     if (false) {}
     return null;
   }
+  console.log("[WWW] render/utils:renderCollectionModule rendering slug=", slug, "path=", renderPath);
   return /* @__PURE__ */ jsx5(CollectionRenderModule, {
     importMap,
     ...props
@@ -413,6 +432,7 @@ async function buildHreflangAlternates({
   localePrefix = "always"
 }) {
   const allLocaleSlugs = await queryAllLocaleSlugs(storedSlug, locale);
+  console.log("[WWW] render/metadata:buildHreflangAlternates storedSlug=", storedSlug, "locale=", locale, "allLocaleSlugs=", JSON.stringify(allLocaleSlugs));
   const languages = {};
   const urlFor = (l, slug) => {
     const trimmedPrefix = urlPrefix.replace(/^\/|\/$/g, "");
@@ -430,6 +450,7 @@ async function buildHreflangAlternates({
   if (allLocaleSlugs?.[defaultLocale]) {
     languages["x-default"] = urlFor(defaultLocale, allLocaleSlugs[defaultLocale]);
   }
+  console.log("[WWW] render/metadata:buildHreflangAlternates ->", JSON.stringify(languages));
   return languages;
 }
 
@@ -444,6 +465,11 @@ function getImageUrl(doc, siteUrl) {
     return img.url.startsWith("http") ? img.url : `${siteUrl}${img.url}`;
   return null;
 }
+function getImageUrlWithLog(doc, siteUrl) {
+  const result = getImageUrl(doc, siteUrl);
+  console.log("[WWW] render/metadata:jsonld:getImageUrl ->", result);
+  return result;
+}
 function resolveLocalizedField(value, locale) {
   if (value == null)
     return "";
@@ -465,6 +491,13 @@ function resolveLocalizedField(value, locale) {
   }
   return Object.values(obj).filter((v) => typeof v === "string" && v.length > 0).join(" / ");
 }
+function resolveLocalizedFieldWithLog(value, locale) {
+  const result = resolveLocalizedField(value, locale);
+  if (value && typeof value === "object") {
+    console.log("[WWW] render/metadata:jsonld:resolveLocalizedField locale=", locale, "->", JSON.stringify(result));
+  }
+  return result;
+}
 function buildArticleLd({
   doc,
   url,
@@ -475,12 +508,13 @@ function buildArticleLd({
   publisherLogo
 }) {
   const name = publisherName ?? new URL(siteUrl).hostname;
+  console.log("[WWW] render/metadata:buildArticleLd url=", url, "locale=", locale, "type=", type, "publisherName=", name);
   const ld = {
     "@context": "https://schema.org",
     "@type": type,
     "@id": `${url}#article`,
-    headline: resolveLocalizedField(doc.title, locale),
-    description: resolveLocalizedField(doc.meta?.description ?? doc.description ?? doc.excerpt, locale),
+    headline: resolveLocalizedFieldWithLog(doc.title, locale),
+    description: resolveLocalizedFieldWithLog(doc.meta?.description ?? doc.description ?? doc.excerpt, locale),
     inLanguage: locale,
     url,
     dateModified: doc.updatedAt ? new Date(doc.updatedAt).toISOString() : undefined
@@ -488,7 +522,7 @@ function buildArticleLd({
   const datePublished = doc.publishedAt ?? doc.createdAt;
   if (datePublished)
     ld.datePublished = new Date(datePublished).toISOString();
-  const imgUrl = getImageUrl(doc, siteUrl);
+  const imgUrl = getImageUrlWithLog(doc, siteUrl);
   if (imgUrl)
     ld.image = imgUrl;
   ld.author = { "@type": "Organization", name, url: siteUrl };
@@ -504,6 +538,7 @@ function buildBreadcrumbsLd({
   items,
   currentUrl
 }) {
+  console.log("[WWW] render/metadata:buildBreadcrumbsLd items=", items.length, "currentUrl=", currentUrl);
   return {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
@@ -521,6 +556,7 @@ function buildOrganizationLd({
   logo,
   sameAs
 }) {
+  console.log("[WWW] render/metadata:buildOrganizationLd siteUrl=", siteUrl, "name=", name, "logo?", Boolean(logo), "sameAs?", Boolean(sameAs));
   const org = {
     "@context": "https://schema.org",
     "@type": "Organization",
@@ -536,23 +572,29 @@ function buildOrganizationLd({
 // src/render/metadata/slug.ts
 var SLUG_NESTED_DIVIDER = "_";
 function segmentsToStoredSlug(segments, nested) {
-  if (!Array.isArray(segments))
+  if (!Array.isArray(segments)) {
+    console.log("[WWW] render/metadata:segmentsToStoredSlug string passthrough:", JSON.stringify(segments));
     return segments;
-  if (nested)
-    return segments.join(SLUG_NESTED_DIVIDER);
-  return segments[0] ?? "";
+  }
+  const result = nested ? segments.join(SLUG_NESTED_DIVIDER) : segments[0] ?? "";
+  console.log("[WWW] render/metadata:segmentsToStoredSlug nested=", nested, "segments=", JSON.stringify(segments), "->", result);
+  return result;
 }
 function segmentsToUrlPath(segments, nested) {
+  let result;
   if (!Array.isArray(segments))
-    return "/" + segments;
-  if (nested)
-    return "/" + segments.join("/");
-  return "/" + (segments[0] ?? "");
+    result = "/" + segments;
+  else if (nested)
+    result = "/" + segments.join("/");
+  else
+    result = "/" + (segments[0] ?? "");
+  console.log("[WWW] render/metadata:segmentsToUrlPath nested=", nested, "segments=", JSON.stringify(segments), "->", result);
+  return result;
 }
 function storedSlugToSegments(storedSlug, nested) {
-  if (nested)
-    return storedSlug.split(SLUG_NESTED_DIVIDER);
-  return storedSlug;
+  const result = nested ? storedSlug.split(SLUG_NESTED_DIVIDER) : storedSlug;
+  console.log("[WWW] render/metadata:storedSlugToSegments nested=", nested, "storedSlug=", storedSlug, "->", JSON.stringify(result));
+  return result;
 }
 function buildCanonicalUrl({
   siteUrl,
@@ -562,7 +604,9 @@ function buildCanonicalUrl({
 }) {
   const trimmedPrefix = urlPrefix.replace(/^\/|\/$/g, "");
   const prefixSegment = trimmedPrefix ? `/${trimmedPrefix}` : "";
-  return `${siteUrl}/${locale}${prefixSegment}${urlPath}`;
+  const result = `${siteUrl}/${locale}${prefixSegment}${urlPath}`;
+  console.log("[WWW] render/metadata:buildCanonicalUrl siteUrl=", siteUrl, "locale=", locale, "urlPrefix=", urlPrefix, "urlPath=", urlPath, "->", result);
+  return result;
 }
 function getUrlPath(segments, nested, homeSlug) {
   const urlPath = segmentsToUrlPath(segments, nested);
@@ -588,6 +632,7 @@ var queryDocBySlug = cache(async function queryDocBySlug2({
   draft = false,
   config
 }) {
+  console.log("[WWW] render/metadata:queryDocBySlug collection=", collectionSlug, "slug=", slug, "slugField=", slugField, "locale=", locale, "draft=", draft);
   const payload = await getPayload({ config });
   const result = await payload.find({
     collection: collectionSlug,
@@ -598,7 +643,9 @@ var queryDocBySlug = cache(async function queryDocBySlug2({
     where: { [slugField]: { equals: slug } },
     locale
   });
-  return result.docs?.[0] ?? null;
+  const doc = result.docs?.[0] ?? null;
+  console.log("[WWW] render/metadata:queryDocBySlug ->", doc ? "hit" : "miss");
+  return doc;
 });
 var queryAllDocs = cache(async function queryAllDocs2({
   collectionSlug,
@@ -606,6 +653,7 @@ var queryAllDocs = cache(async function queryAllDocs2({
   locale,
   config
 }) {
+  console.log("[WWW] render/metadata:queryAllDocs collection=", collectionSlug, "locale=", locale);
   const payload = await getPayload({ config });
   const result = await payload.find({
     collection: collectionSlug,
@@ -616,7 +664,9 @@ var queryAllDocs = cache(async function queryAllDocs2({
     select: { [slugField]: true },
     locale
   });
-  return result.docs ?? [];
+  const docs = result.docs ?? [];
+  console.log("[WWW] render/metadata:queryAllDocs -> count=", docs.length);
+  return docs;
 });
 var queryAllLocaleSlugs = cache(async function queryAllLocaleSlugs2({
   collectionSlug,
@@ -625,6 +675,7 @@ var queryAllLocaleSlugs = cache(async function queryAllLocaleSlugs2({
   locale,
   config
 }) {
+  console.log("[WWW] render/metadata:queryAllLocaleSlugs collection=", collectionSlug, "slug=", slug, "locale=", locale);
   const payload = await getPayload({ config });
   const result = await payload.find({
     collection: collectionSlug,
@@ -637,8 +688,10 @@ var queryAllLocaleSlugs = cache(async function queryAllLocaleSlugs2({
     select: { [slugField]: true }
   });
   const doc = result.docs?.[0];
-  if (!doc)
+  if (!doc) {
+    console.log("[WWW] render/metadata:queryAllLocaleSlugs -> undefined (no doc)");
     return;
+  }
   let fieldValue = doc[slugField];
   if (doc.id != null) {
     const allLocales = await payload.findByID({
@@ -653,6 +706,7 @@ var queryAllLocaleSlugs = cache(async function queryAllLocaleSlugs2({
       fieldValue = allLocales[slugField];
   }
   if (fieldValue && typeof fieldValue === "object") {
+    console.log("[WWW] render/metadata:queryAllLocaleSlugs -> localized map=", JSON.stringify(fieldValue));
     return fieldValue;
   }
   const resolved = await config;
@@ -660,6 +714,7 @@ var queryAllLocaleSlugs = cache(async function queryAllLocaleSlugs2({
   const out = {};
   for (const l of rawLocales)
     out[l] = String(fieldValue ?? slug);
+  console.log("[WWW] render/metadata:queryAllLocaleSlugs -> flat-fanout locales=", rawLocales.length, "slug=", JSON.stringify(fieldValue ?? slug));
   return out;
 });
 var queryGlobal = cache(async function queryGlobal2({
@@ -669,6 +724,7 @@ var queryGlobal = cache(async function queryGlobal2({
   draft = false,
   config
 }) {
+  console.log("[WWW] render/metadata:queryGlobal global=", globalSlug, "locale=", locale, "depth=", depth, "draft=", draft);
   const payload = await getPayload({ config });
   try {
     const global = await payload.findGlobal({
@@ -677,17 +733,23 @@ var queryGlobal = cache(async function queryGlobal2({
       draft,
       locale
     });
+    console.log("[WWW] render/metadata:queryGlobal -> hit");
     return global;
-  } catch {
+  } catch (error) {
+    console.warn("[WWW] render/metadata:queryGlobal failed for slug=", globalSlug, "err=", String(error));
     return null;
   }
 });
 function getRenderModuleExports(exportName, collection, importMap) {
   const path = collection?.custom?.path;
-  if (!path)
+  if (!path) {
+    console.log("[WWW] render/metadata:getRenderModuleExports no custom.path exportName=", exportName);
     return;
+  }
   const mod = getFromImportMap(path, importMap);
-  return mod?.[exportName];
+  const value = mod?.[exportName];
+  console.log("[WWW] render/metadata:getRenderModuleExports exportName=", exportName, "path=", path, "hit=", Boolean(value));
+  return value;
 }
 
 // src/render/pages/createCollectionPageExports.tsx
@@ -720,11 +782,15 @@ function createCollectionPageExports({
   const localePrefixMode = typeof routing.localePrefix === "string" ? routing.localePrefix : routing.localePrefix?.mode ?? "always";
   const buildLocalePath = (locale, storedSlug) => {
     const urlPath = getUrlPath(storedSlugToSegments(storedSlug, nested), nested, HOME_SLUG);
+    let result;
     if (localePrefixMode === "never")
-      return urlPath;
-    if (localePrefixMode === "as-needed" && locale === defaultLocale)
-      return urlPath;
-    return `/${locale}${urlPath}`;
+      result = urlPath;
+    else if (localePrefixMode === "as-needed" && locale === defaultLocale)
+      result = urlPath;
+    else
+      result = `/${locale}${urlPath}`;
+    console.log("[WWW] render/pages:createCollectionPageExports:buildLocalePath locale=", locale, "storedSlug=", storedSlug, "->", result);
+    return result;
   };
   async function fetchDoc(locale, storedSlug, draft = false) {
     return queryDocBySlug({
@@ -755,14 +821,16 @@ function createCollectionPageExports({
     for (const [key, url] of Object.entries(languages)) {
       alternates[key] = url;
     }
+    console.log("[WWW] render/pages:createCollectionPageExports:resolveHreflangAlternates canonical=", canonical, "alts=", JSON.stringify(alternates));
     return { alternates, canonical };
   }
   const default_ = async (props) => {
     const { slug: rawSlugSegments, locale: incomingLocale } = await props.params ?? {};
     const slugSegments = Array.isArray(rawSlugSegments) ? rawSlugSegments : [];
     const locale = typeof incomingLocale === "string" ? incomingLocale : defaultLocale;
+    console.log("[WWW] render/pages:createCollectionPageExports:default_ collectionSlug=", slug, "locale=", locale, "segments=", JSON.stringify(slugSegments), "showcase=", showcaseEnabled);
     if (!locales.includes(locale)) {
-      console.error(`[WWW-DBG ${slug} notFound: invalid-locale] locale=${locale} segments=${JSON.stringify(slugSegments)}`);
+      console.error(`[WWW] render/pages:createCollectionPageExports:default_ notFound invalid-locale collection=${slug} locale=${locale} segments=${JSON.stringify(slugSegments)}`);
       const { notFound } = await import("next/navigation");
       notFound();
     }
@@ -770,16 +838,18 @@ function createCollectionPageExports({
     setRequestLocale(locale);
     const { draftMode } = await import("next/headers");
     const { isEnabled: draft } = await draftMode();
+    console.log("[WWW] render/pages:createCollectionPageExports:default_ draftMode=", draft);
     const storedSlug = segmentsToStoredSlug(slugSegments, nested);
     const doc = await fetchDoc(locale, storedSlug, draft);
     if (!doc) {
-      console.error(`[WWW-DBG ${slug} notFound: no-doc] locale=${locale} storedSlug="${storedSlug}" segments=${JSON.stringify(slugSegments)} draft=${draft}`);
+      console.error(`[WWW] render/pages:createCollectionPageExports:default_ notFound no-doc collection=${slug} locale=${locale} storedSlug="${storedSlug}" segments=${JSON.stringify(slugSegments)} draft=${draft}`);
       const { notFound } = await import("next/navigation");
       notFound();
     }
     const cfg = await configPromise;
     const collectionCustomPath = cfg.collections.find((c) => c.slug === slug)?.custom?.path;
     const effectivePath = renderPath ?? collectionCustomPath ?? defaultRenderPath;
+    console.log("[WWW] render/pages:createCollectionPageExports:default_ effectivePath=", effectivePath);
     const render = effectivePath === PAGES_RENDER_PATH ? /* @__PURE__ */ jsx8(PagesPage, {
       doc,
       importMap,
@@ -841,15 +911,22 @@ function createCollectionPageExports({
     const { slug: rawSlugSegments, locale: incomingLocale } = await props.params ?? {};
     const slugSegments = Array.isArray(rawSlugSegments) ? rawSlugSegments : [];
     const locale = typeof incomingLocale === "string" ? incomingLocale : defaultLocale;
-    if (!locales.includes(locale))
+    console.log("[WWW] render/pages:createCollectionPageExports:generateMetadata collectionSlug=", slug, "locale=", locale, "segments=", JSON.stringify(slugSegments));
+    if (!locales.includes(locale)) {
+      console.log("[WWW] render/pages:createCollectionPageExports:generateMetadata invalid locale -> not found meta");
       return { title: "Not found", robots: { index: false, follow: false } };
+    }
     const storedSlug = segmentsToStoredSlug(slugSegments, nested);
     const doc = await fetchDoc(locale, storedSlug);
-    if (!doc)
+    if (!doc) {
+      console.log("[WWW] render/pages:createCollectionPageExports:generateMetadata no doc -> not found meta");
       return { title: "Not found", robots: { index: false, follow: false } };
+    }
     const collection = cfg.collections.find((c) => c.slug === slug);
-    if (!collection)
+    if (!collection) {
+      console.warn("[WWW] render/pages:createCollectionPageExports:generateMetadata collection not in config slug=", slug);
       return {};
+    }
     const { canonical, alternates } = await resolveHreflangAlternates(locale, storedSlug);
     const meta = await generateMeta({
       doc,
@@ -871,6 +948,7 @@ function createCollectionPageExports({
     const urlPath = buildLocalePath(locale, storedSlug);
     const canonical = `${siteUrl}${urlPath}`;
     const entries = Array.isArray(jsonLdOption) ? jsonLdOption : metadataType === "article" ? [{ type: "article" }] : [{ type: "website" }];
+    console.log("[WWW] render/pages:createCollectionPageExports:generateJsonLd collection=", slug, "locale=", locale, "entries=", entries.map((e) => e.type).join(","));
     const outputs = [];
     for (const entry of entries) {
       const id = entry.id ?? `jsonld-${entry.type}-${outputs.length}`;
@@ -931,6 +1009,7 @@ function createCollectionPageExports({
     return outputs;
   }
   async function generateStaticParams() {
+    console.log("[WWW] render/pages:createCollectionPageExports:generateStaticParams collection=", slug, "locales=", JSON.stringify(locales));
     const params = [];
     for (const locale of locales) {
       const docs = await queryAllDocs({ collectionSlug: slug, slugField: "slug", locale, config: configPromise });
@@ -942,9 +1021,11 @@ function createCollectionPageExports({
         params.push({ slug: Array.isArray(segments) ? segments : [segments], locale });
       }
     }
+    console.log("[WWW] render/pages:createCollectionPageExports:generateStaticParams -> count=", params.length);
     return params;
   }
   async function generateSitemap() {
+    console.log("[WWW] render/pages:createCollectionPageExports:generateSitemap collection=", slug, "locales=", JSON.stringify(locales));
     const docs = await queryAllDocs({
       collectionSlug: slug,
       slugField: "slug",
@@ -964,6 +1045,7 @@ function createCollectionPageExports({
         urls.push({ url: `${siteUrl}${urlPath}`, lastModified: lastmod, changeFrequency: changefreq, priority });
       }
     }
+    console.log("[WWW] render/pages:createCollectionPageExports:generateSitemap -> urls=", urls.length);
     return urls;
   }
   return {

package/dist/render-components.js

@@ -24,6 +24,7 @@ import { jsx } from "react/jsx-runtime";
 var LivePreviewListener = ({ serverURL }) => {
   const router = useRouter();
   const url = serverURL ?? process.env.NEXT_PUBLIC_SERVER_URL ?? (typeof window !== "undefined" ? window.location.origin : "");
+  console.log("[WWW] render/components:LivePreviewListener serverURL=", url);
   return /* @__PURE__ */ jsx(PayloadLivePreview, {
     refresh: router.refresh,
     serverURL: url
@@ -44,13 +45,19 @@ var AdminBar = ({ preview, exitPreviewPath = "/next/exit-preview", labels }) =>
   const router = useRouter2();
   const [open, setOpen] = useState(false);
   const merged = { ...defaultLabels, ...labels };
-  if (!preview)
+  if (!preview) {
+    console.log("[WWW] render/components:AdminBar preview=false -> null");
     return null;
+  }
+  console.log("[WWW] render/components:AdminBar preview=true exitPreviewPath=", exitPreviewPath);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx2("button", {
         type: "button",
-        onClick: () => setOpen(true),
+        onClick: () => {
+          console.log("[WWW] render/components:AdminBar trigger clicked");
+          setOpen(true);
+        },
         title: merged.triggerHint,
         style: {
           position: "fixed",
@@ -115,7 +122,10 @@ var AdminBar = ({ preview, exitPreviewPath = "/next/exit-preview", labels }) =>
             }),
             /* @__PURE__ */ jsx2("a", {
               href: exitPreviewPath,
-              onClick: () => router.refresh(),
+              onClick: () => {
+                console.log("[WWW] render/components:AdminBar exit preview -> refresh");
+                router.refresh();
+              },
               style: {
                 display: "inline-block",
                 padding: "6px 10px",