bsmnt 0.2.11 → 0.3.1

package/src/templates/next-webgl/lib/utils/portable-text-to-markdown.ts

@@ -0,0 +1,83 @@
+export interface PortableTextMarkDefinition {
+  _key?: string;
+  _type?: string;
+  href?: string;
+}
+
+export interface PortableTextSpan {
+  _type?: string;
+  text?: string;
+  marks?: string[];
+}
+
+export interface PortableTextBlock {
+  _type?: string;
+  style?: string;
+  listItem?: "bullet" | "number";
+  level?: number;
+  children?: PortableTextSpan[];
+  markDefs?: PortableTextMarkDefinition[];
+}
+
+const headingStyles: Record<string, string> = {
+  h1: "#",
+  h2: "##",
+  h3: "###",
+  h4: "####",
+  h5: "#####",
+  h6: "######",
+}
+
+function applyMarks(
+  text: string,
+  marks: string[] | undefined,
+  markDefs: PortableTextMarkDefinition[]
+) {
+  return (marks ?? []).reduce((result, mark) => {
+    if (mark === "strong") return `**${result}**`
+    if (mark === "em") return `*${result}*`
+    if (mark === "code") return `\`${result}\``
+
+    const link = markDefs.find((definition) => definition._key === mark)
+    if (link?._type === "link" && link.href) {
+      return `[${result}](${link.href})`
+    }
+
+    return result
+  }, text)
+}
+
+function serializeBlock(block: PortableTextBlock) {
+  const text = (block.children ?? [])
+    .map((child) =>
+      applyMarks(child.text ?? "", child.marks, block.markDefs ?? [])
+    )
+    .join("")
+    .trim()
+
+  if (!text) return ""
+
+  if (block.listItem) {
+    const level = Math.max((block.level ?? 1) - 1, 0)
+    const indent = "  ".repeat(level)
+    const marker = block.listItem === "number" ? "1." : "-"
+    return `${indent}${marker} ${text}`
+  }
+
+  if (block.style === "blockquote") {
+    return `> ${text}`
+  }
+
+  const headingPrefix = headingStyles[block.style ?? ""]
+  if (headingPrefix) {
+    return `${headingPrefix} ${text}`
+  }
+
+  return text
+}
+
+export function portableTextToMarkdown(
+  value: PortableTextBlock[] | null | undefined
+) {
+  return (value ?? []).map(serializeBlock).filter(Boolean).join("\n\n")
+}

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

@@ -8,9 +8,9 @@
     "analyze": "cross-env ANALYZE=true bun run build",
     "analyze:experimental": "next experimental-analyze",
     "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",
+    "dev": "next dev",
+    "dev:https": "next dev --experimental-https",
+    "dev:inspect": "next dev --inspect",
     "format": "biome format --write .",
     "lighthouse": "bunx @unlighthouse/cli --site http://localhost:3000",
     "lint": "biome lint --max-diagnostics=200",

package/src/helpers/integrate/sanity/files/lib/scripts/copy-sanity-mcp.ts

@@ -1,23 +0,0 @@
-/**
- * Cross-platform Sanity MCP setup helper
- * Copies the Cursor deeplink to clipboard on macOS/Linux/Windows
- */
-
-import { copyToClipboard } from "./utils";
-
-const link =
-	"cursor://anysphere.cursor-deeplink/mcp/install?name=Sanity&config=eyJ1cmwiOiJodHRwczovL21jcC5zYW5pdHkuaW8iLCJ0eXBlIjoiaHR0cCJ9Cg==";
-
-const copied = await copyToClipboard(link);
-
-console.log("\n🔗 Sanity MCP Setup for Cursor\n");
-
-if (copied) {
-	console.log("✅ Link copied to clipboard!");
-	console.log("   Paste it in your browser or Cursor address bar.\n");
-} else {
-	console.log("📋 Copy this link manually:\n");
-	console.log(`   ${link}\n`);
-}
-
-console.log("This will install the Sanity MCP server in Cursor.");

package/src/helpers/integrate/sanity/files/lib/scripts/generate-page.ts

