bsmnt 0.1.3 → 0.2.4

package/package.json

@@ -1,26 +1,48 @@
 {
 	"name": "bsmnt",
-	"version": "0.1.3",
+	"version": "0.2.4",
+	"packageManager": "bun@1.2.20",
 	"description": "CLI to scaffold basement projects and add integrations",
 	"type": "module",
+	"workspaces": [
+		".",
+		"src/templates/*"
+	],
 	"bin": {
-		"bsmnt": "./packages/cli/bin/index.js"
+		"bsmnt": "index.js"
 	},
+	"main": "./dist/index.js",
 	"files": [
-		"packages/cli/bin/",
-		"packages/cli/src/",
-		"packages/create-basement-app/"
+		"dist",
+		"index.js",
+		"src/templates",
+		"!src/templates/*/node_modules",
+		"!src/templates/*/.next",
+		"!src/templates/*/bun.lock",
+		"src/template-hooks",
+		"plugins"
 	],
 	"scripts": {
-		"build": "bun pm pack --dry-run --ignore-scripts",
-		"check": "for f in $(rg --files bin src -g '*.js'); do node --check \"$f\"; done",
+		"build": "tsc",
+		"check": "tsc --noEmit",
+		"dev": "tsx src/index.ts",
 		"lint": "biome check .",
 		"lint:fix": "biome check --write .",
-		"test": "echo \"Error: no test specified\" && exit 1",
 		"changeset": "changeset",
 		"version-packages": "changeset version",
 		"release": "changeset publish",
-		"prepublishOnly": "bun run build"
+		"prepublishOnly": "rm -rf dist && bun run build",
+		"default": "turbo run dev --filter=bsmnt-next-starter",
+		"webgpu": "turbo run dev --filter=bsmnt-webgpu-starter",
+		"experiments": "turbo run dev --filter=bsmnt-experiments-starter",
+		"build:default": "turbo run build --filter=bsmnt-next-starter",
+		"build:webgpu": "turbo run build --filter=bsmnt-webgpu-starter",
+		"build:experiments": "turbo run build --filter=bsmnt-experiments-starter",
+		"build:all": "turbo run build --filter=bsmnt-next-starter --filter=bsmnt-webgpu-starter --filter=bsmnt-experiments-starter",
+		"lint:default": "turbo run lint --filter=bsmnt-next-starter",
+		"lint:webgpu": "turbo run lint --filter=bsmnt-webgpu-starter",
+		"lint:experiments": "turbo run lint --filter=bsmnt-experiments-starter",
+		"lint:all": "turbo run lint --filter=bsmnt-next-starter --filter=bsmnt-webgpu-starter --filter=bsmnt-experiments-starter"
 	},
 	"keywords": [
 		"webgpu",
@@ -32,18 +54,21 @@
 	"author": "",
 	"license": "ISC",
 	"dependencies": {
-		"chalk": "^5.6.2",
-		"dotenv": "^17.2.3",
+		"commander": "^13.1.0",
 		"fs-extra": "^11.3.3",
-		"inquirer": "^9.3.8",
 		"ora": "^9.1.0",
 		"picocolors": "^1.1.1",
-		"prompts": "^2.4.2",
-		"tiged": "^2.12.7"
+		"prompts": "^2.4.2"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.3.14",
 		"@changesets/changelog-github": "^0.5.2",
-		"@changesets/cli": "^2.29.8"
+		"@changesets/cli": "^2.29.8",
+		"@types/fs-extra": "^11.0.4",
+		"@types/node": "^25.2.3",
+		"@types/prompts": "^2.4.9",
+		"tsx": "^4.19.0",
+		"turbo": "^2.5.0",
+		"typescript": "^5.8.0"
 	}
 }

package/{packages/create-basement-app/templates/experiment → src/templates/next-default}/app/layout.tsx

@@ -1,23 +1,23 @@
-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 { themes } from "@/lib/styles/colors"
-import { fontsVariable } from "@/lib/styles/fonts"
-import AppData from "@/package.json"
-import "@/lib/styles/css/index.css"
-import { cn } from "@/lib/styles/cn"
+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 { themes } from "@/lib/styles/colors";
+import { fontsVariable } from "@/lib/styles/fonts";
+import AppData from "@/package.json";
+import "@/lib/styles/css/index.css";
+import { cn } from "@/lib/styles/cn";
 
-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_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 ?? "https://localhost:3000"
+  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
 
 const geist = Geist({
   subsets: ["latin"],
-})
+});
 
 export const metadata: Metadata = {
   alternates: {
@@ -70,12 +70,12 @@ export const metadata: Metadata = {
       template: APP_TITLE_TEMPLATE,
     },
   },
-}
+};
 
 export const viewport: Viewport = {
   colorScheme: "normal",
   themeColor: themes.dark.primary,
-}
+};
 
 export default async function Layout({ children }: PropsWithChildren) {
   return (
@@ -100,5 +100,5 @@ export default async function Layout({ children }: PropsWithChildren) {
         {children}
       </body>
     </html>
-  )
+  );
 }

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

