bsmnt 0.4.0 → 0.4.2

package/src/template-hooks/use-device-perf.ts

@@ -5,10 +5,20 @@ import { memo, useEffect } from "react";
 import { create } from "zustand";
 import { useShallow } from "zustand/react/shallow";
 
-import { Quality, useAppStore } from "@/stores/use-app-store";
-
 import { useBattery } from "./use-battery";
 
+export const Quality = {
+	LOW: 1,
+	MEDIUM: 2,
+	HIGH: 3,
+} as const;
+
+export type Quality = 1 | 2 | 3;
+
+function minQuality(left: Quality, right: Quality): Quality {
+	return Math.min(left, right) as Quality;
+}
+
 export interface DeviceType {
 	browserName: string;
 	browserVersion: string;
@@ -64,12 +74,14 @@ interface UseDeviceStore {
 	device: DeviceType | null;
 	gpu: TierResult | null;
 	battery: Battery | null;
+	quality: Quality;
 }
 
 export const useDevice = create<UseDeviceStore>(() => ({
 	device: null,
 	gpu: null,
 	battery: null,
+	quality: Quality.HIGH,
 }));
 
 function useSyncDeviceScore(): void {
@@ -78,55 +90,53 @@ function useSyncDeviceScore(): void {
 	const batteryData = useDevice(useShallow((state) => state.battery));
 
 	useEffect(() => {
-		let score = Quality.HIGH;
+		let score: Quality = Quality.HIGH;
 
 		if (deviceData) {
 			if (deviceData.isMobile) {
-				score = Math.min(score, Quality.LOW);
+				score = minQuality(score, Quality.LOW);
 			} else if (deviceData.isTablet) {
-				score = Math.min(score, Quality.MEDIUM);
+				score = minQuality(score, Quality.MEDIUM);
 			} else if (deviceData.isDesktop) {
-				score = Math.min(score, Quality.HIGH);
+				score = minQuality(score, Quality.HIGH);
 			}
 		}
 
 		if (!batteryData) {
 			// not battery
-			score = Math.min(score, Quality.HIGH);
+			score = minQuality(score, Quality.HIGH);
 		} else {
 			// has battery
 			if (batteryData.charging) {
 				if (batteryData.level > 0.3) {
 					// charging and high
-					score = Math.min(score, Quality.HIGH);
+					score = minQuality(score, Quality.HIGH);
 				} else {
 					// charging but low
-					score = Math.min(score, Quality.LOW);
+					score = minQuality(score, Quality.LOW);
 				}
 			} else {
 				if (batteryData.level > 0.5) {
 					// not charging but high
-					score = Math.min(score, Quality.HIGH);
+					score = minQuality(score, Quality.HIGH);
 				} else {
 					// not charging and low
-					score = Math.min(score, Quality.LOW);
+					score = minQuality(score, Quality.LOW);
 				}
 			}
 		}
 
 		if (gpuData) {
 			if (gpuData.tier === 3) {
-				score = Math.min(score, Quality.HIGH);
+				score = minQuality(score, Quality.HIGH);
 			} else if (gpuData.tier === 2) {
-				score = Math.min(score, Quality.MEDIUM);
+				score = minQuality(score, Quality.MEDIUM);
 			} else if (gpuData.tier === 1) {
-				score = Math.min(score, Quality.LOW);
+				score = minQuality(score, Quality.LOW);
 			}
 		}
 
-		useAppStore.setState({
-			qualityConfig: score,
-		});
+		useDevice.setState({ quality: score });
 	}, [deviceData, gpuData, batteryData]);
 }
 

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

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

package/src/templates/next-default/.vscode/extensions.json

@@ -7,14 +7,10 @@
     "bradlc.vscode-tailwindcss",
     "csstools.postcss",
 
-    // GraphQL (Shopify, etc.)
-    "graphql.vscode-graphql-syntax",
-
     // Sanity CMS (GROQ syntax + validation)
     "sanity-io.vscode-sanity",
 
     // DX Enhancements
-    "yoavbls.pretty-ts-errors",
-    "waderyan.gitblame"
+    "yoavbls.pretty-ts-errors"
   ]
 }

package/src/templates/next-default/.vscode/settings.json

@@ -82,7 +82,7 @@
     ["cn\\(([^)]*)\\)", "(?:'|\"|`)([^\"'`]*)(?:'|\"|`)"],
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
   ],