@@ -1,297 +0,0 @@
-#!/usr/bin/env bun
-/**
- * Generate Page Module
- *
- * Generates new pages with pre-configured templates through interactive prompts.
- * Used by the unified generator: `bun run generate`
- *
- * Cross-platform compatible (Windows, macOS, Linux)
- */
-
-import * as p from "@clack/prompts";
-import { createDir } from "./utils";
-
-interface PageOptions {
-	webgl?: boolean;
-	sanity?: boolean;
-	theme?: string;
-	css?: boolean;
-}
-
-export interface PageConfig {
-	name: string;
-	options: PageOptions;
-}
-
-/**
- * Interactive prompts for page configuration
- */
-export const promptPageConfig = async (): Promise<PageConfig> => {
-	const name = await p.text({
-		message: "What should the page be called?",
-		placeholder: "about, contact, products",
-		validate: (value) => {
-			if (!value) return "Page name is required";
-			if (!/^[a-zA-Z][a-zA-Z0-9-_]*$/.test(value)) {
-				return "Page name must start with a letter and contain only letters, numbers, hyphens, and underscores";
-			}
-			return undefined;
-		},
-	});
-
-	if (p.isCancel(name)) {
-		p.cancel("Page generation cancelled");
-		process.exit(0);
-	}
-
-	const theme = await p.select({
-		message: "Choose a theme for the page",
-		options: [
-			{ value: "dark", label: "Dark (default)", hint: "Standard dark theme" },
-			{ value: "light", label: "Light", hint: "Light theme" },
-			{ value: "red", label: "Red", hint: "Red accent theme" },
-		],
-		initialValue: "dark",
-	});
-
-	if (p.isCancel(theme)) {
-		p.cancel("Page generation cancelled");
-		process.exit(0);
-	}
-
-	const integrations = await p.multiselect({
-		message: "Which integrations should this page use?",
-		options: [
-			{ value: "webgl", label: "WebGL Canvas", hint: "Enable 3D graphics" },
-			{ value: "sanity", label: "Sanity CMS", hint: "Content management" },
-		],
-		required: false,
-	});
-
-	if (p.isCancel(integrations)) {
-		p.cancel("Page generation cancelled");
-		process.exit(0);
-	}
-
-	const includeCss = await p.confirm({
-		message: "Include a CSS module file?",
-		initialValue: false,
-	});
-
-	if (p.isCancel(includeCss)) {
-		p.cancel("Page generation cancelled");
-		process.exit(0);
-	}
-
-	return {
-		name,
-		options: {
-			theme,
-			webgl: integrations.includes("webgl"),
-			sanity: integrations.includes("sanity"),
-			css: includeCss,
-		},
-	};
-};
-
-/**
- * Generate page.tsx content
- */
-const generatePageContent = (
-	pageName: string,
-	options: PageOptions,
-): string => {
-	const { webgl, sanity, theme = "dark" } = options;
-
-	// Capitalize first letter for title
-	const title = pageName.charAt(0).toUpperCase() + pageName.slice(1);
-
-	// Build imports
-	const imports: string[] = [];
-	imports.push(`import type { Metadata } from 'next'`);
-	imports.push(`import { Wrapper } from '@/components/layout/wrapper'`);
-
-	// Integration-specific imports
-	if (sanity) {
-		imports.push(
-			`import { NotConfigured } from '@/components/ui/not-configured'`,
-		);
-	}
-
-	if (sanity) {
-		imports.push(
-			`import { isSanityConfigured } from '@/lib/integrations/check-integration'`,
-		);
-		// sanityFetch and generateSanityMetadata are available for use:
-		// import { sanityFetch } from 'next-sanity/live'
-		// import { generateSanityMetadata } from '@/lib/utils/metadata'
-	}
-
-	// Build wrapper props
-	const wrapperProps: string[] = [`theme="${theme}"`];
-	if (webgl) {
-		wrapperProps.push("webgl");
-	}
-
-	// Build component body based on integrations
-	let componentBody: string;
-
-	if (sanity) {
-		// Sanity only
-		componentBody = `  // Show setup instructions if Sanity is not configured
-  if (!isSanityConfigured()) {
-    return (
-      <Wrapper theme="${theme}">
-        <NotConfigured integration="Sanity" />
-      </Wrapper>
-    )
-  }
-
-  // TODO: Create a GROQ query for this page's content type
-  // const { data } = await sanityFetch({
-  //   query: yourQuery,
-  //   params: { slug: '${pageName}' },
-  // })
-
-  return (
-    <Wrapper ${wrapperProps.join(" ")}>
-      <section className="dr-py-100">
-        <div className="container">
-          <h1>${title}</h1>
-          {/* Your content here */}
-          {/* Fetch data from Sanity using a custom query */}
-        </div>
-      </section>
-    </Wrapper>
-  )`;
-	} else {
-		// No integrations
-		componentBody = `  return (
-    <Wrapper ${wrapperProps.join(" ")}>
-      <section className="dr-py-100">
-        <div className="container">
-          <h1>${title}</h1>
-          {/* Your content here */}
-        </div>
-      </section>
-    </Wrapper>
-  )`;
-	}
-
-	// Build metadata export
-	let metadataExport: string;
-	if (sanity) {
-		metadataExport = `
-export async function generateMetadata(): Promise<Metadata> {
-  if (!isSanityConfigured()) {
-    return {
-      title: '${title}',
-      description: '${title} page description',
-    }
-  }
-
-  // TODO: Fetch metadata from Sanity using a custom query
-  // const { data } = await sanityFetch({
-  //   query: yourQuery,
-  //   params: { slug: '${pageName}' },
-  // })
-
-  return {
-    title: '${title}',
-    description: '${title} page description',
-  }
-}`;
-	} else {
-		metadataExport = `
-export const metadata: Metadata = {
-  title: '${title}',
-  description: '${title} page description',
-}`;
-	}
-
-	// Determine if component should be async
-	const isAsync = sanity;
-
-	return `${imports.join("\n")}
-${metadataExport}
-
-export default ${isAsync ? "async " : ""}function ${title}Page() {
-${componentBody}
-}
-`;
-};
-
-/**
- * Create page files and directories
- */
-export const createPage = async (
-	pageName: string,
-	options: PageOptions,
-): Promise<void> => {
-	const s = p.spinner();
-
-	try {
-		// Create directory structure
-		const pageDir = `app/${pageName}`;
-		const componentsDir = `${pageDir}/_components`;
-
-		s.start(`Creating page structure for "${pageName}"`);
-
-		// Create main page directory (cross-platform)
-		await createDir(pageDir);
-
-		// Create _components subdirectory (cross-platform)
-		await createDir(componentsDir);
-
-		// Create .gitkeep in _components
-		await Bun.write(`${componentsDir}/.gitkeep`, "");
-
-		// Generate and write page.tsx
-		const pageContent = generatePageContent(pageName, options);
-		await Bun.write(`${pageDir}/page.tsx`, pageContent);
-
-		// Create CSS module if requested
-		if (options.css) {
-			const cssContent = `/* ${pageName}.module.css */
-
-.container {
-  /* Add your styles here */
-}
-`;
-			await Bun.write(`${pageDir}/${pageName}.module.css`, cssContent);
-		}
-
-		s.stop(`Page "${pageName}" generated successfully!`);
-
-		// Show what was created
-		p.log.success(`Generated files:`);
-		p.log.message(`  📄 ${pageDir}/page.tsx`);
-		p.log.message(`  📁 ${componentsDir}/`);
-		if (options.css) {
-			p.log.message(`  🎨 ${pageDir}/${pageName}.module.css`);
-		}
-
-		// Build next steps message
-		const nextSteps = [`1. Customize ${pageDir}/page.tsx`];
-
-		if (options.sanity) {
-			nextSteps.push(
-				`2. Create a "${pageName}" page in Sanity Studio at /studio`,
-			);
-		}
-
-		nextSteps.push(
-			`${nextSteps.length + 1}. Add components to ${componentsDir}/`,
-		);
-		nextSteps.push(
-			`${nextSteps.length + 1}. Visit /${pageName} to see your page`,
-		);
-
-		p.note(`Next steps:\n  ${nextSteps.join("\n  ")}`);
-	} catch (error) {
-		s.stop(`Failed to generate page "${pageName}"`);
-		throw error;
-	}
-};
-
-// Export functions for use by unified generate script

