bsmnt 0.0.2 → 0.1.0

package/layers/experiment/components/layout/navigation-menu.tsx

@@ -1,127 +0,0 @@
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva } from "class-variance-authority";
-import { ChevronDown } from "lucide-react";
-
-import { cn } from "@/lib/styles/cn";
-
-function NavigationMenu({
-	className,
-	children,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Root>) {
-	return (
-		<NavigationMenuPrimitive.Root
-			className={cn(
-				"relative z-10 flex max-w-max flex-1 items-center justify-center",
-				className,
-			)}
-			{...props}
-		>
-			{children}
-			<NavigationMenuViewport />
-		</NavigationMenuPrimitive.Root>
-	);
-}
-
-function NavigationMenuList({
-	className,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
-	return (
-		<NavigationMenuPrimitive.List
-			className={cn(
-				"group flex flex-1 list-none items-center justify-center space-x-1",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-
-const navigationMenuTriggerStyle = cva(
-	"bg-indigo-950/30 backdrop-blur-3xl border border-purple-400/50 text-white group inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors hover:bg-purple-800/50 hover:text-white focus:bg-purple-800/50 focus:text-white focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-white data-[state=open]:bg-indigo-900/70 data-[state=open]:hover:bg-purple-800/50 data-[state=open]:focus:bg-purple-800/50 cursor-pointer",
-);
-
-function NavigationMenuTrigger({
-	className,
-	children,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
-	return (
-		<NavigationMenuPrimitive.Trigger
-			className={cn(navigationMenuTriggerStyle(), "group", className)}
-			{...props}
-		>
-			{children}{" "}
-			<ChevronDown
-				className="relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180"
-				aria-hidden="true"
-			/>
-		</NavigationMenuPrimitive.Trigger>
-	);
-}
-
-function NavigationMenuContent({
-	className,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
-	return (
-		<NavigationMenuPrimitive.Content
-			className={cn(
-				"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
-				className,
-			)}
-			{...props}
-		/>
-	);
-}
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-
-function NavigationMenuViewport({
-	className,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
-	return (
-		<div className={cn("absolute left-0 top-full flex justify-center")}>
-			<NavigationMenuPrimitive.Viewport
-				className={cn(
-					"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-purple-400/50 bg-indigo-950/70 text-white shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-					className,
-				)}
-				{...props}
-			/>
-		</div>
-	);
-}
-
-function NavigationMenuIndicator({
-	className,
-	...props
-}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
-	return (
-		<NavigationMenuPrimitive.Indicator
-			className={cn(
-				"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-				className,
-			)}
-			{...props}
-		>
-			<div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-purple-400 shadow-md" />
-		</NavigationMenuPrimitive.Indicator>
-	);
-}
-
-export {
-	NavigationMenu,
-	NavigationMenuContent,
-	NavigationMenuIndicator,
-	NavigationMenuItem,
-	NavigationMenuLink,
-	NavigationMenuList,
-	NavigationMenuTrigger,
-	navigationMenuTriggerStyle,
-	NavigationMenuViewport,
-};

package/layers/experiment/lib/constants.ts

@@ -1,12 +0,0 @@
-const EXPERIMENTS = [
-	{
-		name: "EXPERIMENT 1",
-		path: "/experiment-1",
-	},
-	{
-		name: "EXPERIMENT 2",
-		path: "/experiment-2",
-	},
-];
-
-export default EXPERIMENTS;

package/layers/webgl/app/page.tsx

@@ -1,10 +0,0 @@
-import { Wrapper } from "@/components/layout/wrapper";
-import DynamicCanvas from "@/components/webgl/canvas/dynamic";
-
-export default function Home() {
-	return (
-		<Wrapper theme="dark">
-			<DynamicCanvas />
-		</Wrapper>
-	);
-}

package/layers/webgl/components/webgl/canvas/dynamic.tsx

@@ -1,34 +0,0 @@
-"use client";
-
-import dynamic from "next/dynamic";
-import { Suspense, useRef } from "react";
-import { cn } from "@/lib/styles/cn";
-
-const WebGLCanvas = dynamic(() => import("./index"), {
-	ssr: false,
-});
-
-export default function DynamicCanvas() {
-	const eventSourceRef = useRef<HTMLDivElement>(null);
-
-	return (
-		<div
-			ref={eventSourceRef}
-			className={cn(
-				"pointer-events-none fixed top-0 left-0 z-50 h-lvh w-full overflow-hidden",
-			)}
-		>
-			<Suspense
-				fallback={
-					<div className="flex h-full w-full items-center justify-center bg-black/10">
-						<span className="font-mono text-xs uppercase tracking-widest opacity-30">
-							Loading WebGL...
-						</span>
-					</div>
-				}
-			>
-				<WebGLCanvas eventSource={eventSourceRef} />
-			</Suspense>
-		</div>
-	);
-}

package/layers/webgl/components/webgl/canvas/index.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import { Preload } from "@react-three/drei";
-import { Canvas } from "@react-three/fiber";
-import dynamic from "next/dynamic";
-
-import { cn } from "@/lib/styles/cn";
-
-const Scene = dynamic(
-	() =>
-		import("@/components/webgl/components/scene").then((mod) => mod.default),
-	{
-		ssr: false,
-	},
-);
-
-export default function WebGLCanvas({ ...props }) {
-	return (
-		<Canvas
-			className={cn("pointer-events-none h-lvh! w-full")}
-			dpr={[1, 2]}
-			eventPrefix="client"
-			frameloop="always"
-			camera={{
-				far: 1000,
-				near: 0.01,
-				fov: 16,
-				position: [0, 17, 350],
-			}}
-			gl={{
-				alpha: true,
-				antialias: true,
-				logarithmicDepthBuffer: true,
-				powerPreference: "high-performance",
-				premultipliedAlpha: true,
-			}}
-			{...props}
-		>
-			<Scene />
-			<Preload all />
-		</Canvas>
-	);
-}

package/layers/webgl/components/webgl/components/scene/index.tsx

@@ -1,21 +0,0 @@
-import { useFrame } from "@react-three/fiber";
-import { useRef } from "react";
-import type { Mesh } from "three";
-
-const Scene = () => {
-	const meshRef = useRef<Mesh>(null);
-
-	useFrame((_state, delta) => {
-		meshRef.current.rotation.x += delta;
-		meshRef.current.rotation.y += delta;
-	});
-
-	return (
-		<mesh ref={meshRef} scale={10}>
-			<boxGeometry />
-			<meshBasicMaterial color="orange" />
-		</mesh>
-	);
-};
-
-export default Scene;

package/src/mergers/next-config-merger.js

@@ -1,63 +0,0 @@
-// src/mergers/next-config-merger.js
-import fs from "fs-extra";
-
-const SANITY_PACKAGES =
-	'"@sanity/client", "@sanity/image-url", "@sanity/asset-utils"';
-
-const IMAGES_BLOCK = `images: {
-    remotePatterns: [
-      {
-        protocol: "https",
-        hostname: "cdn.sanity.io",
-      },
-    ],
-  },`;
-
-/**
- * Merge Sanity-specific config into template next.config.ts
- * Adds images.remotePatterns for cdn.sanity.io and
- * experimental.optimizePackageImports for Sanity packages
- *
- * @param {string} templatePath - Path to the template's next.config.ts
- * @returns {Promise<{skipped?: boolean, reason?: string, success?: boolean}>}
- */
-export async function mergeNextConfig(templatePath) {
-	let content = await fs.readFile(templatePath, "utf-8");
-
-	// Skip if already has Sanity config
-	if (content.includes("cdn.sanity.io")) {
-		return { skipped: true, reason: "Already has Sanity image config" };
-	}
-
-	// Match the NextConfig object opening: `const nextConfig: NextConfig = {`
-	const configObjectPattern = /(const\s+\w+\s*:\s*NextConfig\s*=\s*\{)/;
-
-	// 1. Add images.remotePatterns for Sanity CDN
-	if (!content.includes("remotePatterns")) {
-		content = content.replace(configObjectPattern, `$1\n  ${IMAGES_BLOCK}`);
-	}
-
-	// 2. Add optimizePackageImports for Sanity packages
-	if (content.includes("optimizePackageImports")) {
-		// Already has optimizePackageImports array — prepend Sanity packages
-		content = content.replace(
-			/(optimizePackageImports\s*:\s*\[)/,
-			`$1${SANITY_PACKAGES}, `,
-		);
-	} else if (content.includes("experimental")) {
-		// Has experimental block but no optimizePackageImports — add it inside
-		content = content.replace(
-			/(experimental\s*:\s*\{)/,
-			`$1\n    optimizePackageImports: [${SANITY_PACKAGES}],`,
-		);
-	} else {
-		// No experimental block — add it to the config object
-		content = content.replace(
-			configObjectPattern,
-			`$1\n  experimental: {\n    optimizePackageImports: [${SANITY_PACKAGES}],\n  },`,
-		);
-	}
-
-	await fs.writeFile(templatePath, content);
-	return { success: true };
-}