-  "tailwindCSS.experimental.configFile": "./lib/styles/global.css",
+  "tailwindCSS.experimental.configFile": "./lib/styles/css/tailwind.css",
   "tailwindCSS.includeLanguages": {
     "typescriptreact": "html"
   },

package/src/templates/next-default/.zed/settings.json

@@ -0,0 +1,47 @@
+{
+  "format_on_save": "on",
+  "lsp": {
+    "vscode-css-language-server": {
+      "settings": {
+        "css": {
+          "lint": {
+            "unknownAtRules": "ignore"
+          }
+        }
+      }
+    }
+  },
+  "languages": {
+    "JavaScript": {
+      "language_servers": ["biome", "..."],
+      "formatter": { "language_server": { "name": "biome" } },
+      "code_actions_on_format": {
+        "source.fixAll.biome": true,
+        "source.organizeImports.biome": true
+      }
+    },
+    "TypeScript": {
+      "formatter": { "language_server": { "name": "biome" } },
+      "code_actions_on_format": {
+        "source.fixAll.biome": true,
+        "source.organizeImports.biome": true
+      }
+    },
+    "TSX": {
+      "formatter": { "language_server": { "name": "biome" } },
+      "code_actions_on_format": {
+        "source.fixAll.biome": true,
+        "source.organizeImports.biome": true
+      }
+    },
+    "CSS": {
+      "formatter": { "language_server": { "name": "biome" } }
+    },
+    "JSON": {
+      "formatter": { "language_server": { "name": "biome" } }
+    },
+    "JSONC": {
+      "formatter": { "language_server": { "name": "biome" } }
+    }
+  }
+}

package/src/templates/next-default/README.md

@@ -34,16 +34,17 @@ lib/
   scripts/
   store/
   styles/
+    index.css
+    tokens.css
     global.css
+    fonts.ts
     cn.ts
   utils/