package/src/templates/next-default/lib/scripts/dev.ts

@@ -1,32 +0,0 @@
-/**
- * Cross-platform Next.js dev launcher.
- */
-
-import { bunExecutable, colorEnv } from "./utils"
-
-const isHttps = process.argv.includes("--https")
-const isInspect = process.argv.includes("--inspect")
-
-// Build next dev command args
-const nextDevArgs = [bunExecutable, "next", "dev"]
-if (isHttps) nextDevArgs.push("--experimental-https")
-if (isInspect) nextDevArgs.push("--inspect")
-
-const devEnv = colorEnv()
-
-const nextDevProcess = Bun.spawn(nextDevArgs, {
-  stdout: "inherit",
-  stderr: "inherit",
-  env: devEnv,
-})
-
-const cleanup = () => {
-  nextDevProcess.kill()
-  process.exit(0)
-}
-
-process.on("SIGINT", cleanup)
-process.on("SIGTERM", cleanup)
-
-await nextDevProcess.exited
-cleanup()

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

@@ -1,13 +0,0 @@
-# Styles
-
-Minimal Tailwind setup for the starter.
-
-## Files
-
-| File | Purpose |
-|------|---------|
-| `index.css` | Single stylesheet entrypoint imported by `app/layout.tsx` |
-| `tokens.css` | Theme variables, breakpoints, and custom Tailwind utilities |
-| `global.css` | Reset and global app styles |
-| `fonts.ts` | Font variable setup |
-| `cn.ts` | Tailwind class merging helper |

