bsmnt 0.2.9 → 0.2.11

package/src/templates/next-experiments/lib/utils/json-ld.tsx

@@ -0,0 +1,199 @@
+import type {
+  Article,
+  BreadcrumbList,
+  Organization,
+  SearchAction,
+  Thing,
+  WebPage,
+  WebSite,
+  WithContext,
+} from "schema-dts";
+
+const APP_BASE_URL = process.env.NEXT_PUBLIC_BASE_URL;
+
+function isAbsoluteUrl(value: string) {
+  return /^https?:\/\//.test(value);
+}
+
+function resolveUrl(value?: string) {
+  if (!value) return APP_BASE_URL;
+  if (isAbsoluteUrl(value)) return value;
+  if (!APP_BASE_URL) return undefined;
+
+  return new URL(value, APP_BASE_URL).toString();
+}
+
+/* -------------------------------- Component ------------------------------- */
+
+export function JsonLd<T extends Thing>({
+  data,
+}: {
+  data: WithContext<T>;
+}) {
+  return (
+    <script
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{
+        __html: JSON.stringify(data).replace(/</g, "\\u003c"),
+      }}
+    />
+  );
+}
+
+/* -------------------------------- Generators ------------------------------ */
+
+interface WebSiteJsonLdOptions {
+  name: string;
+  url?: string;
+  description?: string;
+  /** URL to site-wide search (e.g. "/search?q={search_term_string}") */
+  searchUrl?: string;
+}
+
+export function generateWebSiteJsonLd(
+  options: WebSiteJsonLdOptions
+): WithContext<WebSite> {
+  const { name, url, description, searchUrl } = options;
+  const resolvedUrl = resolveUrl(url);
+  const resolvedSearchUrl = resolveUrl(searchUrl);
+
+  return {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    name,
+    ...(resolvedUrl && { url: resolvedUrl }),
+    ...(description && { description }),
+    ...(resolvedSearchUrl && {
+      potentialAction: {
+        "@type": "SearchAction",
+        target: resolvedSearchUrl,
+        "query-input": "required name=search_term_string",
+      } as SearchAction & { "query-input": string },
+    }),
+  };
+}
+
+interface OrganizationJsonLdOptions {
+  name: string;
+  url?: string;
+  logo?: string;
+  description?: string;
+  sameAs?: string[];
+}
+
+export function generateOrganizationJsonLd(
+  options: OrganizationJsonLdOptions
+): WithContext<Organization> {
+  const { name, url, logo, description, sameAs } = options;
+  const resolvedUrl = resolveUrl(url);
+  const resolvedLogo = resolveUrl(logo);
+
+  return {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    name,
+    ...(resolvedUrl && { url: resolvedUrl }),
+    ...(resolvedLogo && { logo: resolvedLogo }),
+    ...(description && { description }),
+    ...(sameAs && { sameAs }),
+  };
+}
+
+interface WebPageJsonLdOptions {
+  title: string;
+  url?: string;
+  description?: string;
+  image?: string;
+  datePublished?: string;
+  dateModified?: string;
+}
+
+export function generateWebPageJsonLd(
+  options: WebPageJsonLdOptions
+): WithContext<WebPage> {
+  const { title, url, description, image, datePublished, dateModified } =
+    options;
+  const resolvedUrl = resolveUrl(url);
+  const resolvedImage = resolveUrl(image);
+
+  return {
+    "@context": "https://schema.org",
+    "@type": "WebPage",
+    name: title,
+    ...(resolvedUrl && { url: resolvedUrl }),
+    ...(description && { description }),
+    ...(resolvedImage && { image: resolvedImage }),
+    ...(datePublished && { datePublished }),
+    ...(dateModified && { dateModified }),
+  };
+}
+
+interface ArticleJsonLdOptions {
+  title: string;
+  url?: string;
+  description?: string;
+  image?: string;
+  datePublished?: string;
+  dateModified?: string;
+  authorName?: string;
+  authorUrl?: string;
+}
+
+export function generateArticleJsonLd(
+  options: ArticleJsonLdOptions
+): WithContext<Article> {
+  const {
+    title,
+    url,
+    description,
+    image,
+    datePublished,
+    dateModified,
+    authorName,
+    authorUrl,
+  } = options;
+  const resolvedUrl = resolveUrl(url);
+  const resolvedImage = resolveUrl(image);
+
+  return {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: title,
+    ...(resolvedUrl && { url: resolvedUrl }),
+    ...(description && { description }),
+    ...(resolvedImage && { image: resolvedImage }),
+    ...(datePublished && { datePublished }),
+    ...(dateModified && { dateModified }),
+    ...(authorName && {
+      author: {
+        "@type": "Person",
+        name: authorName,
+        ...(authorUrl && { url: authorUrl }),
+      },
+    }),
+  };
+}
+
+interface BreadcrumbItem {
+  name: string;
+  url: string;
+}
+
+export function generateBreadcrumbJsonLd(
+  items: BreadcrumbItem[]
+): WithContext<BreadcrumbList> {
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: items.map((item, index) => {
+      const resolvedItemUrl = resolveUrl(item.url);
+
+      return {
+        "@type": "ListItem",
+        position: index + 1,
+        name: item.name,
+        ...(resolvedItemUrl && { item: resolvedItemUrl }),
+      };
+    }),
+  };
+}

package/src/templates/next-experiments/lib/utils/viewport.ts

