bsmnt 0.3.3 → 0.4.1

package/src/templates/next-pagebuilder/lib/integrations/sanity/presentation.ts

@@ -0,0 +1,118 @@
+import type { Observable } from "rxjs"
+import { map } from "rxjs/operators"
+import type { DocumentStore } from "sanity"
+import {
+  type DocumentLocationsState,
+  defineDocuments,
+  presentationTool,
+} from "sanity/presentation"
+import { HOMEPAGE_DOCUMENT_ID } from "./constants"
+import { previewURL } from "./env"
+
+const MAX_FOLDER_DEPTH = 6
+
+const buildNestedSlugExpression = (
+  parentReferenceField: string,
+  leafSlugField: string
+) => {
+  const cases = Array.from({ length: MAX_FOLDER_DEPTH }, (_, index) => {
+    const depth = MAX_FOLDER_DEPTH - index
+    const parentSlugRefs = Array.from({ length: depth }, (_, parentIndex) => {
+      const remainingDepth = depth - parentIndex - 1
+      return `${parentReferenceField}${"->parentFolder".repeat(remainingDepth)}->slug.current`
+    })
+
+    const pathDefinedChecks = parentSlugRefs
+      .map((field) => `defined(${field})`)
+      .join(" && ")
+
+    const childPath = [...parentSlugRefs, leafSlugField].join(' + "/" + ')
+    const folderRootPath = parentSlugRefs.join(' + "/" + ')
+
+    return [
+      `${pathDefinedChecks} && ${leafSlugField} == "/" => ${folderRootPath}`,
+      `${pathDefinedChecks} && defined(${leafSlugField}) => ${childPath}`,
+    ]
+  }).flat()
+
+  return `select(${cases.join(",\n      ")},${leafSlugField})`
+}
+
+const pageResolvedSlugExpression = buildNestedSlugExpression(
+  "pageFolder",
+  "slug.current"
+)
+
+const CONTENT_TYPE_PREFIXES: Record<string, string> = {
+  blogContent: "blog",
+}
+
+const resolveSlugLocation = <T extends { title?: string }>(
+  documentStore: DocumentStore,
+  id: string,
+  projection: string,
+  toHref: (doc: T) => string | null,
+  fallbackTitle: string
+): Observable<DocumentLocationsState> =>
+  documentStore
+    .listenQuery(`*[_id == $id][0]{ ${projection} }`, { id }, {})
+    .pipe(
+      map((doc: T | null) => {
+        const href = doc ? toHref(doc) : null
+        if (!href) return { locations: [] }
+        return { locations: [{ title: doc?.title || fallbackTitle, href }] }
+      })
+    )
+
+export const presentation = presentationTool({
+  name: "preview",
+  title: "Preview",
+  resolve: {
+    mainDocuments: defineDocuments([
+      {
+        route: "/",
+        filter: `_type == "page" && _id == "${HOMEPAGE_DOCUMENT_ID}"`,
+      },
+      ...Object.entries(CONTENT_TYPE_PREFIXES).map(([type, prefix]) => ({
+        route: `/${prefix}/:slug`,
+        filter: `_type == "${type}" && slug.current == $slug`,
+      })),
+      {
+        route: "/:slug+",
+        filter: `_type == "page" && ${pageResolvedSlugExpression} == $slug`,
+      },
+    ]),
+    locations: (params, { documentStore }) => {
+      if (params.type === "page") {
+        if (params.id === HOMEPAGE_DOCUMENT_ID) {
+          return { locations: [{ title: "Homepage", href: "/" }] }
+        }
+        return resolveSlugLocation<{ title?: string; resolvedSlug?: string }>(
+          documentStore,
+          params.id,
+          `title, "resolvedSlug": ${pageResolvedSlugExpression}`,
+          (doc) => (doc.resolvedSlug ? `/${doc.resolvedSlug}` : null),
+          "Page"
+        )
+      }
+
+      const prefix = CONTENT_TYPE_PREFIXES[params.type]
+      if (!prefix) return null
+
+      return resolveSlugLocation<{ title?: string; slug?: string }>(
+        documentStore,
+        params.id,
+        `title, "slug": slug.current`,
+        (doc) => (doc.slug ? `/${prefix}/${doc.slug}` : null),
+        "Untitled"
+      )
+    },
+  },
+  previewUrl: {
+    origin: previewURL,
+    draftMode: {
+      enable: "/api/draft-mode/enable",
+      disable: "/api/draft-mode/disable",
+    },
+  },
+})