@@ -0,0 +1,11 @@
+import { Wrapper } from "@/components/layout/wrapper"
+
+export default function Home() {
+  return (
+    <Wrapper theme="dark">
+      <section className="flex grow items-center justify-center">
+        <h1 className="font-mono text-xl uppercase">Basement Next Starter</h1>
+      </section>
+    </Wrapper>
+  )
+}

package/{packages/create-basement-app/templates/experiment → src/templates/next-default}/app/robots.ts

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

package/{packages/create-basement-app/templates/webgl → src/templates/next-default}/app/sitemap.ts

@@ -1,7 +1,7 @@
-import type { MetadataRoute } from "next"
+import type { MetadataRoute } from "next";
 
 const APP_BASE_URL =
-  process.env.NEXT_PUBLIC_BASE_URL ?? "https://localhost:3000"
+  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const baseRoutes: MetadataRoute.Sitemap = [
@@ -11,6 +11,6 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
       changeFrequency: "daily",
       priority: 1,
     },
-  ]
-  return baseRoutes
+  ];
+  return baseRoutes;
 }

package/{packages/create-basement-app/templates/default → src/templates/next-default}/biome.json

@@ -1,5 +1,5 @@
 {
-  "root": false,
+  "root": true,
   "$schema": "node_modules/@biomejs/biome/configuration_schema.json",
   "assist": {
     "actions": {
@@ -245,6 +245,6 @@
   "vcs": {
     "clientKind": "git",
     "enabled": true,
-    "useIgnoreFile": true
+    "useIgnoreFile": false
   }
 }

package/{packages/create-basement-app/templates/webgl → src/templates/next-default}/components/layout/footer/index.tsx

@@ -4,7 +4,11 @@ import { Link } from "@/components/ui/link"
 export function Footer() {
   return (
     <footer className="flex flex-col items-center justify-between p-safe font-mono uppercase 2xl:flex-row 2xl:items-end">
-      <Link href="https://basement.studio/" className="link">
+      <Link
+        href="https://basement.studio/"
+        className="link"
+        aria-label="Basement Studio"
+      >
         <Logo className="w-148 text-secondary" />
       </Link>
       <div>

package/{packages/create-basement-app/templates/webgl → src/templates/next-default}/components/layout/header/index.tsx

@@ -1,10 +1,8 @@
-"use client"
-
 export function Header() {
   return (
     <nav className="sticky top-0 z-2 flex flex-col font-mono uppercase">
       <div className="inline-flex px-safe py-safe">
-        <h1>Basement Next Starter</h1>
+        <div className="font-bold text-xl">Basement Next Starter</div>
       </div>
     </nav>
   )

package/{packages/create-basement-app/templates/default → src/templates/next-default}/components/layout/theme/index.tsx

@@ -47,7 +47,7 @@ export function Theme({
 
   return (
     <>
-      {global && (
+      {global && /^[a-z]+$/.test(currentTheme) && (
         <script>
           {`document.documentElement.setAttribute('data-theme', '${currentTheme}');`}
         </script>

package/{packages/create-basement-app/templates/default → src/templates/next-default}/components/layout/wrapper/index.tsx

@@ -3,8 +3,6 @@
  *
  * Customize the Header and Footer components for your project needs.
  */
-"use client"
-
 import cn from "clsx"
 import { Footer } from "@/components/layout/footer"
 import { Header } from "@/components/layout/header"

package/{packages/create-basement-app/templates/webgl → src/templates/next-default}/components/ui/image/index.tsx

@@ -102,14 +102,14 @@ const getFinalPlaceholder = (
  * - Automatic responsive sizes generation
  * - Smart blur placeholders with aspect ratio support
  * - Performance optimizations (lazy loading by default)
- * - Preload for LCP images
+ * - Priority flag for LCP images
  *
  * @param props - Image props extending Next.js Image
  * @param props.aspectRatio - Aspect ratio for layout stability and blur placeholder
  * @param props.mobileSize - Size on mobile (e.g., "100vw")
  * @param props.desktopSize - Size on desktop (e.g., "50vw")
  * @param props.block - Display as block element
- * @param props.preload - Enable preloading for LCP images
+ * @param props.priority - Prioritize loading for LCP images
  *
  * @example
  * ```tsx
@@ -123,12 +123,12 @@ const getFinalPlaceholder = (
  *
  * @example
  * ```tsx
- * // LCP image with preload
+ * // LCP image with priority
  * <Image
  *   src="/hero.jpg"
  *   alt="Hero image"
  *   aspectRatio={16/9}
- *   preload // Preloads image for LCP
+ *   priority // Preloads image for LCP
  * />
  * ```
  *
@@ -147,7 +147,6 @@ const getFinalPlaceholder = (
 export function Image({
   style,
   className,
-  loading,
   objectFit = "cover",
   quality = 90,
   alt = "",
@@ -163,12 +162,9 @@ export function Image({
   ref,
   aspectRatio,
   placeholder = "blur",
-  preload = false,
+  priority = false,
   ...props
 }: ImageProps) {
-  // Determine loading strategy
-  const finalLoading = loading ?? (preload ? "eager" : "lazy")
-
   // Generate responsive sizes if not provided
   const finalSizes =
     sizes ||
@@ -202,7 +198,7 @@ export function Image({
       fill={!block}
       {...(width !== undefined && { width })}
       {...(height !== undefined && { height })}
-      loading={finalLoading}
+      priority={priority}
       quality={quality}
       alt={alt}
       style={{
@@ -217,7 +213,6 @@ export function Image({
       onDragStart={(e) => e.preventDefault()}
       {...(finalPlaceholder && { placeholder: finalPlaceholder })}
       {...(blurDataURL && { blurDataURL })}
-      preload={preload}
       {...props}
     />
   )

package/{packages/create-basement-app/templates/experiment → 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,17 +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);
+  if (isDangerousHref) {
+    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 (
@@ -128,7 +134,7 @@ export function Link({
       >
         {children}
       </a>
-    )
+    );
   }
 
   return (
@@ -142,5 +148,5 @@ export function Link({
     >
       {children}
     </NextLink>
-  )
+  );
 }

package/{packages/create-basement-app/templates/default → src/templates/next-default}/lib/utils/metadata.ts

@@ -1,4 +1,4 @@
-import type { Metadata } from "next"
+import type { Metadata } from "next";
 
 /**
  * Metadata Generation Utilities
@@ -8,26 +8,26 @@ import type { Metadata } from "next"
  */
 
 interface GenerateMetadataOptions {
-  title?: string
-  description?: string
-  keywords?: string[]
+  title?: string;
+  description?: string;
+  keywords?: string[];
   image?: {
-    url?: string
-    width?: number
-    height?: number
-    alt?: string
-  }
-  url?: string
-  siteName?: string
-  noIndex?: boolean
-  type?: "website" | "article"
-  publishedTime?: string
-  modifiedTime?: string
-  authors?: string[]
+    url?: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+  };
+  url?: string;
+  siteName?: string;
+  noIndex?: boolean;
+  type?: "website" | "article";
+  publishedTime?: string;
+  modifiedTime?: string;
+  authors?: string[];
 }
 
 const APP_BASE_URL =
-  process.env.NEXT_PUBLIC_BASE_URL ?? "https://localhost:3000"
+  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
 
 /**
  * Generate complete metadata object for pages
@@ -62,13 +62,13 @@ export function generatePageMetadata(
     publishedTime,
     modifiedTime,
     authors,
-  } = options
+  } = options;
 
-  const fullUrl = url ? `${APP_BASE_URL}${url}` : APP_BASE_URL
-  const imageUrl = image?.url || "/opengraph-image.jpg"
-  const imageWidth = image?.width || 1200
-  const imageHeight = image?.height || 630
-  const imageAlt = image?.alt || title || siteName
+  const fullUrl = url ? `${APP_BASE_URL}${url}` : APP_BASE_URL;
+  const imageUrl = image?.url || "/opengraph-image.jpg";
+  const imageWidth = image?.width || 1200;
+  const imageHeight = image?.height || 630;
+  const imageAlt = image?.alt || title || siteName;
 
   const metadata: Metadata = {
     metadataBase: new URL(APP_BASE_URL),
@@ -113,14 +113,14 @@ export function generatePageMetadata(
     other: {
       "fb:app_id": process.env.NEXT_PUBLIC_FACEBOOK_APP_ID || "",
     },
-  }
+  };
 
   if (noIndex) {
     metadata.robots = {
       index: false,
       follow: false,
-    }
+    };
   }
 
-  return metadata
+  return metadata;
 }

package/{packages/create-basement-app/templates/default → src/templates/next-default}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "basement-next-starter",
+  "name": "bsmnt-next-starter",
   "description": "Basement Next.js starter template",
   "version": "0.1.0",
   "private": true,
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
-    "next": "16.1.4",
+    "next": "16.1.6",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-use": "^17.6.0",
@@ -35,10 +35,10 @@
     "zustand": "^5.0.10"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.11",
+    "@biomejs/biome": "2.3.14",
     "@clack/prompts": "^0.11.0",
     "@csstools/postcss-global-data": "^3.1.0",
-    "@next/bundle-analyzer": "16.1.1",
+    "@next/bundle-analyzer": "16.1.6",
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/bun": "^1.3.6",

package/{packages/create-basement-app/templates/webgl → src/templates/next-experiments}/app/layout.tsx

@@ -1,23 +1,23 @@
-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 { themes } from "@/lib/styles/colors"
-import { fontsVariable } from "@/lib/styles/fonts"
-import AppData from "@/package.json"
-import "@/lib/styles/css/index.css"
-import { cn } from "@/lib/styles/cn"
+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 { themes } from "@/lib/styles/colors";
+import { fontsVariable } from "@/lib/styles/fonts";
+import AppData from "@/package.json";
+import "@/lib/styles/css/index.css";
+import { cn } from "@/lib/styles/cn";
 
-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_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 ?? "https://localhost:3000"
+  process.env.NEXT_PUBLIC_BASE_URL ?? "http://localhost:3000";
 
 const geist = Geist({
   subsets: ["latin"],
-})
+});
 
 export const metadata: Metadata = {
   alternates: {
@@ -70,12 +70,12 @@ export const metadata: Metadata = {
       template: APP_TITLE_TEMPLATE,
     },
   },
-}
+};
 
 export const viewport: Viewport = {
   colorScheme: "normal",
   themeColor: themes.dark.primary,
-}
+};
 
 export default async function Layout({ children }: PropsWithChildren) {
   return (
@@ -100,5 +100,5 @@ export default async function Layout({ children }: PropsWithChildren) {
         {children}
       </body>
     </html>
-  )
+  );
 }