npm - create-brainerce-store - Versions diffs - 1.66.0 → 1.67.0 - Mend

create-brainerce-store 1.66.0 → 1.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/templates/nextjs/base/src/app/layout.tsx.ejs CHANGED Viewed

@@ -1,257 +1,273 @@
-<% if (i18nEnabled) { %>
-import type { Metadata } from 'next';
-<%- fontImport %>
-import { StoreProvider } from '@/core/providers/store-provider';
-import { AnnouncementBar } from '@/ui/layout/announcement-bar';
-import { SiteHeader } from '@/ui/layout/site-header';
-import { SiteFooter } from '@/ui/layout/site-footer';
-import { BrainerceBotWidget } from '@/components/brainerce-bot';
-import { TrackingBootstrap } from '@/components/tracking-bootstrap';
-import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce';
-import { getDirection, getMessages, supportedLocales } from '@/i18n';
-import { getNonce } from '@/core/lib/nonce';
-import '../globals.css';
-<%- fontVariable %>
-const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
-export const metadata: Metadata = {
-  metadataBase: new URL(baseUrl),
-  title: {
-    default: <%- storeNameJs %>,
-    template: <%- titleTemplateJs %>,
-  },
-  description: <%- storeNameJs %>,
-  alternates: {
-    canonical: '/',
-  },
-  openGraph: {
-    siteName: <%- storeNameJs %>,
-    type: 'website',
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
-const organizationJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Organization',
-  name: <%- storeNameJs %>,
-  url: baseUrl,
-};
-export function generateStaticParams() {
-  return supportedLocales.map((locale) => ({ locale }));
-}
-export default async function RootLayout({
-  children,
-  params,
-}: {
-  children: React.ReactNode;
-  params: Promise<{ locale: string }>;
-}) {
-  const { locale } = await params;
-  const dir = getDirection(locale);
-  const nonce = await getNonce();
-  // Merchant-driven layout chrome — fetched server-side. Each call falls back
-  // to null/[] on 404 so the layout never crashes when the merchant hasn't
-  // seeded a particular content type yet. New stores ship with default rows
-  // seeded by the backend (StoresService.seedDefaultContent).
-  const client = getServerClient(locale);
-  const [announcements, siteHeader, siteFooter, storeInfo, messages] = await Promise.all([
-    client.content.announcement.list(locale).catch(() => []),
-    client.content.header.get('main', locale).catch(() => null),
-    client.content.footer.get('main', locale).catch(() => null),
-    // SSR-fetch store config so PriceDisplay / FreeShippingBar / upsell UI
-    // render with the real currency, feature flags, and i18n config at frame 0
-    // — without this, Googlebot sees USD/defaults baked into the HTML.
-    fetchStoreInfo(locale),
-    // SSR-fetch UI message strings so translated text renders at frame 0 —
-    // without this, every page (and every locale switch) shows raw
-    // "namespace.key" strings until the client-only fetch resolves.
-    getMessages(locale),
-  ]);
-  return (
-    <html lang={locale} dir={dir}>
-      <head>
-        <script
-          type="application/ld+json"
-          nonce={nonce}
-          suppressHydrationWarning
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationJsonLd)
-              .replace(/</g, '\\u003c')
-              .replace(/>/g, '\\u003e')
-              .replace(/&/g, '\\u0026'),
-          }}
-        />
-        {/* Google Search Console verification — token set by the merchant in
-            the dashboard (channel settings → Google site verification). Also
-            what the Merchant Center website claim checks for. Renders nothing
-            until a token is configured. */}
-        {storeInfo?.seo?.googleSiteVerification ? (
-          <meta name="google-site-verification" content={storeInfo.seo.googleSiteVerification} />
-        ) : null}
-        {/* RSS autodiscovery — feed readers and aggregators find the blog feed
-            from any page. The route itself lives at /blog/rss.xml. */}
-        <link rel="alternate" type="application/rss+xml" title="Blog" href="/blog/rss.xml" />
-        {/* Brainerce cookieless traffic analytics — auto-tracks pageviews +
-            SPA route changes. Cookieless (no consent banner needed); the
-            merchant can toggle it per sales channel in the dashboard. */}
-        <script
-          defer
-          src={`${process.env.NEXT_PUBLIC_BRAINERCE_PIXEL_URL || 'https://api.brainerce.com'}/t.js`}
-          data-channel={
-            process.env.NEXT_PUBLIC_BRAINERCE_SALES_CHANNEL_ID || '<%= connectionId %>'
-          }
-          nonce={nonce}
-          suppressHydrationWarning
-        />
-      </head>
-      <body className={font.className}>
-        <StoreProvider locale={locale} initialStoreInfo={storeInfo} initialMessages={messages}>
-          {/* Mounted ahead of the page tree on purpose: React runs effects in
-              tree order, so booting the tags here guarantees fbq/ttq exist by
-              the time a page component fires its first e-commerce event. */}
-          <TrackingBootstrap />
-          <div className="min-h-screen flex flex-col">
-            <AnnouncementBar announcements={announcements} />
-            <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
-            <main className="flex-1">{children}</main>
-            <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} />
-          </div>
-          <BrainerceBotWidget />
-        </StoreProvider>
-      </body>
-    </html>
-  );
-}
-<% } else { %>
-import type { Metadata } from 'next';
-<%- fontImport %>
-import { StoreProvider } from '@/core/providers/store-provider';
-import { AnnouncementBar } from '@/ui/layout/announcement-bar';
-import { SiteHeader } from '@/ui/layout/site-header';
-import { SiteFooter } from '@/ui/layout/site-footer';
-import { BrainerceBotWidget } from '@/components/brainerce-bot';
-import { TrackingBootstrap } from '@/components/tracking-bootstrap';
-import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce';
-import { getNonce } from '@/core/lib/nonce';
-import './globals.css';
-<%- fontVariable %>
-const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
-export const metadata: Metadata = {
-  metadataBase: new URL(baseUrl),
-  title: {
-    default: <%- storeNameJs %>,
-    template: <%- titleTemplateJs %>,
-  },
-  description: <%- storeNameJs %>,
-  alternates: {
-    canonical: '/',
-  },
-  openGraph: {
-    siteName: <%- storeNameJs %>,
-    locale: '<%= ogLocale %>',
-    type: 'website',
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
-const organizationJsonLd = {
-  '@context': 'https://schema.org',
-  '@type': 'Organization',
-  name: <%- storeNameJs %>,
-  url: baseUrl,
-};
-export default async function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  const nonce = await getNonce();
-  // Merchant-driven layout chrome — fetched server-side. Each call falls back
-  // to null/[] on 404 so the layout never crashes when the merchant hasn't
-  // seeded a particular content type yet. New stores ship with default rows
-  // seeded by the backend (StoresService.seedDefaultContent).
-  const client = getServerClient();
-  const [announcements, siteHeader, siteFooter, storeInfo] = await Promise.all([
-    client.content.announcement.list().catch(() => []),
-    client.content.header.get('main').catch(() => null),
-    client.content.footer.get('main').catch(() => null),
-    // SSR-fetch store config so PriceDisplay / FreeShippingBar / upsell UI
-    // render with the real currency, feature flags, and i18n config at frame 0
-    // — without this, Googlebot sees USD/defaults baked into the HTML.
-    fetchStoreInfo(),
-  ]);
-  return (
-    <html lang="<%= language %>" dir="<%= direction %>">
-      <head>
-        <script
-          type="application/ld+json"
-          nonce={nonce}
-          suppressHydrationWarning
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationJsonLd)
-              .replace(/</g, '\\u003c')
-              .replace(/>/g, '\\u003e')
-              .replace(/&/g, '\\u0026'),
-          }}
-        />
-        {/* Google Search Console verification — token set by the merchant in
-            the dashboard (channel settings → Google site verification). Also
-            what the Merchant Center website claim checks for. Renders nothing
-            until a token is configured. */}
-        {storeInfo?.seo?.googleSiteVerification ? (
-          <meta name="google-site-verification" content={storeInfo.seo.googleSiteVerification} />
-        ) : null}
-        {/* RSS autodiscovery — feed readers and aggregators find the blog feed
-            from any page. The route itself lives at /blog/rss.xml. */}
-        <link rel="alternate" type="application/rss+xml" title="Blog" href="/blog/rss.xml" />
-        {/* Brainerce cookieless traffic analytics — auto-tracks pageviews +
-            SPA route changes. Cookieless (no consent banner needed); the
-            merchant can toggle it per sales channel in the dashboard. */}
-        <script
-          defer
-          src={`${process.env.NEXT_PUBLIC_BRAINERCE_PIXEL_URL || 'https://api.brainerce.com'}/t.js`}
-          data-channel={
-            process.env.NEXT_PUBLIC_BRAINERCE_SALES_CHANNEL_ID || '<%= connectionId %>'
-          }
-          nonce={nonce}
-          suppressHydrationWarning
-        />
-      </head>
-      <body className={font.className}>
-        <StoreProvider initialStoreInfo={storeInfo}>
-          {/* Mounted ahead of the page tree on purpose: React runs effects in
-              tree order, so booting the tags here guarantees fbq/ttq exist by
-              the time a page component fires its first e-commerce event. */}
-          <TrackingBootstrap />
-          <div className="min-h-screen flex flex-col">
-            <AnnouncementBar announcements={announcements} />
-            <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
-            <main className="flex-1">{children}</main>
-            <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} />
-          </div>
-          <BrainerceBotWidget />
-        </StoreProvider>
-      </body>
-    </html>
-  );
-}
-<% } %>
+<% if (i18nEnabled) { %>
+import type { Metadata } from 'next';
+<%- fontImport %>
+import { StoreProvider } from '@/core/providers/store-provider';
+import { AnnouncementBar } from '@/ui/layout/announcement-bar';
+import { SiteHeader } from '@/ui/layout/site-header';
+import { SiteFooter } from '@/ui/layout/site-footer';
+import { BrainerceBotWidget } from '@/components/brainerce-bot';
+import { TrackingBootstrap } from '@/components/tracking-bootstrap';
+import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce.server';
+import { getDirection, getMessages, supportedLocales } from '@/i18n';
+import { getNonce } from '@/core/lib/nonce';
+import { getCanonicalSiteUrl } from '@/core/lib/site-url';
+import '../globals.css';
+<%- fontVariable %>
+// Resolved per request rather than read from a hardcoded env default: the
+// scaffolder cannot know the deploy domain, so `metadataBase` is the one
+// value that must never be guessed. See core/lib/site-url.ts.
+export async function generateMetadata(): Promise<Metadata> {
+  const baseUrl = await getCanonicalSiteUrl();
+  return {
+  metadataBase: new URL(baseUrl),
+  title: {
+    default: <%- storeNameJs %>,
+    template: <%- titleTemplateJs %>,
+  },
+  description: <%- storeNameJs %>,
+  alternates: {
+    canonical: '/',
+  },
+  openGraph: {
+    siteName: <%- storeNameJs %>,
+    type: 'website',
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+  };
+}
+function buildOrganizationJsonLd(baseUrl: string) {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'Organization',
+    name: <%- storeNameJs %>,
+    url: baseUrl,
+  };
+}
+export function generateStaticParams() {
+  return supportedLocales.map((locale) => ({ locale }));
+}
+export default async function RootLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: Promise<{ locale: string }>;
+}) {
+  const { locale } = await params;
+  const dir = getDirection(locale);
+  const nonce = await getNonce();
+  const baseUrl = await getCanonicalSiteUrl();
+  // Merchant-driven layout chrome — fetched server-side. Each call falls back
+  // to null/[] on 404 so the layout never crashes when the merchant hasn't
+  // seeded a particular content type yet. New stores ship with default rows
+  // seeded by the backend (StoresService.seedDefaultContent).
+  const client = await getServerClient(locale);
+  const [announcements, siteHeader, siteFooter, storeInfo, messages] = await Promise.all([
+    client.content.announcement.list(locale).catch(() => []),
+    client.content.header.get('main', locale).catch(() => null),
+    client.content.footer.get('main', locale).catch(() => null),
+    // SSR-fetch store config so PriceDisplay / FreeShippingBar / upsell UI
+    // render with the real currency, feature flags, and i18n config at frame 0
+    // — without this, Googlebot sees USD/defaults baked into the HTML.
+    fetchStoreInfo(locale),
+    // SSR-fetch UI message strings so translated text renders at frame 0 —
+    // without this, every page (and every locale switch) shows raw
+    // "namespace.key" strings until the client-only fetch resolves.
+    getMessages(locale),
+  ]);
+  return (
+    <html lang={locale} dir={dir}>
+      <head>
+        <script
+          type="application/ld+json"
+          nonce={nonce}
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(buildOrganizationJsonLd(baseUrl))
+              .replace(/</g, '\\u003c')
+              .replace(/>/g, '\\u003e')
+              .replace(/&/g, '\\u0026'),
+          }}
+        />
+        {/* Google Search Console verification — token set by the merchant in
+            the dashboard (channel settings → Google site verification). Also
+            what the Merchant Center website claim checks for. Renders nothing
+            until a token is configured. */}
+        {storeInfo?.seo?.googleSiteVerification ? (
+          <meta name="google-site-verification" content={storeInfo.seo.googleSiteVerification} />
+        ) : null}
+        {/* RSS autodiscovery — feed readers and aggregators find the blog feed
+            from any page. The route itself lives at /blog/rss.xml. */}
+        <link rel="alternate" type="application/rss+xml" title="Blog" href="/blog/rss.xml" />
+        {/* Brainerce cookieless traffic analytics — auto-tracks pageviews +
+            SPA route changes. Cookieless (no consent banner needed); the
+            merchant can toggle it per sales channel in the dashboard. */}
+        <script
+          defer
+          src={`${process.env.NEXT_PUBLIC_BRAINERCE_PIXEL_URL || 'https://api.brainerce.com'}/t.js`}
+          data-channel={
+            process.env.NEXT_PUBLIC_BRAINERCE_SALES_CHANNEL_ID || '<%= connectionId %>'
+          }
+          nonce={nonce}
+          suppressHydrationWarning
+        />
+      </head>
+      <body className={font.className}>
+        <StoreProvider locale={locale} initialStoreInfo={storeInfo} initialMessages={messages}>
+          {/* Mounted ahead of the page tree on purpose: React runs effects in
+              tree order, so booting the tags here guarantees fbq/ttq exist by
+              the time a page component fires its first e-commerce event. */}
+          <TrackingBootstrap />
+          <div className="min-h-screen flex flex-col">
+            <AnnouncementBar announcements={announcements} />
+            <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
+            <main className="flex-1">{children}</main>
+            <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} />
+          </div>
+          <BrainerceBotWidget />
+        </StoreProvider>
+      </body>
+    </html>
+  );
+}
+<% } else { %>
+import type { Metadata } from 'next';
+<%- fontImport %>
+import { StoreProvider } from '@/core/providers/store-provider';
+import { AnnouncementBar } from '@/ui/layout/announcement-bar';
+import { SiteHeader } from '@/ui/layout/site-header';
+import { SiteFooter } from '@/ui/layout/site-footer';
+import { BrainerceBotWidget } from '@/components/brainerce-bot';
+import { TrackingBootstrap } from '@/components/tracking-bootstrap';
+import { getServerClient, fetchStoreInfo } from '@/core/lib/brainerce.server';
+import { getNonce } from '@/core/lib/nonce';
+import { getCanonicalSiteUrl } from '@/core/lib/site-url';
+import './globals.css';
+<%- fontVariable %>
+// Resolved per request rather than read from a hardcoded env default: the
+// scaffolder cannot know the deploy domain, so `metadataBase` is the one
+// value that must never be guessed. See core/lib/site-url.ts.
+export async function generateMetadata(): Promise<Metadata> {
+  const baseUrl = await getCanonicalSiteUrl();
+  return {
+  metadataBase: new URL(baseUrl),
+  title: {
+    default: <%- storeNameJs %>,
+    template: <%- titleTemplateJs %>,
+  },
+  description: <%- storeNameJs %>,
+  alternates: {
+    canonical: '/',
+  },
+  openGraph: {
+    siteName: <%- storeNameJs %>,
+    locale: '<%= ogLocale %>',
+    type: 'website',
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
+  };
+}
+function buildOrganizationJsonLd(baseUrl: string) {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'Organization',
+    name: <%- storeNameJs %>,
+    url: baseUrl,
+  };
+}
+export default async function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const nonce = await getNonce();
+  const baseUrl = await getCanonicalSiteUrl();
+  // Merchant-driven layout chrome — fetched server-side. Each call falls back
+  // to null/[] on 404 so the layout never crashes when the merchant hasn't
+  // seeded a particular content type yet. New stores ship with default rows
+  // seeded by the backend (StoresService.seedDefaultContent).
+  const client = await getServerClient();
+  const [announcements, siteHeader, siteFooter, storeInfo] = await Promise.all([
+    client.content.announcement.list().catch(() => []),
+    client.content.header.get('main').catch(() => null),
+    client.content.footer.get('main').catch(() => null),
+    // SSR-fetch store config so PriceDisplay / FreeShippingBar / upsell UI
+    // render with the real currency, feature flags, and i18n config at frame 0
+    // — without this, Googlebot sees USD/defaults baked into the HTML.
+    fetchStoreInfo(),
+  ]);
+  return (
+    <html lang="<%= language %>" dir="<%= direction %>">
+      <head>
+        <script
+          type="application/ld+json"
+          nonce={nonce}
+          suppressHydrationWarning
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(buildOrganizationJsonLd(baseUrl))
+              .replace(/</g, '\\u003c')
+              .replace(/>/g, '\\u003e')
+              .replace(/&/g, '\\u0026'),
+          }}
+        />
+        {/* Google Search Console verification — token set by the merchant in
+            the dashboard (channel settings → Google site verification). Also
+            what the Merchant Center website claim checks for. Renders nothing
+            until a token is configured. */}
+        {storeInfo?.seo?.googleSiteVerification ? (
+          <meta name="google-site-verification" content={storeInfo.seo.googleSiteVerification} />
+        ) : null}
+        {/* RSS autodiscovery — feed readers and aggregators find the blog feed
+            from any page. The route itself lives at /blog/rss.xml. */}
+        <link rel="alternate" type="application/rss+xml" title="Blog" href="/blog/rss.xml" />
+        {/* Brainerce cookieless traffic analytics — auto-tracks pageviews +
+            SPA route changes. Cookieless (no consent banner needed); the
+            merchant can toggle it per sales channel in the dashboard. */}
+        <script
+          defer
+          src={`${process.env.NEXT_PUBLIC_BRAINERCE_PIXEL_URL || 'https://api.brainerce.com'}/t.js`}
+          data-channel={
+            process.env.NEXT_PUBLIC_BRAINERCE_SALES_CHANNEL_ID || '<%= connectionId %>'
+          }
+          nonce={nonce}
+          suppressHydrationWarning
+        />
+      </head>
+      <body className={font.className}>
+        <StoreProvider initialStoreInfo={storeInfo}>
+          {/* Mounted ahead of the page tree on purpose: React runs effects in
+              tree order, so booting the tags here guarantees fbq/ttq exist by
+              the time a page component fires its first e-commerce event. */}
+          <TrackingBootstrap />
+          <div className="min-h-screen flex flex-col">
+            <AnnouncementBar announcements={announcements} />
+            <SiteHeader header={siteHeader} storeName={<%- storeNameJs %>} />
+            <main className="flex-1">{children}</main>
+            <SiteFooter footer={siteFooter} storeName={<%- storeNameJs %>} />
+          </div>
+          <BrainerceBotWidget />
+        </StoreProvider>
+      </body>
+    </html>
+  );
+}
+<% } %>

package/templates/nextjs/base/src/app/llms.txt/route.ts CHANGED Viewed

@@ -7,7 +7,8 @@
  * right pages. /agents.md is the richer agent-facing companion (the newer
  * convention) — keep the two consistent.
  */
-import { getServerClient } from '@/core/lib/brainerce';
+import { getServerClient } from '@/core/lib/brainerce.server';
+import { getCanonicalSiteUrl } from '@/core/lib/site-url';
 export const revalidate = 3600;
@@ -18,8 +19,8 @@ interface CategoryNodeLike {
 }
 export async function GET() {
-  const baseUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://example.com';
-  const client = getServerClient();
+  const baseUrl = await getCanonicalSiteUrl();
+  const client = await getServerClient();
   const [info, posts, categoriesRes] = await Promise.all([
     client.getStoreInfo().catch(() => null),

package/templates/nextjs/base/src/app/opengraph-image.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ImageResponse } from 'next/og';
-import { fetchStoreInfo } from '@/core/lib/brainerce';
+import { fetchStoreInfo } from '@/core/lib/brainerce.server';
 /**
  * Default Open Graph card for every page that doesn't set its own og:image