package/src/templates/next-pagebuilder/lib/integrations/sanity/queries.ts

@@ -97,6 +97,13 @@ const pageProjection = `
   _updatedAt
 `
 
+const pageMetadataProjection = `
+  _id,
+  title,
+  metadata,
+  _updatedAt
+`
+
 export const PAGE_QUERY = defineQuery(`
   *[
     _type == "page" &&
@@ -109,6 +116,18 @@ export const PAGE_QUERY = defineQuery(`
   }
 `)
 
+export const PAGE_METADATA_QUERY = defineQuery(`
+  *[
+    _type == "page" &&
+    (
+      ($slug == null && !defined(pageFolder._ref) && (!defined(slug.current) || slug.current == "" || slug.current == "/")) ||
+      ${pageResolvedSlugExpression} == $slug
+    )
+  ][0] {
+    ${pageMetadataProjection}
+  }
+`)
+
 export const ALL_PAGE_SLUGS_QUERY = defineQuery(`
   *[_type == "page" && (defined(pageFolder->slug.current) || defined(slug.current))] | order(title asc) {
     title,
@@ -193,6 +212,68 @@ export const ALL_BLOG_ARTICLES_QUERY = defineQuery(`
   }
 `)
 
+export const BLOG_ARTICLES_PAGINATED_QUERY = defineQuery(`
+  *[
+    _type == "page" &&
+    pageFolder->slug.current == "blog" &&
+    defined(slug.current) &&
+    slug.current != "" &&
+    slug.current != "/" &&
+    (
+      !defined($category) ||
+      $category == "" ||
+      $category in pageBuilder[_ref in *[_type == "blogContent"]._id][0]->categories[]->slug.current
+    )
+  ] | order(_updatedAt desc)[$offset...$offset + $limit] {
+    _id,
+    title,
+    "slug": slug,
+    "resolvedSlug": ${pageResolvedSlugExpression},
+    "blogContent": pageBuilder[_ref in *[_type == "blogContent"]._id][0]->{
+      thumbnail{
+        ...,
+        alt
+      },
+      categories[]->{
+        _id,
+        title,
+        slug
+      },
+      date,
+      author->{
+        _id,
+        name,
+        avatar
+      }
+    },
+    metadata,
+    _updatedAt
+  }
+`)
+
+export const BLOG_ARTICLES_COUNT_QUERY = defineQuery(`
+  count(*[
+    _type == "page" &&
+    pageFolder->slug.current == "blog" &&
+    defined(slug.current) &&
+    slug.current != "" &&
+    slug.current != "/" &&
+    (
+      !defined($category) ||
+      $category == "" ||
+      $category in pageBuilder[_ref in *[_type == "blogContent"]._id][0]->categories[]->slug.current
+    )
+  ])
+`)
+
+export const ALL_BLOG_CATEGORIES_QUERY = defineQuery(`
+  *[_type == "blogCategory"] | order(title asc) {
+    _id,
+    title,
+    slug
+  }
+`)
+
 // Company Data
 export const COMPANY_DATA_QUERY = defineQuery(`
   *[_type == "companyData"][0]{
@@ -235,47 +316,79 @@ const navMegaMenuProjection = `
   }
 `
 
-export const NAVBAR_QUERY = defineQuery(`
-  *[_type == "navbar"][0]{
-    logo{
-      ...,
-      asset->{
-        _id,
-        url,
-        metadata { dimensions }
-      }
-    },
-    navigationItems[]{
-      _key,
-      title,
-      itemType,
-      ${navLinkProjection},
-      megaMenu{
-        ${navMegaMenuProjection}
-      }
+const navbarProjection = `
+  logo{
+    ...,
+    asset->{
+      _id,
+      url,
+      metadata { dimensions }
+    }
+  },
+  navigationItems[]{
+    _key,
+    title,
+    itemType,
+    ${navLinkProjection},
+    megaMenu{
+      ${navMegaMenuProjection}
+    }
+  },
+  ctaButtons[]{
+    _key,
+    label,
+    "link": link[0]{
+      ${linkItemProjection}
     },
-    ctaButtons[]{
+    variant
+  }
+`
+
+const footerProjection = `
+  links[]{
+    _key,
+    title,
+    items[]{
       _key,
       label,
-      "link": link[0]{
-        ${linkItemProjection}
-      },
-      variant
+      href
     }
   }
+`
+
+const companyDataProjection = `
+  socialLinks[]{
+    _key,
+    name,
+    icon,
+    url,
+    label
+  }
+`
+
+export const NAVBAR_QUERY = defineQuery(`
+  *[_type == "navbar"][0]{
+    ${navbarProjection}
+  }
 `)
 
 // Footer
 export const FOOTER_QUERY = defineQuery(`
   *[_type == "footer"][0]{
-    links[]{
-      _key,
-      title,
-      items[]{
-        _key,
-        label,
-        href
-      }
+    ${footerProjection}
+  }
+`)
+
+export const SITE_LAYOUT_QUERY = defineQuery(`
+  {
+    "navbar": *[_type == "navbar"][0]{
+      ${navbarProjection}
+    },
+    "footer": *[_type == "footer"][0]{
+      ${footerProjection}
+    },
+    "companyData": *[_type == "companyData"][0]{
+      ${companyDataProjection}
     }
   }
 `)

package/src/templates/next-pagebuilder/lib/integrations/sanity/sanity.config.ts

@@ -1,14 +1,11 @@
 import { table } from "@sanity/table"
 import { defineConfig } from "sanity"
-import {
-  defineDocuments,
-  defineLocations,
-  presentationTool,
-} from "sanity/presentation"
 import { structureTool } from "sanity/structure"
 import { media } from "sanity-plugin-media"
 import { createConfirmPublishAction } from "./confirm-publish-action"
-import { dataset, previewURL, projectId } from "./env"
+import { HOMEPAGE_DOCUMENT_ID } from "./constants"
+import { dataset, projectId } from "./env"
+import { presentation } from "./presentation"
 import { schema } from "./schemas"
 import { singletonComponentTypes } from "./singletons"
 import { structure } from "./structure"
@@ -23,46 +20,7 @@ const singletonDocumentActions = new Set([
 
 const isSingletonDocument = (schemaType: string, documentId?: string) =>
   singletonComponentTypes.has(schemaType) ||
-  (schemaType === "page" && documentId === "page-homepage")
-
-const MAX_FOLDER_DEPTH = 6
-
-const buildNestedSlugExpression = (
-  parentReferenceField: string,
-  leafSlugField: string
-) => {
-  const cases = Array.from({ length: MAX_FOLDER_DEPTH }, (_, index) => {
-    const depth = MAX_FOLDER_DEPTH - index
-    const parentSlugRefs = Array.from({ length: depth }, (_, parentIndex) => {
-      const remainingDepth = depth - parentIndex - 1
-      return `${parentReferenceField}${"->parentFolder".repeat(remainingDepth)}->slug.current`
-    })
-
-    const pathDefinedChecks = parentSlugRefs
-      .map((field) => `defined(${field})`)
-      .join(" && ")
-
-    const childPath = [...parentSlugRefs, leafSlugField].join(' + "/" + ')
-    const folderRootPath = parentSlugRefs.join(' + "/" + ')
-
-    return [
-      `${pathDefinedChecks} && ${leafSlugField} == "/" => ${folderRootPath}`,
-      `${pathDefinedChecks} && defined(${leafSlugField}) => ${childPath}`,
-    ]
-  }).flat()
-
-  return `
-    select(
-      ${cases.join(",\n      ")},
-      ${leafSlugField}
-    )
-  `
-}
-
-const pageResolvedSlugExpression = buildNestedSlugExpression(
-  "pageFolder",
-  "slug.current"
-)
+  (schemaType === "page" && documentId === HOMEPAGE_DOCUMENT_ID)
 
 export default defineConfig({
   basePath: "/studio",
@@ -151,60 +109,7 @@ export default defineConfig({
   },
   plugins: [
     structureTool({ structure }),
-
-    presentationTool({
-      name: "preview",
-      title: "Preview",
-      resolve: {
-        // Map routes to documents and GROQ filters
-        mainDocuments: defineDocuments([
-          {
-            route: "/",
-            filter: '_type == "page" && _id == "page-homepage"',
-          },
-          // Page builder pages - all other slugs (supports nested paths)
-          {
-            route: "/:slug+",
-            filter: `_type == "page" && ${pageResolvedSlugExpression} == $slug`,
-          },
-        ]),
-        locations: {
-          page: defineLocations({
-            select: {
-              _id: "_id",
-              title: "title",
-              slug: "slug.current",
-              resolvedSlug: pageResolvedSlugExpression,
-            },
-            resolve: (doc) => {
-              if (doc?._id === "page-homepage") {
-                return {
-                  locations: [{ title: doc?.title || "Homepage", href: "/" }],
-                }
-              }
-              if (doc?.resolvedSlug) {
-                return {
-                  locations: [
-                    {
-                      title: doc?.title || "Page",
-                      href: `/${doc.resolvedSlug}`,
-                    },
-                  ],
-                }
-              }
-              return { locations: [] }
-            },
-          }),
-        },
-      },
-      previewUrl: {
-        origin: previewURL,
-        draftMode: {
-          enable: "/api/draft-mode/enable",
-          disable: "/api/draft-mode/disable",
-        },
-      },
-    }),
+    presentation,
     media(),
     table(),
   ],

package/src/templates/next-pagebuilder/next.config.ts

@@ -1,6 +1,8 @@
 import withBundleAnalyzer from "@next/bundle-analyzer"
 import type { NextConfig } from "next"
 
+
+
 const nextConfig: NextConfig = {
   reactStrictMode: true,
   reactCompiler: true,
@@ -62,6 +64,7 @@ const nextConfig: NextConfig = {
     browserToTerminal: true,
   },
   experimental: {
+    prefetchInlining: true,
     optimizePackageImports: [
       "@react-three/drei",
       "@react-three/fiber",

package/src/templates/next-pagebuilder/package.json

@@ -39,13 +39,11 @@
     "react-use": "^17.6.0",
     "sanity": "^5.17.1",
     "sanity-plugin-media": "^4.1.1",
-    "schema-dts": "^2.0.0",
     "tailwind-merge": "^3.5.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@biomejs/biome": "2.4.8",
-    "@clack/prompts": "^1.1.0",
     "@csstools/postcss-global-data": "^4.0.0",
     "@next/bundle-analyzer": "16.2.1",
     "@svgr/webpack": "^8.1.0",
@@ -59,6 +57,7 @@
     "cross-env": "^10.1.0",
     "postcss-functions": "^4.0.2",
     "postcss-preset-env": "^11.2.0",
+    "schema-dts": "^2.0.0",
     "tailwindcss": "^4.2.2",
     "typescript": "^5.9.3"
   },

package/src/templates/next-webgl/.env.example

@@ -13,9 +13,9 @@
 # CORE (Recommended)
 # ============================================
 
-# Base URL for your site (used for SEO, canonical URLs, etc.)
-# Development: http://localhost:3000
-# Production: https://your-domain.com
+# Base URL (sitemaps, OG tags, canonical URLs)
+# On Vercel: auto-detected if unset. Set explicitly for custom domains.
+# Local: http://localhost:3000
 NEXT_PUBLIC_BASE_URL="http://localhost:3000"
 
 # Draft mode secret for preview functionality

package/src/templates/next-webgl/app/layout.tsx

@@ -5,6 +5,7 @@ import { Link } from "@/components/ui/link";
 import AppData from "@/package.json";
 import "@/lib/styles/global.css";
 import { cn } from "@/lib/styles/cn";
+import { getBaseUrl } from "@/lib/utils/url";
 import {
   JsonLd,
   generateWebSiteJsonLd,
@@ -15,8 +16,7 @@ const APP_NAME = AppData.name;
 const APP_DEFAULT_TITLE = "Basement Starter";
 const APP_TITLE_TEMPLATE = "%s - Basement Starter";
 const APP_DESCRIPTION = AppData.description;
-const APP_BASE_URL =
-  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
+const APP_BASE_URL = getBaseUrl();
 
 const geist = Geist({
   subsets: ["latin"],

package/src/templates/next-webgl/app/robots.ts

@@ -1,7 +1,7 @@
 import type { MetadataRoute } from "next";
+import { getBaseUrl } from "@/lib/utils/url";
 
-const APP_BASE_URL =
-  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
+const APP_BASE_URL = getBaseUrl();
 
 export default function robots(): MetadataRoute.Robots {
   return {

package/src/templates/next-webgl/app/sitemap.xml/route.ts

@@ -0,0 +1,51 @@
+import { getBaseUrl } from "@/lib/utils/url";
+
+const BASE_URL = getBaseUrl();
+
+export const dynamic = "force-dynamic";
+
+interface SitemapEntry {
+	loc: string;
+	lastmod: string;
+	changefreq: string;
+	priority: number;
+}
+
+function toXml(entries: SitemapEntry[]): string {
+	const urls = entries
+		.map(
+			(entry) => `
+  <url>
+    <loc>${entry.loc}</loc>
+    <lastmod>${entry.lastmod}</lastmod>
+    <changefreq>${entry.changefreq}</changefreq>
+    <priority>${entry.priority}</priority>
+  </url>`,
+		)
+		.join("");
+
+	return `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">${urls}
+</urlset>`;
+}
+
+function getStaticEntries(): SitemapEntry[] {
+	return [
+		{
+			loc: BASE_URL,
+			lastmod: new Date().toISOString(),
+			changefreq: "daily",
+			priority: 1,
+		},
+	];
+}
+
+export async function GET() {
+	const entries: SitemapEntry[] = getStaticEntries();
+
+	return new Response(toXml(entries), {
+		headers: {
+			"Content-Type": "application/xml",
+		},
+	});
+}

package/src/templates/next-webgl/lib/utils/metadata.ts

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import { getBaseUrl } from "@/lib/utils/url";
 
 /**
  * Metadata Generation Utilities
@@ -26,8 +27,7 @@ interface GenerateMetadataOptions {
   authors?: string[];
 }
 
-const APP_BASE_URL =
-  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
+const APP_BASE_URL = getBaseUrl();
 
 /**
  * Generate complete metadata object for pages

package/src/templates/next-webgl/lib/utils/url.ts

@@ -0,0 +1,16 @@
+/**
+ * Resolves the application base URL from environment variables.
+ *
+ * Priority:
+ * 1. NEXT_PUBLIC_BASE_URL  - explicit override (custom domains)
+ * 2. VERCEL_PROJECT_PRODUCTION_URL - auto-set by Vercel (production domain)
+ * 3. VERCEL_URL - auto-set by Vercel (preview/branch deploys)
+ * 4. localhost fallback
+ */
+export function getBaseUrl(): string {
+  if (process.env.NEXT_PUBLIC_BASE_URL) return process.env.NEXT_PUBLIC_BASE_URL;
+  if (process.env.VERCEL_PROJECT_PRODUCTION_URL)
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;
+  if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`;
+  return "http://localhost:3000";
+}

package/src/helpers/integrate/sanity/files/app/sitemap.ts

@@ -1,61 +0,0 @@
-import type { MetadataRoute } from "next";
-import { isSanityConfigured } from "@/lib/integrations/check-integration";
-
-const APP_BASE_URL =
-	process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-	const baseRoutes: MetadataRoute.Sitemap = [
-		{
-			url: APP_BASE_URL,
-			lastModified: new Date(),
-			changeFrequency: "daily",
-			priority: 1,
-		},
-	];
-
-	// Only fetch Sanity articles if Sanity is configured
-	if (isSanityConfigured()) {
-		try {
-			const sanityModule = await import("@/lib/integrations/sanity/client");
-			const sanityGroq = await import("next-sanity");
-
-			const client = sanityModule?.client;
-			const groq = sanityGroq?.groq;
-
-			// Skip if client is null (shouldn't happen since we check isSanityConfigured)
-			if (!(client && groq)) return baseRoutes;
-
-			type SanityDocument = {
-				slug: { current: string };
-				_updatedAt: string;
-				metadata?: { noIndex?: boolean };
-			};
-
-			const articles = (await client.fetch(
-				groq`*[_type == "article" && defined(slug.current)] {
-          slug,
-          _updatedAt,
-          metadata
-        }`,
-			)) as SanityDocument[];
-
-			// Add articles to sitemap (exclude noIndex articles)
-			const articleEntries: MetadataRoute.Sitemap = articles
-				.filter((article: SanityDocument) => !article.metadata?.noIndex)
-				.map((article: SanityDocument) => ({
-					url: `${APP_BASE_URL}/blog/${article.slug.current}`,
-					lastModified: new Date(article._updatedAt),
-					changeFrequency: "weekly" as const,
-					priority: 0.7,
-				}));
-
-			return [...baseRoutes, ...articleEntries];
-		} catch (error) {
-			console.error("Error generating sitemap from Sanity:", error);
-			return baseRoutes;
-		}
-	}
-
-	return baseRoutes;
-}