@@ -25,9 +25,15 @@
  * - **Runtime calculations**: Use for canvas, WebGL, or dynamic sizing
  */
 
-import { breakpoints } from "@/lib/styles/config"
+const BREAKPOINTS = {
+  "desktop-large": 1920,
+  desktop: 1440,
+  "tablet-lg": 1024,
+  tablet: 768,
+  mobile: 640,
+} as const
 
-type ContextSize = keyof typeof breakpoints | number
+type ContextSize = keyof typeof BREAKPOINTS | number
 
 /**
  * Resolves a context size to a pixel value.
@@ -39,7 +45,7 @@ function resolveContext(context: ContextSize): number {
   if (typeof context === "number") {
     return context
   }
-  return breakpoints[context] ?? breakpoints.desktop
+  return BREAKPOINTS[context] ?? BREAKPOINTS.desktop
 }
 
 /**
@@ -50,8 +56,8 @@ function resolveContext(context: ContextSize): number {
  */
 function isContextIdentifier(
   value: unknown
-): value is keyof typeof breakpoints {
-  return typeof value === "string" && value in breakpoints
+): value is keyof typeof BREAKPOINTS {
+  return typeof value === "string" && value in BREAKPOINTS
 }
 
 /**

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

@@ -67,7 +67,6 @@ const nextConfig: NextConfig = {
       "three",
       "postprocessing",
       "lenis",
-      "zustand",
     ],
   },
   images: {

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

@@ -7,58 +7,47 @@
   "scripts": {
     "analyze": "cross-env ANALYZE=true bun run build",
     "analyze:experimental": "next experimental-analyze",
-    "build": "bun run setup:styles && next build",
+    "build": "next build",
     "dev": "bun ./lib/scripts/dev.ts",
     "dev:https": "bun ./lib/scripts/dev.ts --https",
     "dev:inspect": "bun ./lib/scripts/dev.ts --inspect",
     "format": "biome format --write .",
-    "generate": "bun ./lib/scripts/generate.ts",
     "lighthouse": "bunx @unlighthouse/cli --site http://localhost:3000",
     "lint": "biome lint --max-diagnostics=200",
     "lint:fix": "biome lint --write --unsafe --max-diagnostics=200",
-    "setup:styles": "bun ./lib/styles/scripts/setup-styles.ts",
     "start": "next start",
-    "test": "bun test",
-    "test:setup": "bun test lib/scripts/setup-project.test.ts",
     "typecheck": "tsgo --noEmit",
     "typecheck:compare": "bun run typecheck:tsc && bun run typecheck",
     "typecheck:tsc": "tsc --noEmit --incremental false"
   },
   "dependencies": {
     "@radix-ui/react-navigation-menu": "^1.2.5",
-    "@react-three/drei": "^10.7.7",
-    "@react-three/fiber": "^9.5.0",
     "class-variance-authority": "^0.7.1",
-    "leva": "^0.9.35",
+    "clsx": "^2.1.1",
     "lucide-react": "^0.474.0",
-    "next": "16.1.6",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "react-use": "^17.6.0",
+    "next": "^16",
+    "react": "^19",
+    "react-dom": "^19",
     "tailwind-merge": "^3.4.0",
     "three": "^0.182.0",
-    "zod": "^4.3.6",
-    "zustand": "^5.0.10"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.14",
-    "@clack/prompts": "^0.11.0",
-    "@csstools/postcss-global-data": "^3.1.0",
-    "@next/bundle-analyzer": "16.1.6",
+    "@next/bundle-analyzer": "^16",
     "@svgr/webpack": "^8.1.0",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@tailwindcss/postcss": "^4",
     "@types/bun": "^1.3.6",
     "@types/node": "^20.19.30",
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
-    "@types/three": "^0.182.0",
     "@typescript/native-preview": "^7.0.0-dev.20260122.3",
     "babel-plugin-react-compiler": "1.0.0",
     "cross-env": "^10.1.0",
-    "postcss-functions": "^4.0.2",
     "postcss-preset-env": "^10.6.1",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.9.3"
+    "schema-dts": "^2.0.0",
+    "tailwindcss": "^4",
+    "typescript": "^5"
   },
   "trustedDependencies": [
     "@biomejs/biome",

package/src/templates/next-experiments/postcss.config.mjs

@@ -1,5 +1,3 @@
-import { functions } from "./lib/styles/scripts/postcss-functions.mjs"
-
 /**
  * PostCSS preset-env config
  * @see Docs {@link https://github.com/csstools/postcss-plugins/blob/main/plugin-packs/postcss-preset-env/README.md#options}
@@ -18,22 +16,10 @@ const presetEnvConfig = {
   },
 }
 
-/**
- * PostCSS global data config
- * Makes sure the css module files have access to these context files
- * @see {@link https://github.com/csstools/postcss-global-data?tab=readme-ov-file#options}
- * @type {import('@csstools/postcss-global-data').pluginOptions}
- */
-const globalDataConfig = {
-  files: ["./lib/styles/css/root.css"],
-}
-
 const postcssConfig = {
   // NOTE: Order is important
   plugins: {
     "@tailwindcss/postcss": {},
-    "@csstools/postcss-global-data": globalDataConfig,
-    "postcss-functions": { functions },
     // NOTE: This has to be last config
     "postcss-preset-env": presetEnvConfig,
   },

package/src/templates/next-experiments/tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "target": "ES2023",
     "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "types": ["bun"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,