-    metadata.ts
-    portable-text-to-markdown.ts
-    json-ld.ts
 ```
 
 ## Styling
 
-- Import `@/lib/styles/global.css` once in `app/layout.tsx`.
-- `lib/styles/global.css` includes Tailwind utilities, theme tokens, and app-wide global styles.
-- `lib/styles/cn.ts` is the shared class merge helper.
+- Import `@/lib/styles/index.css` once in `app/layout.tsx`.
+- Edit `lib/styles/tokens.css` for theme variables, breakpoints, and custom Tailwind utilities.
+- Edit `lib/styles/global.css` for reset rules and app-wide global styles.
+- `lib/styles/fonts.ts` handles font variables.

package/src/templates/next-default/_gitignore

@@ -29,7 +29,6 @@
 # misc
 .DS_Store
 *.pem
-.cursor/scratchpad.md
 
 # debug
 npm-debug.log*
@@ -57,8 +56,7 @@ yarn-error.log*
 certificates
 
 next-env.d.ts
-# claude
-.claude
+
 
 # unlighthouse
 .unlighthouse/

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

@@ -1,40 +1,26 @@
-import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import { type PropsWithChildren, Suspense } from "react";
-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 type { Metadata, Viewport } from "next"
+import { Geist } from "next/font/google"
+import { type PropsWithChildren, Suspense } from "react"
+import { Link } from "@/components/ui/link"
+import { fontsVariable } from "@/lib/styles/fonts"
+import AppData from "@/package.json"
+import "@/lib/styles/index.css"
+import { cn } from "@/lib/styles/cn"
 import {
-  JsonLd,
-  generateWebSiteJsonLd,
   generateOrganizationJsonLd,
-} from "@/lib/utils/json-ld";
+  generateWebSiteJsonLd,
+  JsonLd,
+} from "@/lib/utils/json-ld"
 
-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 = getBaseUrl();
+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 geist = Geist({
   subsets: ["latin"],
-});
-
-const mono = Geist_Mono({
-  subsets: ["latin"],
-  display: "swap",
-  variable: "--geist-mono",
-  fallback: [
-    "ui-monospace",
-    "SFMono-Regular",
-    "Consolas",
-    "Liberation Mono",
-    "Menlo",
-    "monospace",
-  ],
-});
+})
 
 export const metadata: Metadata = {
   alternates: {
@@ -87,19 +73,19 @@ export const metadata: Metadata = {
       template: APP_TITLE_TEMPLATE,
     },
   },
-};
+}
 
 export const viewport: Viewport = {
   colorScheme: "normal",
   themeColor: "#000000",
-};
+}
 
 export default async function Layout({ children }: PropsWithChildren) {
   return (
     <html
       lang="en"
       dir="ltr"
-      className={cn(mono.variable, geist.className)}
+      className={cn(fontsVariable, geist.className)}
       // NOTE: This is due to the data-theme attribute being set which causes hydration errors
       suppressHydrationWarning
     >
@@ -130,5 +116,5 @@ export default async function Layout({ children }: PropsWithChildren) {
         {children}
       </body>
     </html>
-  );
+  )
 }

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

@@ -1,7 +1,6 @@
-import type { MetadataRoute } from "next";
-import { getBaseUrl } from "@/lib/utils/url";
+import type { MetadataRoute } from "next"
 
-const APP_BASE_URL = getBaseUrl();
+const APP_BASE_URL = process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000"
 
 export default function robots(): MetadataRoute.Robots {
   return {
@@ -11,5 +10,5 @@ export default function robots(): MetadataRoute.Robots {
       disallow: [],
     },
     sitemap: `${APP_BASE_URL}/sitemap.xml`,
-  };
+  }
 }

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

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

package/src/templates/next-default/biome.json

@@ -95,6 +95,7 @@
       },
       "nursery": {
         "useSortedClasses": {
+          "fix": "safe",
           "level": "warn",
           "options": {
             "attributes": ["class", "className"],
@@ -140,6 +141,11 @@
         "useTemplate": "warn"
       },
       "suspicious": {
+        "noConsole": {
+          "fix": "none",
+          "level": "warn",
+          "options": { "allow": ["warn", "error", "info"] }
+        },
         "noDebugger": "warn",
         "noDoubleEquals": "error",
         "noEmptyBlockStatements": "warn",
@@ -214,11 +220,12 @@
       }
     },
     {
-      "includes": ["lib/styles/global.css"],
+      "includes": ["lib/styles/tokens.css"],
       "linter": {
         "rules": {
           "suspicious": {
-            "noDuplicateCustomProperties": "off"
+            "noDuplicateCustomProperties": "off",
+            "noUnknownAtRules": "off"
           }
         }
       }

package/src/templates/next-default/components/ui/image/index.tsx

@@ -167,7 +167,8 @@ export function Image({
 }: ImageProps) {
   // Generate responsive sizes if not provided
   const finalSizes =
-    sizes || `(max-width: ${DESKTOP_BREAKPOINT}px) ${mobileSize}, ${desktopSize}`
+    sizes ||
+    `(max-width: ${DESKTOP_BREAKPOINT}px) ${mobileSize}, ${desktopSize}`
 
   // Early return after hooks
   if (!src) return null

package/src/templates/next-default/components/ui/link/index.tsx

@@ -1,14 +1,14 @@
-"use client";
+"use client"
 
-import NextLink from "next/link";
-import { usePathname } from "next/navigation";
+import NextLink from "next/link"
+import { usePathname } from "next/navigation"
 import {
   type AnchorHTMLAttributes,
   type ComponentProps,
   type MouseEvent,
   useEffect,
   useState,
-} from "react";
+} from "react"
 
 // Helper to extract props safe for button elements
 function getButtonProps(props: Record<string, unknown>) {
@@ -18,8 +18,8 @@ function getButtonProps(props: Record<string, unknown>) {
     rel,
     "data-external": _dataExternal,
     ...buttonProps
-  } = props;
-  return buttonProps;
+  } = props
+  return buttonProps
 }
 
 // Helper to extract props safe for div elements
@@ -31,8 +31,8 @@ function getDivProps(props: Record<string, unknown>) {
     onClick,
     "data-external": _dataExternal,
     ...divProps
-  } = props;
-  return divProps;
+  } = props
+  return divProps
 }
 
 type CustomLinkProps = Omit<
@@ -40,10 +40,10 @@ type CustomLinkProps = Omit<
   keyof ComponentProps<typeof NextLink> | "href"
 > &
   Omit<ComponentProps<typeof NextLink>, "href"> & {
-    href?: string;
-    onClick?: (e: MouseEvent<HTMLElement>) => void;
-    scroll?: boolean;
-  };
+    href?: string
+    onClick?: (e: MouseEvent<HTMLElement>) => void
+    scroll?: boolean
+  }
 
 export function Link({
   href,
@@ -52,47 +52,47 @@ export function Link({
   scroll = false, // Default to false to prevent scroll restoration warnings with fixed/sticky elements
   ...props
 }: CustomLinkProps) {
-  const [shouldPrefetch, setShouldPrefetch] = useState(false);
-  const [isExternal, setIsExternal] = useState(false);
-  const [isActive, setIsActive] = useState(false);
+  const [shouldPrefetch, setShouldPrefetch] = useState(false)
+  const [isExternal, setIsExternal] = useState(false)
+  const [isActive, setIsActive] = useState(false)
 
   // Get pathname - deferred to avoid blocking static generation
   // usePathname is safe to call but we defer the active check to useEffect
-  const pathname = usePathname();
+  const pathname = usePathname()
 
   useEffect(() => {
     // Check if this link is active (current page)
     if (href && pathname) {
-      setIsActive(pathname === href);
+      setIsActive(pathname === href)
     }
-  }, [href, pathname]);
+  }, [href, pathname])
 
   useEffect(() => {
     // Skip if no href
-    if (!href) return;
+    if (!href) return
 
     // Check if external link
     try {
-      const url = new URL(href, window.location.href);
-      setIsExternal(url.host !== window.location.host);
+      const url = new URL(href, window.location.href)
+      setIsExternal(url.host !== window.location.host)
     } catch {
-      setIsExternal(false);
+      setIsExternal(false)
     }
 
     // Only prefetch on good connections
     const connection = (
       navigator as Navigator & {
-        connection?: { effectiveType: string; saveData: boolean };
+        connection?: { effectiveType: string; saveData: boolean }
       }
-    ).connection;
+    ).connection
     if (connection) {
-      const { effectiveType, saveData } = connection;
-      setShouldPrefetch(effectiveType === "4g" && !saveData);
+      const { effectiveType, saveData } = connection
+      setShouldPrefetch(effectiveType === "4g" && !saveData)
     } else {
       // Default to prefetching if API not available
-      setShouldPrefetch(true);
+      setShouldPrefetch(true)
     }
-  }, [href]);
+  }, [href])
 
   // If no href is provided but there's an onClick, render a button
   if (!href && onClick) {
@@ -104,23 +104,23 @@ export function Link({
       >
         {children}
       </button>
-    );
+    )
   }
 
   // If no href and no onClick, render a div
   if (!href) {
-    return <div {...getDivProps(props)}>{children}</div>;
+    return <div {...getDivProps(props)}>{children}</div>
   }
 
   // Block dangerous URIs (javascript:, data:, vbscript:)
-  const isDangerousHref = /^(javascript|data|vbscript):/i.test(href);
+  const isDangerousHref = /^(javascript|data|vbscript):/i.test(href)
   if (isDangerousHref) {
-    return <span {...getDivProps(props)}>{children}</span>;
+    return <span {...getDivProps(props)}>{children}</span>
   }
 
   // For SSR, check if it's external based on the href pattern
   const isExternalSSR =
-    href.startsWith("http://") || href.startsWith("https://");
+    href.startsWith("http://") || href.startsWith("https://")
 
   if (isExternalSSR || isExternal) {
     return (
@@ -134,7 +134,7 @@ export function Link({
       >
         {children}
       </a>
-    );
+    )
   }
 
   return (
@@ -148,5 +148,5 @@ export function Link({
     >
       {children}
     </NextLink>
-  );
+  )
 }

package/src/templates/next-default/lefthook.yml

@@ -0,0 +1,25 @@
+# Lefthook configuration for git hooks
+# Cross-platform compatible (Windows, macOS, Linux)
+# https://github.com/evilmartians/lefthook
+
+pre-commit:
+  parallel: true
+  commands:
+    biome:
+      glob: '*.{js,mjs,ts,jsx,tsx,css,scss}'
+      run: bun biome check --max-diagnostics=200 --write --unsafe {staged_files}
+      stage_fixed: true
+    typecheck:
+      glob: '*.{ts,tsx}'
+      run: bunx tsgo --noEmit --incremental false
+      stage_fixed: false
+
+post-merge:
+  commands:
+    install-deps:
+      run: bun i
+
+post-checkout:
+  commands:
+    install-deps:
+      run: '[ "{3}" = "1" ] && bun i || true'