package/src/templates/next-default/lib/styles/fonts.ts

@@ -1,20 +0,0 @@
-import { Geist_Mono } from "next/font/google";
-
-const mono = Geist_Mono({
-  subsets: ["latin"],
-  display: "swap",
-  variable: "--geist-mono",
-  fallback: [
-    "ui-monospace",
-    "SFMono-Regular",
-    "Consolas",
-    "Liberation Mono",
-    "Menlo",
-    "monospace",
-  ],
-});
-
-const fonts = [mono];
-const fontsVariable = fonts.map((font) => font.variable).join(" ");
-
-export { fontsVariable };

package/src/templates/next-default/lib/styles/index.css

@@ -1,3 +0,0 @@
-@import "tailwindcss/utilities.css";
-@import "./tokens.css";
-@import "./global.css";

package/src/templates/next-default/lib/styles/tokens.css

@@ -1,179 +0,0 @@
-@custom-media --hover (hover: hover);
-@custom-media --reduced-motion (prefers-reduced-motion: reduce);
-@custom-media --mobile-only (width < 768px);
-@custom-media --tablet (width >= 768px);
-@custom-media --tablet-lg (width >= 1024px);
-@custom-media --desktop (width >= 1440px);
-@custom-media --desktop-large (width >= 1920px);
-
-:root {
-  --device-width: 640;
-  --device-height: 650;
-  --columns: 4;
-  --gap: 16px;
-  --safe: 16px;
-  --header-height: 58px;
-  --layout-width: calc(100vw - (2 * var(--safe)));
-  --column-width: calc(
-    (var(--layout-width) - (var(--columns) - 1) * var(--gap)) / var(--columns)
-  );
-  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
-  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
-  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
-  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
-  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
-  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
-  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
-  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
-  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
-  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
-  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
-  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
-  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
-  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  --ease-gleasing: cubic-bezier(0.4, 0, 0, 1);
-  --color-black: #000000;
-  --color-white: #ffffff;
-  --color-orange: #ff4d00;
-  --color-blue: #487cff;
-  --color-green: #00ff9b;
-  --color-violet: #f101a5;
-  --color-pink: #ff73a6;
-  --color-gray: #666666;
-
-  @variant desktop {
-    --device-width: 1440;
-    --device-height: 816;
-    --columns: 12;
-    --header-height: 98px;
-  }
-}
-
-@theme {
-  --breakpoint-*: initial;
-  --breakpoint-desktop-large: 1920px;
-  --breakpoint-desktop: 1440px;
-  --breakpoint-tablet-lg: 1024px;
-  --breakpoint-tablet: 768px;
-  --breakpoint-mobile: 640px;
-
-  --color-*: initial;
-  --color-primary: #ffffff;
-  --color-secondary: #000000;
-  --color-contrast: #ff4d00;
-  --color-black: #000000;
-  --color-white: #ffffff;
-  --color-orange: #ff4d00;
-  --color-blue: #487cff;
-  --color-green: #00ff9b;
-  --color-violet: #f101a5;
-  --color-pink: #ff73a6;
-  --color-gray: #666666;
-  --color-gray-50: #f5f5f5;
-  --color-gray-100: #e0e0e0;
-  --color-gray-200: #c2c2c2;
-  --color-gray-300: #a3a3a3;
-  --color-gray-400: #858585;
-  --color-gray-500: #666666;
-  --color-gray-600: #4d4d4d;
-  --color-gray-700: #333333;
-  --color-gray-800: #1a1a1a;
-
-  --spacing: 0.25rem;
-  --spacing-0: 0;
-  --spacing-safe: var(--safe);
-  --spacing-gap: var(--gap);
-  --spacing-header-height: var(--header-height);
-
-  --font-*: initial;
-  --font-mono: var(--geist-mono);
-
-  --ease-*: initial;
-  --ease-in-quad: var(--ease-in-quad);
-  --ease-in-cubic: var(--ease-in-cubic);
-  --ease-in-quart: var(--ease-in-quart);
-  --ease-in-quint: var(--ease-in-quint);
-  --ease-in-expo: var(--ease-in-expo);
-  --ease-in-circ: var(--ease-in-circ);
-  --ease-out-quad: var(--ease-out-quad);
-  --ease-out-cubic: var(--ease-out-cubic);
-  --ease-out-quart: var(--ease-out-quart);
-  --ease-out-quint: var(--ease-out-quint);
-  --ease-out-expo: var(--ease-out-expo);
-  --ease-out-circ: var(--ease-out-circ);
-  --ease-in-out-quad: var(--ease-in-out-quad);
-  --ease-in-out-cubic: var(--ease-in-out-cubic);
-  --ease-in-out-quart: var(--ease-in-out-quart);
-  --ease-in-out-quint: var(--ease-in-out-quint);
-  --ease-in-out-expo: var(--ease-in-out-expo);
-  --ease-in-out-circ: var(--ease-in-out-circ);
-  --ease-gleasing: var(--ease-gleasing);
-}
-
-[data-theme="light"] {
-  --color-primary: #ffffff;
-  --color-secondary: #000000;
-  --color-contrast: #ff4d00;
-}
-
-[data-theme="dark"] {
-  --color-primary: #000000;
-  --color-secondary: #ffffff;
-  --color-contrast: #ff4d00;
-}
-
-@utility test-mono {
-  font-family: var(--geist-mono);
-  font-size: 20px;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: 0;
-  line-height: 90%;
-
-  @variant desktop {
-    font-size: 24px;
-  }
-}
-
-@utility desktop-only {
-  @media (--mobile-only) {
-    display: none !important;
-  }
-}
-
-@utility mobile-only {
-  @media (--tablet) {
-    display: none !important;
-  }
-}
-
-@utility b-grid {
-  column-gap: var(--gap);
-  display: grid;
-  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
-}
-
-@utility b-layout-block {
-  margin-inline: auto;
-  width: calc(100% - 2 * var(--safe));
-}
-
-@utility b-layout-block-inner {
-  padding-inline: var(--safe);
-  width: 100%;
-}
-
-@utility b-layout-grid {
-  @apply b-layout-block b-grid;
-}
-
-@utility b-layout-grid-inner {
-  @apply b-layout-block-inner b-grid;
-}
-
-@custom-variant light (&:where([data-theme="light"], [data-theme="light"] *));
-@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));